@charset "UTF-8";
/* Main CSS of ShapeLab Website */

body {
	background:#000;
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	 }
	 
h1 {font-size: 30px; color: #000000; text-decoration:none; margin: 40px 0px 10px 0px; padding: 0px; }
h1 span {font-size: 30px; color: #b20000; text-decoration:none; }
h2 {font-size:24px; color: #FFF; width: 270px; text-decoration:none; margin: 0px 0px 0px 0px; padding-top:20px; text-align:center;}
h3 {font-size:20px; color: #000; text-decoration:none; margin: 0px 0px 5px 0px; padding:0px;}
h4 {font-size:16px; color: #FFF; text-decoration:none;}

a {color: #b20000; text-decoration:none; }
p {margin: 0px; padding: 0px;}
p span {color: #b20000; }


#top {background: url(../images/main/garage.jpg) repeat-x left top; height:50px;}
#garage {background: url(../images/main/garage_handle.jpg) no-repeat;
		 margin:auto auto auto auto;
		 padding:0px;
		 height:50px; 
		 width:489px;
		 }
		 
#content_white {
			   background:#dfdfdf url(../images/main/content_bk.jpg) repeat-x left top;
			   margin:0px;
			   padding:0px;
			   width: 100%;
			   height: 450px;
			   }
			   
#content_white_02 {
			   background:#dfdfdf url(../images/main/content_bk.jpg) repeat-x left top;
			   margin:0px;
			   padding:0px;
			   width: 100%;
			   height: 125px;
			   }
			   
#content_white_03 {
			   background:#dfdfdf url(../images/main/content_bk.jpg) repeat-x left top;
			   margin:0px;
			   padding:0px;
			   width: 100%;
			   height: 1125px;
			   }
			   			   
#content_white_04 {
			   background:#dfdfdf url(../images/main/content_bk.jpg) repeat-x left top;
			   margin:0px;
			   padding:0px;
			   width: 100%;
			   height: 250px;
			   }

/* MAIN MENU & LOGO */			   
#logo_menu {width: 980px; height:95px; margin:auto auto auto auto;}			   
#logo {width: 320px; height: 95px; float:left;}

#menu {width: 475px; height: 95px; float:right;}
#menu ul { float: right; height: 85px; list-style-type:none; margin:0px; padding:0px; font-size:16px; line-height: 85px; width: 475px; }
#menu ul li { float:left; margin-right: 15px; padding:0px; }
#menu ul li a { width: 100px; height: 85px; display: block; text-decoration:none; font-weight: bold; color: #B20000; text-align:center; }
#menu ul li a:hover { background:url(../images/main/menu_bk.jpg) no-repeat left top; color:#FFF; }
#menu ul li a.active { background:url(../images/main/menu_bk.jpg) no-repeat left top; width: 100px; color:#FFF; text-decoration:none; }
#menu ul li.first a:hover { background:url(../images/main/menu_bk.jpg) no-repeat left top; color:#FFF; }
#menu ul li.first a.active { background:url(../images/main/menu_bk.jpg) no-repeat left top; color:#FFF; }

#content_home {
	margin: 0px auto;
	width: 980px;
	height: 355px;
			   }
			   
#text_home {
			padding-left: 10px;
			width: 525px;
			height: 355px;
			float:left;
			}
		   
#picture {
		 	background:url(../images/home/picture_frame_top.jpg) no-repeat left top;
			width: 325px;
			height: 355px;
			float:right;
		 }
		 
#picture img {margin: 0px 0px 0px 0px; padding: 68px 0px 0px 18px;}

/***** Portfolio Pages *****/
#content_portfolio {
	margin: 0px auto;
	width: 980px;
	height: 355px;
			   }
			   
#text_portfolio {
			padding-left: 10px;
			width: 550px;
			height: 300px;
			float:left;
			}
			
#picture_portfolio {
		 	width: 400px;
			height: 300px;
			padding: 0px;
			float:right;
		 }
#picture_portfolio img { margin: 60px 0px 0px 0px; }		 
		 
/************* ***************/

/***** About Page*****/
#content_about {
	margin: 0px auto;
	width: 980px;
	height: 150px;
			   }
			   
#text_about {
			padding-left: 10px;
			width: 625px;
			height: 950px;
			float:left;
			}
			
#text_about p {margin: 0px 0px 80px 0px;}
		   
