/* CSS Document */



* {



padding: 0;

margin: 0;



} 



body{



/* Background image is the image that will appear over entire page. Background Color is a plain colour over the entire page */



background-image:url(i/outerbg.jpg);

background-repeat:no-repeat;

/* background-color:#FFFFFF; */



}





.outer{



margin-left:auto;

margin-right:auto;

position:relative;

width:910px;

margin-top:32px;

height:100%;

background-color:#FFFFFF;



/* background-image:url(i/inner.gif); */

/* background-repeat:no-repeat; */



}



p{



font-family:Arial, Helvetica, sans-serif;

font-size:12px;

margin-right:10px;

margin-left:10px;

margin-top:5px;

margin-bottom:5px;

padding-bottom:2px;

padding-top:2px;

padding-left:0px;

color:#333;

font-weight:normal;

line-height:14px;



}



h3{



font-size:16px;

/* font-family:"Tahoma", "Times New Roman", Times, serif; */

font-family:Arial, Helvetica, sans-serif;

margin-left:10px;

font-size:14px;

margin-bottom:0px;

color:#FFFFFF;

font-weight:normal;



}



h2{



font-size:12px;

font-family:Arial, Helvetica, sans-serif;

margin-left:10px;

margin-bottom:15px;

color:#666666;



}



h1{



font-family:Arial, Helvetica, sans-serif;

font-size:20px;

color:#003366;

margin-left:9px;

font-weight:bold;



}



li{



padding:0px;

margin-top:8px;

padding-top:0px;

list-style-image:url(i/bullet.gif);

padding-left:5px;

font-weight:normal;

color:#000000;

font-size:12px;



}



ul{



font-family:Arial, Helvetica, sans-serif;

font-size:12px;

padding-top:0px;

margin-top:0px;

margin-left:50px;



}



a{



text-decoration:none;

color:#069;



}





.topmenu{



width:527px;

height:12px;

margin-left:auto;

margin-right:auto;

padding-top:8px;

padding-bottom:13px;

position:absolute;

top:0px;

left:377px;

z-index:120;



}



.topmenu a{



font-family:Arial, Helvetica, sans-serif;

margin:0px;

padding-top:0px;

padding-bottom:0px;

padding-right:10px;

padding-left:10px;

text-decoration:none;

color:#333;

font-size:12px;

border-right:1px dotted #999999;

text-transform:capitalize;



}



.topmenu a:hover{



padding-top:8px;

padding-bottom:8px;

padding-right:10px;

padding-left:10px;

height:25px;

color:#CCCCCC;



}



#logo{



position:absolute;width:248px;height:35px;left:14px;top:5px;z-index:120;



}



.email{ position:absolute;width:291px;height:23px;left:522px;top:-28px;z-index:3; }



.email h3{ font-weight:normal; font-size:13px; }



.email a{ text-decoration:none; }



.phone{ position:absolute;width:165px;height:22px;left:753px;top:-28px;z-index:3; }



.phone h3{ font-weight:normal; font-size:13px; }



/* Home Page */



.homepagetext{



position:absolute;width:545px;height:205px;left:12px;top:310px;z-index:120;



}



.homepagetext a{

	

	color:#036;

	

}



.homepagetext a:hover{

	

	color:#F93;

	

}



.homepagetext p{



font-size:11px;

line-height:16px;



}



.homepagetext h2{



font-size:12px;

color:#333;

margin-bottom:2px;



}



.homepagetext li{



margin-left:10px;

font-size:11px;



}



.homelatest{

	position:absolute;

	width:887px;

	height:530px;

	left:15px;

	top:750px;

	background-image:url(i/latestworkbg.jpg);

	background-repeat:no-repeat;



}



.homelatest a{



color:#003366;



}



.homefooter{

	position:absolute;

	top:1271px;

	left:5px;

	height:150px;

	width:900px;

	background-image:url(i/seperator.jpg);

	background-repeat:no-repeat



}



.homefooter p{



font-size:10px;



}



