/* Layout Stylesheet */ 


body {
	text-align: center; /* required for centering the page in IE */
  background: #204D02;  
	background: url(../images/USEDCARTONBOXBG.png);
	 -webkit-background-size: cover
  -moz-background-size: cover;
  -o-background-size: cover;
	/*background-image:url('images\USEDCARTONBOXBG.png');*/
	
	 
	 
	/* background: url(images/USEDCARTONBOXBG.png) no-repeat center center fixed; 
  -webkit-background-size: cover
  -moz-background-size: cover;
  -o-background-size: cover;*/
 
		
	}
#wrapper {
	width: 985px;
	margin: 0 auto; /* centering the page */
	text-align: left;
}

#strapline {
	text-align:right;
	margin-right:25px;
}

/* navigation holder */

#nav_holder {
	width:960px;
	text-align:left;
	padding-top:5px;
	}


#logo {
	text-align:left;
	float:left;
	width:120px;
	padding-left:25px;
	padding-top:5px;
}


#navigation_holder {
	text-align:left;
	float:right;
	width:760px;
	padding-top:30px;
	margin-left:45px;
}

#nav_line {
	padding-top:100px;
	float:right;
}


 
/* 2 main collumns */
		

#processContainer {
	text-align:left;
	margin-left: 0px;
 }
 
 	
 #process_plan,  #process_design,  #process_build,  #process_maintain {
	float: left;
	width: 427px;
	padding-bottom: 40px;
	padding-left: 20px;
	margin-bottom: 20px;
	padding-top: 0px;
		}
	

#process_contentplan,  #process_contentdesign,  #process_contentbuild,  #process_contentmaintain {
	width: 456px;
	float:left;
	padding-left: 52px;
	padding-bottom: 30px;
	padding-top: 15px;
	
		}
		
		#navigation {
			text-align:left;
			float:left;
		}
	
	
	 #contactLeft {
	float: left;
	width: 242px;
	padding-bottom: 40px;
	padding-left: 20px;
	margin-bottom: 20px;
	padding-top: 15px;
		}
	

#contactForm {
	width: 546px;
	float:left;
	padding-left: 145px;
	padding-bottom: 30px;
	padding-top: 15px;
	
		}
		
		
		/*ORDER FORM*/
		#contactForm1 {
	width: 300;
	float:left;
	padding-left: 145px;
	padding-bottom: 30px;
	padding-top: 15px;
	
		}
		
		
		/*ORDER FORM END*/
		
		#servicesContainer {
	text-align:left;
	padding-top:36px;
	margin-left: 0px;
 }
 
  #servicesmainLeft {
	float: left;
	width: 436px;
	padding-bottom: 40px;
	padding-left: 65px;
	padding-top: 55px;
		background: url(../images/michelle_back.jpg) no-repeat 0px 0px;

		}
 
  #servicesLeft {
	float: left;
	width: 501px;
	padding-bottom: 40px;
	padding-left: 25px;
	padding-top: 5px;
		}
		
		/*Order Start*/
		
  #servicesLeft1 {
	float: left;
	width: 301px;
	padding-bottom: 40px;
	padding-left: 25px;
	padding-top: 5px;
		}
		
		#servicesdetail1 {
	width: 501px;
	float:left;
	padding-left: 15px;
	padding-bottom: 20px;
	padding-top: 45px;
	
		}
		
		/*Order End*/
	

#servicesdetail {
	width: 376px;
	float:left;
	padding-left: 45px;
	padding-bottom: 20px;
	padding-top: 45px;
	
		}
		
		
		#legalContainer {
	text-align:left;
	padding-top:30px;
	margin-left: 0px;
 }

	

#legaldetail {
	width: 370px;
	float:right;
	padding-left: 45px;
	padding-bottom: 20px;
	padding-top: 20px;
	margin-right:40px;
	
		}
		
		#termsdetail {
	width: 550px;
	float:right;
	padding-left: 45px;
	padding-bottom: 20px;
	padding-top: 20px;
	margin-right:40px;
	
		}
		
		
		
		
		#portfolioContainer {
	text-align:left;
	padding-top:20px;
	margin-left: 0px;
 }
 
 
 
  #portfolioLeft {
	float: left;
	width: 618px;
	padding-bottom: 40px;
	padding-top: 5px;
	padding-left: 25px;
		}
	

