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

    COLORS:
        blue: #0a3365
        orange: #ff9c00

    LINK COLORS
        blue background link: #bee600
*/

/* 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 */

em{font-style: italic;}

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

#topbar { 
	background:url(img/topbar.jpg) 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:526px;
} 
#container {
	position:relative;
	margin:0 auto;
	width:960px;
}
	#header {width:960px;}

		#logo {width:364px; height:106px; margin-top:37px; float:left;}
		
		        #navigation {width:614px; margin-top:13px; margin-left:-23px; float:left;}
		
					#navmenu {
                        position:relative;
                        overflow: hidden;
                        height:85px;
                        width:614px;
					}
						#navmenu li {
                            float: left;
                            list-style: none;
                            height:85px;
						}
						#navmenu li.backLava {
                            background: url(img/navbg.png) repeat-x;
                            width: 9px;
                            height: 85px;
                            position: absolute;
						}
						#navmenu li a {
                            height:85px;
                            z-index: 10;
                            display: block;
                            position: relative;
						}
					
						#navhome{width:93px;}
							#navhomeA{width:93px; background:url(img/navigation.png) 20px 32px no-repeat;}
						#navportfolio{width:144px}
							#navportA{width:144px; background:url(img/navigation.png) -73px 32px no-repeat;}
                        #navservices{width:114px;}
							#navservicesA{width:114px; background:url(img/navigation.png) -217px 32px no-repeat;}
						#navquote{width:145px;}
							#navquoteA{width:145px; background:url(img/navigation.png) -331px 32px no-repeat;}
						#navcontact{width:118px}
							#navcontactA{width:118px; background:url(img/navigation.png) -478px 32px no-repeat;}
			
			
			

			
	#slogan{
        width:960px;
        height:45px;
        padding-top:20px;
        text-align:right;
    }
			
			
			
			
			
	#mainslider{height:520px; width:960px; position:relative; overflow:hidden;}
	.scroller{}
	.scrollContainer{height:520px; width:3840px; position:relative;}



	#homepage{width:960px; margin-top:60px; height:520px; position:relative; float:left;}
		#slidecontain{width:482px; height:420px; margin-left:0px; float:left; }
			#photoslide{width:480px; height:317px;background:url(img/slideshowbg.png) no-repeat; float:left; z-index:100; position:relative;}
            #slideshow {width:440px; height:278px; margin:19px 0 0 18px;overflow:hidden;z-index:1;position:absolute; top:0;left:0;}
                #slideshow img {width:440px; height:278px; top: 0; left: 0;position:absolute;z-index:1}
                
			#services{width:482px; height:100px; margin-top:10px; margin-left:0px;float:left;}
				.checked{width:221px; height:30px; padding-left:20px; background:url(img/check.png) left no-repeat; float:left;}
				.service{font-family:"Century Gothic", Helvetica, sans-serif; font-weight:bold; font-size:15px; line-height:27px;}
				
		#maintext{width:460px; margin-left:18px; float:left;}
			#maintext p{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:19px; line-height:32px; margin-top:10px;}
            #maintext a{color:#bee600; font-weight: bold;}
            #maintext a:hover{color:#ff9c00;}
            #maintext a:visited{color:#bee600;}
	




	#portfoliopage{width:960px; height:520px; margin-top:60px; float:left; position:relative;}
		#portfoliopage a, #portfoliopage a:visited{color:#FFF; text-decoration:underline;}
		#portfoliopage a:hover {color:#f6930b; text-decoration:underline;}
		#portfolioscroll{height:520px;}
			#portfolioitems {height:520px;}
				.portfolioItem {line-height:20px;height:520px;width:960px;padding-top:25px;}
                .portfolioItem img{margin-right:18px; margin-bottom:18px; float:left;}
                .portfolioItem img.right{margin-right:0;}
                .portfolioItem img.bottom{margin-bottom:0;}
                .portfolioInfoBox{width:470px; padding-top:20px; height:170px;float:left;background:url('img/project.png') top right no-repeat;}
                .infoLeft{display:block;float:left;width:110px;}
                .infoRight{display:block;float:left;width:360px;}
                .portfolioInfoBox h3{text-align:right; font-size:17px; display:block;padding:5px 5px 0 0; font-weight:bold; letter-spacing:0em; color:#fff;}
                .portfolioInfoBox p{font-size:15px;font-weight:bold;font-family:"Century Gothic", Helvetica, sans-serif; margin:4px 0; line-height:21px;}

                
		.items{position:absolute;} 
		.scrollable{position:relative; overflow:hidden;} 
		.prev, .next{
			position:absolute;
			top:0px;
			left:372px;
			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;		
		} 
		
		
	#servicespage{width:960px; height:520px; margin-top:60px;  float:left; position:relative;}
		#servicesLeft, #servicesRight{width:460px; float:left}
        #servicesRight{margin-left:40px;}
        #servicespage p{font-size:14px; color:#FFF; margin:2px 0 12px 0; line-height:21px;}
        #servicespage h4{display:block; font-size:20px; color:#bee600; margin:18px 0 0 0;}
        #servicespage hr{border:none; border-top:1px solid #fff; margin:3px 0 0 0;}
        #servicespage a{color:#ff9c00; font-weight: bold;}
        #servicespage a:hover{color:#bee600;}
        #servicespage a:visited{color:#ff9c00;}



	#quotepage{width:960px; height:520px; margin-top:55px; float:left; position:relative;}
        #quoteLeft, #quoteRight{width:460px; float:left}
        #quoteRight{margin-left:40px;}
		#quotepage p{font-size:15px; color:#FFF; margin-top:10px;line-height:25px;}
        #quotepage h3{font-size:25px;display:block;letter-spacing:-.03em;}
        #quotepage hr{border:1px solid #fff; margin-bottom:11px;}
        #quotepage a{color:#bee600; font-weight: bold;}
        #quotepage a:hover{color:#ff9c00;}
        #quotepage a:visited{color:#bee600;}
        #quotepage input[type=text], #quotepage select{border:1px solid #999; background:#fff;color:#0a3365; padding:3px 5px;margin:4px 0;
        font-size:17px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; width:259px;}
        #quotepage textarea{width:100%;height:90px;padding:3px;font-size:17px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;color:#0a3365;}
        #quotepage label{display:inline-block; width:170px; text-align:right; padding-right:15px; font-size:18px;}
        #quotepage legend{font-size:12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;margin-top:8px;}
        #quotepage .checkboxes label{width:202px; font-size:14px; text-align:left; padding:2px 0 2px 4px;}
        #quotepage .submitinput{float:right; margin-top:8px;}
        .quoteFormMessage{display:inline-block;font-family:"Century Gothic", Helvetica, sans-serif; width:300px;font-weight:bold; color:#ff7031!important;}
        #quoteSuccess{ color:#bee600!important;}

        .quoteMissingField{border:2px solid #ff7031!important;width:257px!important;padding:2px 5px!important;}

	
	#bottomcontent{width:960px; overflow:visible!important;}
		#bottomcontent a, #bottomcontent a:visited{color:#f6930b; text-decoration:underline;}
		#bottomcontent a:hover {color:#0d3155; text-decoration:underline;}

		#bottomleft{width:470px; height:580px; float:left;padding-right:12px;}
			#newsStuff{width:100%; margin-top:50px;}
				#newsStuff p {color:#0a3365; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; margin-top:5px; padding-bottom:15px; line-height:22px;}
                .newsBox{margin-top:15px;}
                #newsStuff img.flRight{float:right; box-shadow:1px 1px 3px #999; margin:-16px -7px 0 15px;}
                #newsStuff img.flLeft{float:left; box-shadow:1px 1px 3px #999; margin:-16px 15px 0 0;}
                #newsStuff h4.alRight{padding-left:116px;}
			#getintouch{width:100%;height:160px;margin-top:20px;}
				#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:460px; margin-left:18px; height:580px; float:left;}
			#photos{width:479px; margin-left:-8px;height:150px;}
			#sendmessage{width:460px; margin-top:20px; height:410px;}
				#contactMe {margin-top:25px;}
				.txtright{text-align:right;}
				#nameinput, #emailinput{width:250px; height:28px; background:url(img/commentbg.jpg) -180px -4px no-repeat; border:none;}
	 			#commentinput {width:450px; height:170px; border:none; background:url(img/commentbg.jpg) 0 -51px no-repeat; padding:10px 0; overflow:auto;}
				#nameinput, #emailinput, #commentinput {padding:5px 15px; color:#FFF; font-size:17px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
                #contactMe label, .formQuestion{color:#0a3365; font-size:16px; font-weight:bold; font-family:"Century Gothic", Helvetica, sans-serif;}
                #contactMe #email, #quoteForm #qemail{display:none;}
				#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;}
                .contactMessages{display:inline-block; float:left; width:300px;}
                .formQuestion{display:inline-block;height:36px;line-height:36px;}
                .submitinput{width: 100px;
                    height: 36px;
                    width:141px;
                    margin: 0;
                    padding: 0;
                    border: 0;
                    background: transparent url(img/form_button.png)  left no-repeat;
                    text-indent: -1000em;
                    cursor: pointer; /* hand-shaped cursor */
                    cursor: hand; /* for IE 5.x */
                }
                .submitinput:active{background: transparent url(img/form_button.png) right no-repeat;
}
	
	
	 
#footer {background:url(img/middlebg.jpg) repeat-x; height:25px;padding-top:25px; 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;}


h1{
    font-family: "Century Gothic", Helvetica, sans-serif;
    font-size:34px;
    font-weight:normal;
    color:#0a3365;
    letter-spacing:-.03em;
    
}
h2 {
	line-height:49px;
	font-size:40px;
	font-weight:bold;
	color:#fff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:-.05em;
    text-shadow:1px 1px 2px #000;    
}
h3 {
	display:inline;
	font-size:34px;
	font-weight:bold;
	color:#ff9c00;
	font-family:"Century Gothic", Helvetica, sans-serif;
	letter-spacing:-.05em;
}

h4 {
	display:inline;
	font-size:16px;
	font-weight:bold;
	color:#0a3365;
	font-family:"Century Gothic", Helvetica, sans-serif;
	
}
h4.newsHeadline{
    color:#a4c600;
    font-size:17px;
    display:block;
}

.highlight{
    color:#ff9c00;
}

.hdot {background:url(img/hdot.png) bottom repeat-x;}
.clear {clear:both;}
.negmarg {margin-top:-8px;}