@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'QuicksandBook';
	src: url('fonts/Quicksand_Book-webfont.eot');
	src: local('☺'), url('fonts/Quicksand_Book-webfont.woff') format('woff'), url('fonts/Quicksand_Book-webfont.ttf') format('truetype'), url('fonts/Quicksand_Book-webfont.svg#webfontQvsv8Mp8') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'QuicksandBold';
	src: url('fonts/Quicksand_Bold-webfont.eot');
	src: local('☺'), url('fonts/Quicksand_Bold-webfont.woff') format('woff'), url('fonts/Quicksand_Bold-webfont.ttf') format('truetype'), url('fonts/Quicksand_Bold-webfont.svg#webfontA4fKbYnS') format('svg');
	font-weight: normal;
	font-style: normal;
}

img{border:0px;}

body{
	margin:0px;
	padding:0px;
	background:#f1f1f1;
	color:#7e7e7e;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
}
.colorbox{outline:none;}

p{
	margin:0px 0px 20px 0px;
	text-shadow:1px 1px 1px #fff;
	line-height:1.7em;
}

.header{
	padding-top:50px;
	background:#2d2d2d;
	margin-bottom:45px;
}


.level0{
	width:950px;
	margin:0px auto;
}
.centertext{
	text-align:center;
}

.logo{
	float:left;
}

.header ul{
	float:right;
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
}

.header ul li{
	margin-left:30px;
	float:left;
}

.header ul li a{
	font-family:'QuicksandBook', Arial, Helvetica, sans-serif;
	color:#bebebe;
	text-decoration:none;
	font-size:1.4em;
}
.header ul li a:hover{
	color:#fff;
}

.headcontent{
	clear:both;
	padding:105px 0px 115px 40px;
}
.phone-bg{
	background:url(images/phone.png) right bottom no-repeat;
}
.customer-bg{
	padding:80px 0px 95px 40px;
	background:url(images/moon.png) right bottom no-repeat;
}
.qanda-bg{
	padding:80px 0px 95px 40px;
	background:url(images/qanda.png) right bottom no-repeat;
}
.contact-bg{
	padding:80px 0px 95px 40px;
	background:url(images/contact.png) right bottom no-repeat;
}
.jobs-bg{
	padding:80px 0px 95px 40px;
	background:url(images/piggybank.png) right 20px no-repeat;
}


h1{
	font-family:'QuicksandBook', Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:normal;
	margin:0px 0px 10px 0px;
	font-size:2.7em;
}

.headcontent p{
	color:#bababa;
	text-shadow:none;
	font-size:1.5em;
	margin-bottom:30px;
}