#picture_03 {
		 	width: 300px;
			height: 950px;
			padding: 0px;
			float:right;
		 }
/************* ***************/

/***** Contact Page*****/
#content_contact {
	margin: 0px auto;
	width: 980px;
	height: 150px;
			   }
			   
#text_contact {
			padding-left: 10px;
			width: 525px;
			height: 150px;
			float:left;
			}
		   
#picture_04 {
		 	background:url(../images/contact/mail.png) no-repeat left top;
			width: 225px;
			height: 150px;
			padding-right:15px;
			float:right;
		 }
/************* ***************/
		 
/*Content with 322px height */			 
#content_dark{
			background:#000 url(../images/main/dark_ground_1.jpg) repeat-x left top;
			margin:0px;
			padding:0px;
			width: 100%;
			height: 322px;
			 }

#home_services { 
			margin:0px auto;
			width: 980px;
			height: 230px;
				}
				
#home_services ul { height: 230px; width:980px; margin:0px; padding:0px; list-style-type:none; float:right;}
#home_services ul li { height:150px; width:270px; float:left; margin: 40px 56px 0px 0px; padding:0px;}
#home_services img.shadow1 {margin:0px; padding:0px;}
			 
/*Content with 620px height */			 
#content_dark_02{
			background:#000 url(../images/main/dark_ground_2.jpg) repeat-x left top;
			margin:0px;
			padding:0px;
			width: 100%;
			height: 620px;
			 }
			 
#dark_title { 
			margin: 0px auto;
			width: 980px;
			height:80px;
			background: url(../images/main/dark_ground_title.png) no-repeat left top;}
			
#dark_title img {float: right;}

#dark_title_02 { 
			margin: 0px auto;
			width: 980px;
			height:80px;
			background: url(../images/main/dark_ground_title.png) no-repeat right top;
			}
			
#dark_title_02 h2 {float:right;}


			
/******* Portfolio *******/
#portfolio_services { margin: 0px auto; padding-top:10px; width:980px; height: 530px;}

#services_pictures { width:270px; height: 530px; float:left;}
#services_pictures .services_shadow {margin: 0px 0px 20px 0px; }

#services_text { width: 680px; height: 530px; float:right;}
#services_text ul {list-style-type:none; margin:0px; padding:0px; }
#services_text ul li { background: #57585b; height: 133px;  }
#services_text ul li.shadow2 { background: url(../images/portfolio/services_shadow_2.png) no-repeat right top; margin-bottom: 20px; height: 15px;  }

#services_text h2 { padding-left: 20px; text-align: left; }
#services_text p { width: 650px;color:#FFF; margin: 5px 0px 20px 20px;}
#services_text a {color: #F00;}

/**************************/

/******* CONTACT US *******/
#contact_info { margin: 0px auto; width: 980px; height: 520px;}
#formHolder { color:#FFF; width:600px;}
/**************************/

#bottom{ 
		background:#000 url(../images/main/bottom_bk.jpg) repeat-x left top;
		margin:0px;
		padding:0px;
		width: 100%;
		height: 90px;
		}
		
#bottom_content {
	margin: 0px auto;
	background: url(../images/main/bottom_content_bk.jpg) no-repeat left top;
	width: 980px;
	height: 90px;
			   }
		 
/****** FOOTER ******/
#footer {
	width: 980px;
	height: 50px;
	font-size: 11px; color: #FFF;
	margin: auto auto auto auto;
	padding-top: 50px;
	padding-bottom: 25px;
		}
		
#footer .ft_left { padding-left: 20px; float:left;}
#footer ul 	{  list-style-type:none; margin: 0px; padding: 0px; font-size:11px; float:left; width: 275px; }
#footer ul li 	{ float:left; margin:0px; padding:0px;}
#footer ul li a { color:#F1F1F1; text-decoration:none; }
#footer ul li a:hover { color:#b20000; text-decoration:none; }
#footer ul li a.ft_active { color:#b20000; text-decoration:none; }		
#footer .ft_right { float: right; height: 13px; }


/******* CONTACT US TEMP *******/

#contact_complete { background: #000; margin:20px auto; padding-top:20px; width: 680px; height: 300px; color:#FFF;}
#contact_complete p { margin-top:75px; text-align:center; font-size:24px; color:#FFF; line-height:36px; }


/**************************/