/* CSS Document */

h1, h2, h3, h4 { color: #003399;}

ol, ul { list-style: none;}

p { margin: 7px 0 0 0;}

a { color: #FF9900; text-decoration:none; }

img { border:0;}

#container p { font-size: 12px;}

#branding_and_nav h1 { 
	background: url(../images/branding.gif) no-repeat;
	text-indent: -999999px;
	height: 126px;
}

#branding_and_nav ul { 
	background-color: #003399;
	width: 850px; height: 30px; padding: 10px 0 0 0;
	
}

#branding_and_nav li { display:inline; color:#FFFFFF; margin: 0 0 0 10px; padding: 0 0 0 15px; font-size: 17px;}

#branding_and_nav a {color:#FFFFFF;}


#intro {
	width: 672px;
	margin: 20px 0 5px 10px;
	background: url(../images/slices/txt_stretch.gif) repeat-y;
	float: left;
	min-height: 100%;
}

#intro h2 { 
	background: url(../images/slices/txt_top.gif) no-repeat left top;
	padding: 20px 0 15px 20px;
}

#intro h3 {
	font-size: 14px;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-left: 40px;
	padding-right: 30px;
}

#intro h4 {
	font-size: 12px;
	margin-top: 20px;
	padding-left: 40px;
	padding-right: 30px;
}

#intro p { 
	color:#003399;
	line-height: 150%;
	padding-left: 40px;
	padding-right: 30px;
}

.pic_left { padding-right: 15px; padding-bottom: 10px;}

#intro form { width: 350px;}

#intro ul, li { color: #003399; font-size: 12px; }

#intro ul { list-style:circle; margin-left:70px; margin-top: 20px;}

#intro li { list-style:circle;}

#intro .last { 
	background: url(../images/slices/txt_bottom.gif) no-repeat left bottom;
	padding-bottom: 20px;
}

#secondary_content { 
	width: 672px; height:550px;
	margin: 5px 0 5px 10px;
	background: url(../images/secondary_background.gif) no-repeat;
	position: relative;
	float:left;
}

#secondary_content h2  {
	background: url(../images/slices/txt_top.gif) no-repeat left top;
	padding: 20px 0 0 20px;
}

#secondary_content h3 { text-decoration: underline;}

#secondary_content p { 
	width: 672px;
	color:#003399;
	line-height: 150%;
	padding-left: 40px;
	padding-right: 30px;
	width: 610px;
}

/**************************************************************************************/
/*******************************SECONDARY CONTENT PORTFOLIO ONLY***********************/
/***************************************************************************************/


#secondary_content_portfolio  { 
	width: 672px; height:850px;
	margin: 5px 0 5px 10px;
	background: url(../images/secondary_background_portfolio.gif) no-repeat;
	position: relative;
	float:left;
}

#secondary_content_portfolio h2  {
	background: url(../images/slices/txt_top.gif) no-repeat left top;
	padding: 20px 0 0 20px;
}

#secondary_content_portfolio h3 { text-decoration: underline;}

#secondary_content_portfolio p { 
	width: 672px;
	color:#003399;
	line-height: 150%;
	padding-left: 20px;
	padding-right: 30px;
}

/**************************************************************************************/
/************************END OF SECONDARY CONTENT PORTFOLIO ONLY***********************/
/***************************************************************************************/


.separator { margin-left: 30px;}


#form_pic_container {width:650px;}

#form_pic_container form { width:300px;}

#portfolio_categories {height:250px; width:650px;}

#portfolio_categories img { margin-right:5px;}





/***********************SIDE INFO INDEX***************************************************/


#side_info { 
	background: url(../images/side_box.gif) no-repeat;
	width: 143px; height: 527px;
	margin-top: 11px;
	padding-top: 1px;/******Firefox only*******/
}

#side_info h3 { margin: 15px 0 5px 8px; font-size: 13px;}

#side_info p { margin: 5px 0 0 10px; font-size: 10px; color:#003399;}

#side_info img { margin: 5px 0 0 10px;}

h3#calendar  { background: url(../images/titles/events_calendar.gif) no-repeat; text-indent: -99999px;}

h3#school_design { background: url(../images/titles/school_design.gif) no-repeat; text-indent: -99999px;}

h3#consultation_design { background: url(../images/titles/consultation_design.gif) no-repeat; text-indent: -99999px;}