.headcontent .headlink{
	background:#f1f1f1 url(images/arrowsmall.png) 13px 12px no-repeat;
	float:left;
	display:block;
	color:#2d2d2d;
	text-shadow:none;
	text-decoration:none;
	padding:10px 15px 10px 30px;
	font-size:1.1em;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.headcontent .headlink:hover{
	background-color:#8aa641;
	color:#fff;
}



h2{
	font-size:2.5em;
	color:#2d2d2d;
	font-weight:normal;
	text-align:center;
	padding-bottom:25px;
	margin:0px 0px 40px 0px;
	background:url(images/line.png) bottom center no-repeat;
}

h3{
	font-family:'QuicksandBook', Arial, Helvetica, sans-serif;
	font-size:1.6em;
	font-weight:normal;
	color:#2d2d2d;
	margin:0px 0px 15px 0px;
}
h3 span{
	color:#aaaaaa;
	font-size:1.2em;
}


.left{
	width:450px;
	float:left;
}

.right{
	width:450px;
	float:right;
	
}

.linesplit{
	padding-top:40px;
	margin-bottom:40px;
	background:url(images/line.png) bottom center no-repeat;
}

.bigone, .bigone2{
	background:#2d2d2d;
	-moz-border-radius:30px;
	border-radius:30px;
	padding:15px;
	display:block;
	color:#fff;
	font-size:1.5em;
	text-decoration:none;
	text-shadow:none;
	text-align:center;
	font-family:'QuicksandBook', Arial, Helvetica, sans-serif;
	margin-bottom:40px;
}
.bigone2{
	-moz-border-radius:10px;
	border-radius:10px;
	background:#f1f1f1;
	color:#2d2d2d;
	width:600px;
	margin:0px auto;
}
.bigone:hover, .bigone2:hover{
	background:#8aa641;
	color:#fff;
}


.footer{
	background:url(images/line.png) top center repeat-x;
	padding:40px 0px;
	color:#b0b0b0;
	text-shadow:1px 1px 1px #fff;
}
.footer .phone{
	font-family:'QuicksandBold', Arial, Helvetica, sans-serif;
	font-size:1.2em;
	padding:1px 20px 5px 30px;
	line-height:25px;
	background:url(images/footerphone.png) 0px 0px no-repeat;
}






.pagination{
margin:0px 0px 20px 0px;
padding:0px;
list-style:none;
height:34px;
font-size:1.2em;
color:#2d2d2d;
}

.pagination li{
margin:0px 6px 0px 0px;
float:left;
height:34px;
line-height:34px;
}
.pagination li a{
text-decoration:none;
display:block;
float:left;
padding:0px 14px;
text-decoration:none;
color:#2d2d2d;
background:#fff;
-moz-border-radius: 20px;
border-radius: 20px;
}
.pagination li a:hover{
color:#ffffff;
background:#2d2d2d;
}
.pagination li a.activeSlide{
background:#2d2d2d;
color:#ffffff;
}


.carousel, .carousel-element{
	width:950px;
}



.testimonial{
	padding:15px;
	float:left;
	width:705px;
	background:#fff;
	-moz-border-radius: 10px;
	border-radius: 10px;
	line-height:1.7em;
}

.credits{
	clear:left;
	background:url(images/testimonial.png) 0px 0px no-repeat;
	padding:20px 0px 40px 80px;
	text-shadow:1px 1px 1px #fff;
	color:#7f7e7e;
}

.credits a{
	color:#7f7e7e;
}
.credits a:hover{
	color:#2d2d2d;
}

.phonecred{
	float:right;
	color:#2d2d2d;
}

.phone{
	padding:1px 0px 5px 25px;
	line-height:25px;
	background:url(images/footerphone.png) 0px 0px no-repeat;
}


.quot66{
	vertical-align:top;
	margin-right:5px;
}
.quot99{
	vertical-align:top;
	margin-left:5px;
}
.roundimage{
	-moz-border-radius: 10px;
	border-radius: 10px;
	float:right;
}




.qanda h3{
	padding-top:9px;
	font-size:1.4em;
	margin-bottom:5px;
	float:left;
	width:410px;
}
.qanda h3 span{
	font-size:1.6em;
	color:#9fc246;
	margin:0px 10px 0px 0px;
}
.qanda p{
float:left;
width:410px;
padding-top:11px;
margin-bottom:30px;	
}
.answer, .question{
	font-family:'QuicksandBook', Arial, Helvetica, sans-serif;
	font-size:2.2em;
	color:#9fc246;
	float:left;
	width:30px;
	display:block;
	margin:0px 10px 0px 0px;
	text-align:right;
}

.answer{clear:left;}


.mainphone{
	color:#2d2d2d;
	font-size:2.4em;
	background:url(images/contactphone.png) 0px 5px no-repeat;
	font-family:'QuicksandBook', Arial, Helvetica, sans-serif;
	padding:0px 0px 0px 34px;
	margin-bottom:30px;
}
.mainphone span{
	color:#969696;
	font-size:0.6em;
}

.mobile{
	color:#2d2d2d;
	font-size:1.6em;
	background:url(images/mobile.png) 14px 5px no-repeat;
	font-family:'QuicksandBook', Arial, Helvetica, sans-serif;
	padding:0px 0px 0px 35px;
	margin-bottom:15px;
}

.mobile span{
	font-size:0.7em;
}

.email{
	color:#2d2d2d;
	font-size:1.4em;
	background:url(images/email.png) 9px 2px no-repeat;
	font-family:'QuicksandBook', Arial, Helvetica, sans-serif;
	padding:0px 0px 0px 35px;
	margin:30px 0px 15px 0px;
}
.email a{
	color:#2d2d2d;
	text-decoration:none;
}
.email a:hover{
	color:#9fc246;
}



.contactform{
position:relative;	
}

.formfield{
	width:220px;
	float:left;
	margin-bottom:10px;
}
.rightf{
	float:right;
}

.textfield{
	background:#fff;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:0px;
	padding:12px 15px;
	color:#2d2d2d;
	font-family:Arial, Helvetica, sans-serif;
	outline:none;
	width:190px;
}

.txtlarge{
	width:419px;
}

.text{
	margin-bottom:10px;
}

.textarea{
	background:#fff;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border:0px;
	padding:12px 15px;
	color:#2d2d2d;
	font-family:Arial, Helvetica, sans-serif;
	outline:none;
	width:420px;
	height:70px;
	font-size:1em;
	overflow:auto;
}

.submitbut{
	background:#2d2d2d;
	-moz-border-radius:10px;
	border-radius:10px;
	border:0px;
	padding:12px 15px;
	color:#fff;
	font-family:'QuicksandBook', Arial, Helvetica, sans-serif;
	outline:none;
	width:450px;
	font-size:1.4em;
	cursor:pointer;
}
.submitbut:hover{
	background:#8aa641;
}


.gotcha{display:none;}
form.contactform .errorbox{
display:none;
font-family:'QuicksandBook', Arial, Helvetica, sans-serif;
font-size:1.5em;
background:#e31000;
-moz-border-radius:10px;
border-radius:10px;
position:absolute;
color:#ffffff;
padding:20px;
width:240px;
text-align:center;
top:33px;
left:85px;
}
form.contactform .sendbox{background:#001755;}









/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:99990; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxContent{margin-top:32px;}
        #cboxLoadedContent{background:#fff; padding:15px; -moz-border-radius:10px; border-radius:10px;}
        #cboxLoadingGraphic{background:url(images/loading.gif) center center no-repeat;}
        #cboxLoadingOverlay{background:#000; -moz-border-radius:10px; border-radius:10px;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:25px; height:25px; position:absolute; top:-27px; background:url(images/controls.png) 0 0 no-repeat;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious.hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext.hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose.hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}

#cboxPhoto{ -moz-border-radius:10px; border-radius:10px;}





.standvideo{
	width:600px;
	height:400px;
	overflow:hidden;
	margin:0px auto 30px auto;
	padding:15px;
	-moz-border-radius:10px;
	border-radius:10px;
	background:#fff;
}




.imgleft{
	float:left;
	margin-right:25px;
}
.pad40{padding-bottom:40px;}

.clear{clear:both; height:0px; overflow:none;}