/* Body / HTML */

body, html{
	margin:0; padding:0; background:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:24px;
}

/* Generic - general styles */

.hide{ display:none; }

a{
	outline:0; color:#000;
}
a:hover{
	text-decoration:none; color:#666666;
}

img{ border:0; }

/************** Contact Form *********/

div#contact_container{
	width:925px; margin:0 auto; padding:0;
}

div#getquote{
	width:925px; margin:0; padding:0 0 30px 0; border:0px solid #f30;
}

/************* Header ***************/

div#header{
	width:925px; margin:0 auto 0 auto; padding:0;
}

/* logo */

div#header h1{
	float:left; width:223px; height:102px; margin:0; padding:0; border:0; background:url(../images/logo.gif) no-repeat top left;
}

div#header h1 a{
	display:block; width:223px; height:102px; margin:0; padding:0;
}

div#header a.loglink{
	float:right; font-size:12px;
}

/* Navigation */

div#header ul{
	float:right; list-style:none; margin:66px 0 0 0; padding:0;
}

div#header ul li{
	float:left; height:36px; list-style:none; margin:0; padding:0;
}

div#header ul li a{
	float:left; display:block; height:36px; margin:0; padding:0;
}

/* Specific Tabs */

div#header ul li#tab1{
	background:url(../images/tab1.gif) no-repeat top left;
}
div#header ul li#tab1 a{
	width:94px;
}

div#header ul li#tab2{
	background:url(../images/tab2.gif) no-repeat top left;
}
div#header ul li#tab2 a{
	width:117px; 
}

div#header ul li#tab3{
	background:url(../images/tab3.gif) no-repeat top left;
}
div#header ul li#tab3 a{
	width:109px;
}

div#header ul li#tab4{
	background:url(../images/tab4.gif) no-repeat top left;
}
div#header ul li#tab4 a{
	width:96px;
}

div#header ul li#tab5{
	background:url(../images/tab5.gif) no-repeat top left;
}
div#header ul li#tab5 a{
	width:115px;
}

/* Tab Hovers */

div#header ul li#tab1 a:hover,
div#header ul li#tab1 a.current{
	background:url(../images/tab1roll.gif) no-repeat top left;
}
div#header ul li#tab2 a:hover,
div#header ul li#tab2 a.current{
	background:url(../images/tab2roll.gif) no-repeat top left;
}
div#header ul li#tab3 a:hover,
div#header ul li#tab3 a.current{
	background:url(../images/tab3roll.gif) no-repeat top left;
}
div#header ul li#tab4 a:hover,
div#header ul li#tab4 a.current{
	background:url(../images/tab4roll.gif) no-repeat top left;
}
div#header ul li#tab5 a:hover,
div#header ul li#tab5 a.current{
	background:url(../images/tab5roll.gif) no-repeat top left;
}

/******************* Top Image - main black strip at top **********************/

div#topimg{
	clear:both; height:309px; margin:0 0 2px 0; padding:0; background:url(../images/topimgbg.gif) repeat-x top;
}

div#topinner{
	width:925px; height:309px; margin:0 auto 0 auto; padding:0; background:url(../images/topimgr.jpg) no-repeat top right; 
	position:relative;
}

div#topinner p#coninout{
	position:absolute; left:0; bottom:0px; border:0px solid #f30; color:#fff; width:300px; height:15px;
}

div#topinner p#coninout a{
	float:left; margin:0 5px 0 0; color:#fff; text-decoration:underline;
}

div#topinner p#coninout a:hover{
	text-decoration:none;
}

/* Web Design */

div#topinner h2{
	width:223px; height:46px; margin:0 0 1px 0; padding:0; border:0; background:url(../images/webdesign.jpg) no-repeat top left;
}

div#topinner h3{
	height:121px; margin:0; padding:0; border:0; background:url(../images/media.gif) no-repeat top left;
}


/************ Rotating laptop screen *****************/

div#screen{
	width:298px; height:186px; margin:0; padding:0; border:0px solid #f30; 
	position:absolute; right:51px; top:32px; overflow:hidden;
}

div#screen ul#strip{
	position:relative; right:0; top:0; width:596px; margin:0; padding:0; list-style:none; 
}

/* set initial right position, minus the width of the length of the <ul> as it starts behind the first ul */
div#screen ul#strip2{
	position:relative; right:-596px; top:-191px; width:596px; margin:0; padding:0; list-style:none;  
}

div#screen ul li{
	float:left;
}

/****************** Mid Content ************************/

div#midwrap{
	background:#f7f7f7 url(../images/midbg.jpg) repeat-x 0 0; border:0px solid #00FF33;
}

div#midinner{
	width:925px; min-height:650px; margin:0 auto 0 auto; padding:0;
}

* html div#midinner{
	height:650px;
}

/* Sub Headings */

h3.sub{
	margin:0; padding:0; border:0;
}

/* Specific sub headings */

