/* 	http://www.sansink.com
	author: Matthew Brown
	@ www.sansink.com
*/

/* reset css */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;
	font-style: inherit;font-size: 100%;font-family: inherit;
	vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
ol, ul, li {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/* end reset css */

body { 
	background:#000 url(img/paperbg.jpg) repeat;
	font:12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
}

#topbar { 
	background:url(img/topbar.png) repeat-x;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:13px;
}
#middlebg { 
	background:url(img/middlebg.jpg) repeat-x;
	position:absolute;
	top:230px;
	left:0px;
	width:100%;
	height:499px;
} 
#container {
	position:relative;
	margin:0 auto;
	width:960px;
	overflow:hidden;
}
	#header {width:960px;}
		#logo {width:400px; margin-top:30px; float:left;}
		
		        #navigation {width:549px; margin-top:13px; margin-left:10px; float:left;}
		
					#navmenu {
					position:relative;
					width:700px;
					overflow: hidden;
					height:69px;
					width:549px;
					}
						#navmenu li {
						float: left;
						list-style: none;
						height:69px;
						}
						#navmenu li.backLava {
						background: url(img/navbg.png) repeat-x;
						width: 9px;
						height: 69px;
						position: absolute;
						}
						#navmenu li a {
						height:69px;
						z-index: 10;
						display: block;
						position: relative;
					
						}
					
						#navhome{width:110px;}
							#navhomeA{width:110px; background:url(img/navigation.png) 30px 19px no-repeat;}
						#navportfolio{width:175px}
							#navportA{width:175px; background:url(img/navigation.png) -85px 19px no-repeat;}
						#navquote{width:115px;} 
							#navquoteA{width:115px; background:url(img/navigation.png) -255px 19px no-repeat;}
						#navcontact{width:140px} 
							#navcontactA{width:140px; background:url(img/navigation.png) -370px 19px no-repeat;}
			
			
			

			
	#slogan{width:960px;}
		#beautiful{width:684px;height:53px; padding-bottom:40px; margin-top:15px; margin-left:265px;}
			
			
			
			
			
	#mainslider{height:460px; width:960px; position:relative; overflow:hidden;}
	.scroller{}
	.scrollContainer{height:460px; width:3840px; position:relative;}

	#homepage{width:960px; margin-top:30px; height:430px; position:relative; float:left;}
		#slidecontain{width:455px; height:420px; margin-left:15px; float:left; }
			#photoslide{width:453px; height:300px;background:url(img/slideshowbg.png) no-repeat; float:left;}
				#slideshow {width:420px; height:266px; margin:14px 0 0 15px;overflow:hidden;}  
					#slideshow img {width:420px; height:266px; top: 0; left: 0;} 
			#services{width:440px; height:100px; margin-top:10px; margin-left:10px;float:left;}
				.checked{width:185px; height:25px; padding-left:30px; background:url(img/check.png) left no-repeat; float:left;}
				.service{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:15px; line-height:25px;}
				
		#maintext{width:415px; margin-left:50px; float:left;}
			.textmain{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; line-height:30px;}
			.orange{font-weight:bold; color:#f6930b;}
	
	
	#portfoliopage{width:960px; height:460px; float:left; position:relative;}
		#portfoliopage a, #portfoliopage a:visited{color:#FFF; text-decoration:underline;}
		#portfoliopage a:hover {color:#f6930b; text-decoration:underline;}
		#portfolioscroll{height:460px;}
			#portfolioitems {height:460px;}
				#portitem1, #portitem2, #portitem3, #portitem4, #portitem5, #portitem6 { 
					line-height:20px;
					height:460px; 
					width:960px; 
				}
					.portleft{margin-top:40px; height:400px; width:550px; float:left; margin-left:20px;}
						.portitem{background:url(img/portitembg.png) no-repeat; width:506px; height:266px;}
							.portfolioimages{overflow:hidden; width:502px; height:250px;}
								.portfolioimages img{margin:7px 0 0 8px; width:486px; height:236px;}

								.prev2, .next2 {color:#FFF; text-decoration:none!important; font-size:35px; font-weight:bold; margin-right:20px;}
								.prev2{margin-left:220px;}
							
							
						.portlink{margin-top:25px;margin-left:100px;}
							.portlink p {display:inline; margin-left:10px; font-size:16px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF;}
					.portright{margin-top:40px; height:400px; width:330px; float:left; margin-left:30px;}
						.portright p{padding:10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; line-height:24px;}
				
				
				
				
		.items{position:absolute;} 
		.scrollable{position:relative; overflow:hidden;} 
		.prev, .next{
			position:absolute;
			top:0px;
			left:160px;
			display:block;
			width:217px;
			height:15px;
			background:url(img/uparrow.png) no-repeat;
			cursor:pointer;
			margin:0 auto;
			z-index:100;
		} 
		.next{top:440px!important;}
		.next {
			background-image:url(img/downarrow.png);
			margin:0 auto;
		}
		.next:hover {
			background: transparent url(img/downarrow.png) no-repeat;		
		}
		.prev:hover{
			background: transparent url(img/uparrow.png) no-repeat;		
		}
	
		a.disabled {
		visibility:hidden !important;		
		} 
		
		
		
		
	
	#quotepage{width:960px;  height:460px;  float:left; position:relative;}
		#quotepage p{font-size:22px; color:#FFF;}
		#quotepage a{color:#FFF}
		#quotepage a:hover{color:#f6930b;}
	
	#contactpage{width:960px;  height:460px; float:left;  position:relative;}
	
	
	
	#bottomcontent{width:960px;}
		#bottomcontent a, #bottomcontent a:visited{color:#f6930b; text-decoration:underline;}
		#bottomcontent a:hover {color:#0d3155; text-decoration:underline;}
		#bottomleft{width:360px; height:580px; float:left;} 
			#aboutme{width:100%; margin-top:50px; height:370px;}
				#aboutme p {color:#0d3155; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; padding:10px; line-height:22px;}
			#getintouch{width:100%;height:160px;}
				#info1{margin-top:15px; height:100px; width:110px; float:left; text-align:right; line-height:30px;} 
				#info2{margin-top:15px; height:100px; margin-left:20px; width:200px; float:left; text-align:left;line-height:30px;}
				
		
		#bottomright{width:540px; margin-left:55px; height:580px; float:left;}
			#photos{width:270px; margin-left:200px;height:150px;}
			#sendmessage{width:100%; margin-top:20px; height:410px;}
				#MyForm {margin-top:25px;}
				.txtright{text-align:right;}
				#nameinput, #emailinput{width:259px; height:28px; background:url(img/commentbg.jpg) 0 0 no-repeat; border:none;}
	 			#commentinput {width:468px; height:174px; border:none; background:url(img/commentbg.jpg) 0 -40px no-repeat; overflow:auto;} 
				#nameinput, #emailinput, #commentinput {padding:5px 15px; color:#FFF; font-size:17px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
				#bademail, #badserver, #badcomment, #badbot, #success {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#900; margin-left:10px; margin-top:7px; margin-bottom:-13px; text-align:center;}
				#success {color:#090!important;}
	
	
	 
#footer {background:url(img/bottombar.png) repeat-x; height:24px;padding-top:12px; width:100%; text-align:center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px;}
#footer a{color:#FFF;}
#footer a:hover{color:#f6930b;}
	
	
h2 {
	line-height:35px;
	font-size:24px;
	font-weight:normal;
	color:#f6930b;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	
}
h3 {
	display:inline;
	font-size:18px;
	font-weight:bold;
	color:#0d3155;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	
}
h4 {
	display:inline;
	font-size:16px;
	font-weight:bold;
	color:#f6930b;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	
}
.hdot {background:url(img/hdot.png) bottom repeat-x;}
.clear {clear:both;}
.negmarg {margin-top:-8px;}