img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;

	/* Set up proportionate scaling */
	width: 100%;
	height: auto;

	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}

@media screen and (max-width: 1024px){
	img.bg {
		left: 50%;
		margin-left: -512px; }
}



body {
	/* These rules have no effect on the functionality */
	/* They are for styling only */
	margin: 0;
	padding: 0px 0 0 0;
}

* {font-family:"Helvetica Neue", sans-serif; font-weight:400; *font-weight:600; font-size:16px; line-height:21px; color:#111;}

a {text-decoration: none;}
a:hover {text-decoration:underline;}

input.error, textarea.error {border:1px solid #E60B25;}
label.error {color:#700C18; margin-left:5px;}

#holder {position: fixed; left:50%; margin-left:-380px; margin-top:150px; width:760px; height:400px; overflow: hidden;}

#nav_wrapper {margin:10px auto; clear:both; height:40px; padding-top:20px;}
	#nav { /* background:url(images/black70.png) repeat; height:40px; padding:8px 0; */ text-align:center; height:30px;}
		#nav a {color:#fff; padding:6px 18px; background:url(../images/black70.png) repeat; margin:0 15px; border:1px solid #333; font-size:16px; font-weight:100;}
		#nav a:hover {color:#000; border:1px solid #000;}
	
#content {width:730px; height:350px; float:left; /* background:url(images/black80.png) repeat; */ overflow:hidden; /* border:1px solid #000; */}
	#content_in {width:730px; height:320px; /* margin:15px; */ }
	
	input, textarea {width:300px; padding:0px 3px; border:1px solid #666; background:url(../images/black20.png) repeat;}
	textarea {height:100px;}
	.checkbox {width:20px; background:none; border:none;}
	
	#services_div, #about_div, #work_div,#contact_div, #thank_div, #projects_div {float:left; display:none;}
	#services_div {height:320px; background:url(../images/white80.png) repeat; margin:0px; padding:0px;}
		#services_div h2, #about_div h2, #work_div h2, #contact_div h2 {color:#333; font-weight:500; font-size:20px;}
		#services_div h2 {cursor:pointer; padding:10px 10px; margin:0px; cursor:pointer; width:710px; float:left; border-top:1px solid #666; background:url(../images/black20.png) repeat;}
		#services_div h2#subg {border-top:none;}
		#services_div h2:hover {background:url(../images/black30.png) repeat; }
		#services_div div.up {float:left; width:710px; margin:0px; padding:0px; }
		
		#services_div div.sub {display:none; height:210px; padding:5px 10px; float:left; background:#f5f5f5;}
		
		#services_div ul {float:left; list-style:circle; height:100px;}
		#services_div ul li {}
		

		/*
		#services_div .eighty {background:url(../images/black30.png) repeat;}
		#services_div .fifty {background:url(../images/black20.png) repeat;}
		#services_div .twenty {background:url(../images/black10.png) repeat;}
		*/
/* 		#services_div div.last {margin:0; border:none;} */
		
	#about_div {display:none;}
		#about_div div,  {width:100%; color:#ccc; }	
		
		
	#work_div #p_containter {width:730px; height:270px; overflow:hidden; float:left;}
		/*#work_div #p_holder {width:3000px; height:270px; position:absolute; left:15px; z-index:2; background:blue;}*/
		#work_div #p_holder {width:7300px; height:270px; float:left;}
			#work_div .piece {height:268px; width:728px; float:left; color:#ccc; /* display:none; */ border:1px solid #666;}
			#work_div .piece img {z-index:20; height:268px; width:728px;}
			.work_info {width:720px; text-align:right; height:100px; z-index:30; margin-top:-97px; color:#fff; font-size:14px;}
			.work_info strong {color:#fff;}
			.work_info a {color:#fff; font-size:14px;}
			/* #work_div .piece.one {background:url(../images/work/work-1.jpg);} */
			
	#shadow_holder {width:770px; height:40px; margin-left:-20px; margin-top:-30px; float:left;}
		#shadow {width:770px; height:40px; background:url(../images/shadow.png); _background:none; float:left; display:none;}
			
	#contact_div {}
		#contact_div div {padding:4px 0; float:left; width:720px;}
		#contact_div div .label {width:200px; padding:0 10px 0 0; float:left; text-align:right;}
		#submit {width:130px; cursor:pointer; margin-left:210px; padding:0 8px;}
		
		#contact_form {width:520px; float:left;}
		$contact_info {width:245px; float:left;}
		
		.contact_link {cursor:pointer; text-decoration:underline;}
		.contact_link:hover { color:#7D0505;}
	
	#services_div p {background:none; padding:0;}
	
	#projects_div {}
		#projects_div strong {color:#700C18;}
	
	#project {float:left; font-weight:bold; margin-right:5px;}
	#project_name {float:left;}
	#services_one {float:left; font-weight:bold; margin-right:5px;}
	#services_two {float:left;}
	#visit {float:right; display:none;}
	#visit:hover {color:#fff;}
	
	.work_one, .work_two, .visit_site {display:none;}
		
	p {margin:0px; padding:15px 10px; /* background:url(../images/white80.png) repeat; */background:#F5F5F5; min-width:710px; }
			
#previous {position:absolute; width:40px; height:270px; z-index:10; left:0px; background:url(../images/previous_button.png); display:none; cursor:pointer; margin-top:20px;}
#previous:hover {background:url(../images/previous_button_hover.png);}
#next {position:absolute; width:40px; height:270px; z-index:10; right:0px; background:url(../images/next_button.png); display:none; cursor:pointer;  margin-top:20px;}
#next:hover {background:url(../images/next_button_hover.png);}		
		
.nomargin {margin:none;}
.noborder {border:none;}
.hidden {display:none;}


#float_wrapper {width:730px; z-index:2; position:absolute; left:50%; margin-left:-365px;}
#wrapper {width:730px; float:left; }
#header {width:730px; height:202px; margin:20px 0 0px 0; float:left; background:url(../images/logo.png) no-repeat center;}
	#header_info {width:245; float:right; height:48px; margin-top:112px;}
	#footer_info {width:100%; text-align:center; font-size:85%;}
	
#main {width:730px; float:left; height:350px; overflow:hidden;}


#blog { border:1px solid blue; float:left; }

.clear {clear:both;}