#portfoliodetail {
	width: 290px;
	float:left;
	padding-left: 45px;
	padding-bottom: 20px;
	padding-top: 35px;
	
		}
		
		
		
		
		
		#serviceslinkLeft {
	text-align:left;
	float:left;
	width:115px;
	padding-right:15px;
}

serviceslinkRight {
	text-align:left;
	float:left;
	width:160px;
	padding-right:15px;
}
		
		
		#aboutContainer {
	text-align:left;
	padding-top:36px;
	margin-left: 0px;
	background: url(../images/about_watermark.png) no-repeat 0px 0px;
 }
 
 
 
		
		 #aboutServicesLeft {
	float: left;
	width: 242px;
	padding-bottom: 40px;
	padding-left: 28px;
	margin-bottom: 20px;
	padding-top: 15px;
		}
	

#aboutText {
	width: 372px;
	float:left;
	padding-left: 295px;
	padding-top: 15px;
	
		}
		
		

#clear, #clear_nav, #lineClear, #footclear, #jamesclear, #michelleclear, #andyclear {
	clear:both;
	}
	
	#processplanclear, #processdesignclear,#processbuildclear,#processmaintainclear {
	clear:both;
	background-image:url(../images/footer_line.gif);
	background-repeat: no-repeat;
	padding-bottom:30px;
	}
	
	#process_welcome {
		text-align:right;
		padding-left:94px;
		padding-top:33px;
		padding-bottom:35px;
		width:655px;
		float:right;
		margin-right:27px;
	}
	
#aboutJames {
	text-align:left;
	padding-left:435px;
	padding-top:85px;
	padding-bottom:90px;
	background: url(../images/james_back2.jpg) no-repeat 0px 0px;
}

#jamesTextone, #jamesTexttwo {
	text-align:left;
	float:left;
	width:250px;
	padding-right:15px;
}



#michelleTextone {
	text-align:left;
	float:left;
	width:340px;
	padding-right:15px;
}


#michelleTexttwo {
	text-align:left;
	float:left;
	width:200px;
	padding-right:15px;
}



#andyTextone, #andyTexttwo {
	text-align:left;
	float:left;
	width:250px;
	padding-right:15px;
}

#andyTexttwo {

margin-bottom: 60px;

}





#aboutmichelle {
	text-align:left;
	padding-left:25px;
	padding-top:60px;
	padding-bottom:90px;
	background: url(../images/michelle_back2.jpg) no-repeat 0px 0px;
}



#aboutandy {
	text-align:left;
	padding-left:435px;
	padding-top:75px;
	padding-bottom:90px;
	background: url(../images/andy_back.jpg) no-repeat 0px 0px;
}


	

/* footer */


img { border:0 }

ul.disc {
	list-style-type: disc;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000000;
	line-height: 1.7em;
	text-align: left;
	margin: 0px;
	padding: 10px 0px 0px 13px;
}


ul.client {
	list-style-type: square;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000000;
	line-height: 1.7em;
	text-align: left;
	margin: 0px;
	padding: 0px 0px 0px 2px;
	list-style-position: inside;
}


#viewer {
	padding-left:20px;
	height:330px;
	padding-top:20px;
}


.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:311px;
	width: 925px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0;
	left: 0;
	height: 311px;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 5px;
	right: -7px;
	width: 178px;
	height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 30px;
	background: url(../images/home_folio/paging_bg2.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: lighter;
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #000000;
}
.paging a.active {
	font-weight: bold;
	background: #30081b;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.paging a:hover {
}

/*--3 Col--*/