h3#contact { background: url(../images/titles/contactus.gif) no-repeat; text-indent: -99999px;}



/***********************SIDE INFO NOT INDEX***************************************************/


#side_info_other { 
	background: url(../images/side_box_other.gif) no-repeat;
	width: 143px; height: 330px;
	margin-top: 11px;
	padding-top: 1px;/******Firefox only*******/
}

#side_info_other h3 { margin: 15px 0 5px 8px; font-size: 13px;}

#side_info_other p { margin: 5px 0 0 10px; font-size: 10px; color:#003399;}

#side_info_other img { margin: 5px 0 0 10px;}

h3#calendar  { background: url(../images/titles/events_calendar.gif) no-repeat; text-indent: -99999px;}

h3#school_design { background: url(../images/titles/school_design.gif) no-repeat; text-indent: -99999px;}

h3#consultation_design { background: url(../images/titles/consultation_design.gif) no-repeat; text-indent: -99999px;}

h3#contact { background: url(../images/titles/contactus.gif) no-repeat; text-indent: -99999px;}



/***********************NEWS FEED*****************************************************/

#newsfeed { 
	border: #F4F4F4 1px solid;
	background:url(../images/news_background.jpg) no-repeat;
	height: 177px;
	width:144px;
}

#newsfeed h4 { font-size: 12px; color: #000099; margin-bottom:0;}

#newsfeed p { color:#FFFFFF; font-size:11px; margin-bottom: 10px; margin-top:0;}

#newsfeed a { color:#0033CC;}

#news_content { width: 125px; height: 90px; margin-left: 11px; margin-top: 55px;}


/************************CONTACT*****************************************************/

#intro #contact_text { margin-bottom: 30px;}

#intro #contact_text p { }

/*#intro #contact_form {border: 1px solid #00CC00; float: right; width:300px; margint: 0; padding:0;}

#intro form { margin-left: 50px; width: 350px; border: solid 1px #00FF99;}*/

/***********************SECONDARY CONTENT HOME BOXES********************************/

#free_design { 
	width: 314px; height: 131px;
	padding: 5px 0 0 5px;
	margin: 20px 0 0 0;
	position: absolute; top: 50px; left: 20px;
}

#free_design h3 { float:right; margin-right: 60px;}

#free_design img { 
	padding: 0 10px 0 0;
	float:left; /*****IE Only****/
}

#free_design p { width: 170px; line-height: 120%; padding:0; float:right;}



#repairs { 
	width: 314px; height: 131px;
	padding: 5px;
	position: absolute; top: 70px; left: 345px;
}

#repairs h3 { float:right; margin-right: 98px;}

#repairs img { 
	padding: 0 10px 0 0; 
	float:left; /*****IE Only****/
}

#repairs p { width: 170px; line-height: 120%; padding:0; float:right;}



#manufacture { 
	width: 314px; height: 131px;
	padding: 5px;
	position: absolute; top: 220px; left: 20px;
}

#manufacture h3 {float:right; margin-right: 53px;}

#manufacture img { 
	padding: 0 10px 0 0;
	float:left; /*****IE Only****/
 }

#manufacture p { width: 170px; line-height: 120%; padding:0; float:right;}



#hire { 
	width: 314px; height: 131px;
	padding: 5px;
	position: absolute; top: 220px; left: 345px;
}

#hire h3 {float:right; margin-right: 48px;}

#hire img { 
	padding: 0 10px 0 0;
	float:left; /*****IE Only****/ 
}

#hire p { width: 170px; line-height: 120%; padding:0; float:right;}



#lightning { 
	width: 314px; height: 131px;
	padding: 5px;
	position: absolute; top: 370px; left: 20px;
}

#lightning h3 {float:right; margin-right: 82px;}

#lightning img { 
	padding: 0 10px 0 0;
	float:left; /*****IE Only****/
 }

#lightning p { width: 170px; line-height: 120%; padding:0; float:right;}


#install { 
	width: 314px; height: 131px;
	padding: 5px;
	position: absolute; top: 370px; left: 345px;
}

#install h3 {float:right; margin-right: 116px;}

#install img { 
	padding: 0 10px 0 0;
	float:left; /*****IE Only****/
}

#install p { width: 170px; line-height: 120%; padding:0; float:right;}