.homefooter a{



color:#003366;

text-decoration:none;



}



.homelogos{



position:absolute;width:196px;height:173px;left:554px;top:527px



}



.homebanner{



position:absolute;width:293px;height:512px;left:0px;top:-5px;



}



.homeflash{



position:absolute; left: 5px; top: 20px; width: 899px;



}



/* Web Design */



.standardf{

	position:absolute;

	top:535px;

	left:10px;

	height:143px;

	width:614px;



}



.standardf li{



font-size:12px;





}



.standardf ul{



margin-top:8px;



}



.wbhomebanner{



position:absolute;width:293px;height:512px;left:0px;top:-5px



}



#wbservices h3{



color:#FFFFCC;

margin-bottom:12px;

font-weight:normal;

font-size:17px;

padding-top:0px;



}



.wbmaintext h1{



color:#003366;

margin-bottom:0px;

font-size:20px; margin-bottom:10px;



}



.wbmaintext{

	position:absolute;

	top:70px;

	left:622px;

	height:209px;

	width:267px;



}



.wbmaintext p{



font-size:12px;

color:#333333;;





}





#serviceshome{



position:absolute; left:569px; top:274px; width: 347px; height: 223px;

z-index:110;



}



#serviceshome h3{



font-size:18px;

color:#003366;



}



#serviceshome p{



font-size:10px;

padding:0px;

margin:0px;

padding-left:12px;



}





#services h3{



font-size:18px;

color:#003366;



}



#services p{



font-size:10px;

padding:0px;

margin:0px;

padding-left:12px;



}



#webservices ul, li{



font-size:11px;

padding:3px;

margin:0px;

margin-left:-10px;



}



#webservices li{



padding:0px;

margin:0px;



}



#wbservices p{



font-size:13px;

margin-left:10px;



}



.wbservice h3{



color:#FFFFCC;

margin-bottom:12px;

margin-top:0px;

padding-top:0px;

font-weight:bold;

font-size:15px;

padding-top:0px;



}



.wbservice p{



font-size:13px;

margin-left:10px;



}



.wbfooter{

	position:absolute;

	top:1101px;

	left:17px;

	height:150px;

	width:872px;

	background-image:url(i/homefooter.jpg);



}



#onepagelatest{

	position:absolute;

	left:671px;

	top:494px;

	width: 236px;

	

}



#onepagelatest h2{

	

	padding:0px;

	margin:0px;

	font-size:14px;

	font-weight:bold;

	padding:5px;

	padding-bottom:9px;

	

}



#onepagelatest p{

	

	margin-left:0px;

	padding-left:5px;

	

}



#onepagebreak{

	

	position:absolute;top:1093px;left:0px;height:16px;width:900px;

	

}



#onepagefooter{

	

	position:absolute;top:1101px;left:17px;height:107px;width:872px;background-image:url(i/homefooter.jpg)

	

}



#starterbreak{

	position:absolute;

	top:941px;

	left:0px;

	height:16px;

	width:900px;



}



#starterfooter{

	position:absolute;

	top:959px;

	left:17px;

	height:92px;

	width:872px;

	background-image:url(i/homefooter.jpg)

	

}



/* Bread Crumbs */



.wdbread{



position:absolute;top:225px;left:5px;height:16px;width:266px;



}



.wdbread a{



color:#666666;

font-size:10px;



}



.wdbread img{



padding:0px;

margin:0px;



}



.wdbread p{



padding:0px;

margin:0px;

margin-left:5px;



}



#otherwbservices h3{



color:#006699;

margin-bottom:10px;

font-weight:normal;

font-size:14px;

background-color:#F0F0F0;

margin-left:0px;

margin-right:0px;

padding:3px;

padding-left:10px;

margin-top:10px;





}



.packagecontent{



position:absolute;top:263px;left:-1px;height:919px;width:646px;



}



.packagecontent h1{



margin-bottom:15px;

font-size:24px;color:#006699



}