#main_body_container {
	width:950px;
	margin-right:auto;
	text-align:left;
	margin-top:10px;


		}
		
	#home_left {
	width:350px;
	float:left;
	padding-left:30px;
	padding-top:20px;

		}
	
	#home_middle {
	width:230px;
	float:left;
	padding-top:20px;
	padding-left: 40px;
	background: url(../images/twitter_divide.gif) no-repeat right 20px;
	padding-bottom:120px;
	}
	

	
	#home_right {
	width:280px;
	float:right;
	background: url(../images/twitter_bird.gif) no-repeat right top;
	padding-top:20px;
	margin-bottom: 10px;
	padding-bottom: 10px;

	}
	
	
	/** Style the tweets */

.twitters {
	padding: 0px;
	overflow: auto;
	margin: 0px 0px 10px;
	border-bottom: 1px dotted #666;
}

.twitters ul {
	list-style: none;
	padding: 0px;
	color: #000000;
	font: 80%/1.7em Arial, Helvetica, sans-serif;
	
}

.twitters li {
padding-bottom:10px;
}

.twitters a:link {
	text-decoration: none;
	color: #000000;

}

.twitters a:visited {
		text-decoration: none;
			text-decoration: none;
	color: #000000;

}

.twitters a:hover {
	color: #000000;
	background: #FFF;
}

.twitter_birdFloat {
	float:left;
}

ul.services {
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
	margin: 0px;
	padding: 10px 0px;
}

#footer_line, #copyrightLine, #dividerline {
	text-align:left;
}

#footer_container {
	width:960px;
	margin-right:auto;
	text-align:left;
	margin-top:5px;
		padding-bottom: 20px;
		padding-top:5px;
		}
		
	#footer_left {
	width:290px;
	float:left;
	padding-left:30px;
		}
	
	#footer_middle {
	width:318px;
	float:left;
	padding-left: 15px;

	}
	

	
	#footer_right {
	width:277px;
	float:right;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
	margin-right: 5px;

	}
	
	ul.foot {
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #000000;
	line-height: 2em;
	text-align: left;
	margin: 0px;
	padding: 0px;

}

.footerfloat {
	float:left;
	padding-right: 10px;
	padding-top:3px;
}

#footLeft_left {
	text-align:left;
	float:left;
	width:160px;
}

#footLeft_right {
	text-align:left;
	float:left;
	padding-top:26px;
	width:120px;
}


#copyright {
	text-align:left;
	padding-bottom:10px;
	padding-left:30px;
}


#copyright ul {
	list-style: none;
	margin: 6px 0px 0px;
	padding: 0em;
}
#copyright li {
	display: inline;

}
#copyright a:link, #copyright a:visited {
	padding: 0.2px 3px 0.2px 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #000000;
	text-decoration: none;
	border-left: 1px solid #999999;
	margin: 0px;
}
#copyright a:hover {
color: #000000;
	background: #FFF;
}

#copyright ul a.first { 
  border-left: none;
  padding-left:0px;
}


#portfolio_container {
	text-align:left;
	background:#20292c;
	width:890px;
	margin-top:10px;
	padding:10px;
	margin-left: 25px;
	margin-bottom:20px;
}

#portfolio_container a:link, #portfolio_container a:visited, #portfolio_container  a:hover {
	text-decoration: none;
	background:#20292c;
}


#clientListcontainer {
	text-align:left;
	width:960px;
	padding-top:15px;
	padding-bottom:15px;
}

#clientLeft {
	text-align:left;
	padding-left:25px;
	float:left;
	width:300px;
}

#client_list {
	text-align:left;
	width:600px;
	padding-left:30px;
	float:left;
}

#client_listone, #client_listtwo, client_listthree {
	float:left;
	width:210px;
}

.tickFloat {
	float:left;
}

#portfolio_nav_buttons {
	text-align:left;
	background: url(../images/footer_line.gif) no-repeat bottom;
	height: 50px;
	padding-left: 25px;
}




 #portfolio_nav_buttons a:hover, #logo a:hover {
border: none;
background: none;
}

#portfoliofirst, #portfoliotwo, #portfoliothree, #portfoliofour {
	text-align:left;
	width:1250px;
}