h3#sub1{
	height:72px; background:url(../images/sub1.gif) no-repeat top left;
}
h3#sub2{
	height:72px; background:url(../images/sub2.gif) no-repeat top left; 
}
h3#sub3{
	height:64px; background:url(../images/sub3.gif) no-repeat top left;
}

h3#sub4{
	height:64px; background:url(../images/sub4.gif) no-repeat top left;
}

h3#sub5{
	height:64px; background:url(../images/sub5.gif) no-repeat top left;
}

h3#sub6{
	height:50px; margin:20px 0 0 0; background:url(../images/sub6.gif) no-repeat top left;
}

h3#sub7{
	height:72px; background:url(../images/sub7.gif) no-repeat top left;
}

h3#sub8{
	height:72px; background:url(../images/sub8.gif) no-repeat top left;
}

h3#sub9{
	height:72px; background:url(../images/sub9.gif) no-repeat top left;
}


/* Left column */

div#leftcol{
	float:left; width:572px; min-height:280px; margin:0 18px 20px 0; padding:0 2px 0 0; 
	background:url(../images/leftcolbg.jpg) top right no-repeat;
}

* html div#leftcol{
	height:280px;
}

p.introtxt{
	margin-top:0; padding-top:0; margin-right:10px; font-size:14px;
}

/* Right column */

div#rightcol{
	float:left; width:332px; margin:0; padding:0;
}

/* portfolio */

div#portfolio{
	width:925px; margin:0; padding:0; border:0px solid #f30;
}

div#portfolio dl{
	width:925px; margin:0; padding:0;
}

div#portfolio dl dt{
	float:left; width:572px; height:204px; margin:0 18px 20px 0; padding:0 2px 0 0; background:transparent url(../images/portfolio/dt_bg2.gif) 0 0 no-repeat;
	border:0px solid #f30;
}

div#portfolio dl dt img{
	float:left; width:529px; height:178px; margin:13px 0 0 13px;
}

div#portfolio dl dt#firstdt{
	background:transparent url(../images/portfolio/dt_bg.gif) 0 0 no-repeat;
}
div#portfolio dl dd{
	float:left; width:332px; height:194px; margin:0; padding:5px 0;
}

div#portfolio dl dd strong{
	font-size:14px; letter-spacing:1.5px;
}

div#portfolio dl dd a.livesite{
	display:block; width:165px; height:41px; border:0; margin-top:10px; 
	background:url(../buttons/btn_livesite.gif) 0 0 no-repeat;
}

div#portfolio dl dd a.template{
	display:block; width:165px; height:41px; border:0; margin-top:10px; 
	background:url(../buttons/btn_template.gif) 0 0 no-repeat;
}

div#portfolio p#port_toggle{
	margin:0; padding:0 0 10px 0; font-size:14px;
}

div#portfolio p#port_toggle a{
	margin:0 20px 0 0;
}
/* Recent Projects */

#projects{
	clear:both; float:left; width:925px; margin:0; padding:0; border:0px solid #f30; 
}

#projects p{
	margin:0; padding:0;
}

#projects ul{
	float:left; width:925px; margin:5px 0 0 0; padding:0; list-style:none;
}

#projects ul li{
	float:left; width:223px; margin:0 10px 0 0; padding:0; border:0px solid #00FF33;
}

#projects ul li#proj4{
	margin:0;
}

/* Sqaure bullet points */

ul.sqlist{
	list-style:none; margin:0; padding:0; 
}

ul.sqlist li{
	margin:0; padding:0 0 0 14px; background:url(../images/bull.gif) no-repeat top left;
}

ul.blist{
	margin:10px 0 0 0; padding:2px; list-style:none; background:#e4e6e7;
}

ul.blist li{
	display:inline; margin:0; padding:0 5px 0 5px; border-right:1px solid #1f507b;
}

ul.blist li a{
	color:#1f507b;
}


/* footer */

div#footer{
	clear:both; width:925px; height:250px; margin:10px auto 0 auto; padding:1px 0 0 0; background:url(../images/footerbg.gif) 0 0 no-repeat;
	border:0px solid #f30;	
}

div#footerleft{
	float:left; width:572px; margin:0 18px 0px 0; padding:0 2px 0 0; 
	background:url(../images/footerleftbg.gif) top right no-repeat; border:0px solid #f30;
}

#footerleft p{
	margin:0 50px 0 0; padding:0;
} 

div#footerright{
	float:left; width:332px; margin:0; padding:0; border:0px solid #f30;
	background:url(../images/footerrightbg.gif) top right no-repeat;
}

#footerright p{
	margin:0; padding:0;
}

#footer ul{
	clear:both; float:left; width:920px; margin:25px 0 0 0; padding:0 0 0 5px; background:#e8e8e8; list-style:none;
} 

#footer ul li{
	float:left; margin:0; padding:2px 5px 2px 0;
}

#footer ul li a{
	padding:0 5px 0 0; color:#051E3D;
}

/* content management */

div#cms{
	float:left; width:925px; margin:0!important; padding:0!important; border:0px solid #f30;
}