.packagecontent li{



font-size:12px;

padding:5px;



}



#package_submit{



background:transparent url(i/quote_button.jpg);

width:140px;

height:40px;

border:0px;

padding-bottom:5px;



}



.packagecontent2{



position:absolute;top:263px;left:-1px;height:659px;width:646px;



}



.packagecontent2 h1{



margin-bottom:15px;

font-size:24px;color:#006699



}



.packagecontent2 li{



font-size:12px;

padding:5px;



}



/* Content Management */

.cmsheader{
position:absolute;width:293px;height:326px;left:0px;top:-5px;
}

.cmsmaintext{



position:absolute;top:70px;left:588px;height:217px;width:309px;



}



.cmsmaintext p{



line-height:14px;
color:#333333;



}

#cmsdemo{

position:absolute; left:625px; top:563px; width: 286px; background-image:url(i/sample_cms.jpg);height:200px;

}

#cmsform{

position:absolute; left:11px; top:863px; width: 417px; height: 460px;

}

#leftcms{
position:absolute; left:16px; top:331px; width: 417px; height: 209px;

}

#leftcms h3{font-size:18px; }



/* Website Facelifts */



.flmaintext{



position:absolute;top:64px;left:447px;height:209px;width:432px;



}



.flmaintext p{



line-height:14px;



}



.mkmaintext h1{



color:#003366;;

margin-bottom:10px;

font-weight:normal;

font-size:24px; margin-bottom:0px;



}



.mkmaintext h2{



margin-bottom:3px;



}



.mkmaintext{



position:absolute;top:65px;left:590px;height:224px;width:295px;



}



.mkmaintext p{



font-size:12px;

color:#333333;





}



/* Portfolio */



.portfolio{



position:absolute;top:86px;left:10px;height:224px;width:880px;





}



.portfolio a{

	

	color:#036;

		

}



/* Contact Us */



.conmaintext{





position:absolute;top:67px;left:437px;height:209px;width:448px;





}



/* Ecommerce */



.ecotext h1{



color:#003366;

margin-bottom:2px;



font-size:20px; margin-bottom:10px;



}



.ecotext{

	position:absolute;

	top:62px;

	left:643px;

	height:209px;

	width:265px;



}



.ecotext p{



font-size:12px;

color:#333;





}



/* Articles */



.articles{



position:absolute;top:286px;left:10px;height:224px;width:622px;





}



#services{



z-index:120;



}



#websitecms{

	position:absolute;

	top:745px;

	left:648px;

	height:150px;

	width:256px;

	

}



#wdlatestw{

	position:absolute;

	width:610px;

	height:323px;

	left:14px;

	top:741px;

	background-image:url(i/latestbg.jpg);

	

}



#websitefacelift{

	position:absolute;

	top:912px;

	left:648px;

	height:150px;

	width:256px;

	

}



#wdconfused{

	position:absolute;

	top:535px;

	left:499px;

	height:185px;

	width:404px;

	border:1px solid #CCCCCC;

	background-color:#F3F3F3

	

}

#stepbystepfooter{

position:absolute;top:1200px;left:15px;height:103px;width:872px;background-image:url(i/homefooter.jpg)

}

#needwebsitefooter{

position:absolute;top:1291px;left:8px;height:93px;width:897px;background-image:url(i/homefooter.jpg);border-top:1px solid #CCC;margin-top:10px;

}

.articles h2{

color:#000000;

}

#goodwebsitefooter{

position:absolute;top:891px;left:17px;height:93px;width:872px;background-image:url(i/homefooter.jpg);border-top:1px solid #CCC;

}

#indexmore{ position:absolute;width:530px;height:665px;border:1px solid #CCC;left:7px;top:290px;padding:10px;background-color:#FFFFFF;display:none;z-index:10000000000;}
#indexmore h1{font-size:18px;}
#indexmore p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;}
#indexmore h2{ font-family:Arial, Helvetica, sans-serif;
font-size:16px;color:#003366;margin-top:15px;}