@import 'src/reset.css';
@import 'src/typography.css';
@import 'src/forms.css';
@import 'src/global.css';
/****************************************************************************/
/*	Body																	*/
/****************************************************************************/
a{cursor:pointer !important}
body{
	font-family:Georgia, Garamond, Times, serif;
	background:url(images/body.png) bottom center repeat-x fixed #001245;
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	min-width:600px;    /* Minimum width of layout - remove line if not required */
	/* The min-width property does not work in old versions of Internet Explorer */
	font-size:90%;
}
h1,h2,h3,h4,h5,h6{color:#000;text-transform:lowercase;font-variant:small-caps;}
p{color:#444}
h1{
	font-size:190%;
	padding-bottom:.2em;
	letter-spacing:.05em;
	padding:.4em 0 .4em 0;
}
h2{
	font-size:160%;
}
li{
	margin-bottom:.7em;
}
a{
	color:#17307a;
}
a:hover,a:focus{
	color:#1d22e3;
}
h3 a{
	text-decoration:none;
}
#footer a{color:#ddd;}




/****************************************************************************/
/*	Layout																	*/
/****************************************************************************/
#wrapper{
text-align:left;
width:980px;
float:none;
margin:0 auto;
padding:0;
}
.wrapper{
width:972px;
overflow:hidden;
clear:both;
float:left;
background:#fff;
border:1px solid #bbb;
border-width:0 3px 0 3px;
}
#content{
float:left;
width:630px;
padding:30px 20px 30px 20px;
clear:left;
background:#fff;
}
#col{
float:right;
clear:right;
width:260px;
padding:20px;
background:#eaeaea;
}
#col div{
	background:#fff;
	width:84%;
	padding:8%;
	margin:0 0 20px 0;
	background:url(images/bg1.png) bottom center repeat-x #fff;
	-moz-border-radius:0 0 8px 8px;
	-webkit-border-radius:0 0 8px 8px;
	border-radius:0 0 8px 8px;
	border:1px solid #ccc;
	float:left;
	clear:both;
}
#col h3,a.testimonial{
	padding:12px 0 12px 0;
	width:100%;
	text-align:center;
	position:relative;
	margin-bottom:0;
	-moz-border-radius:8px 8px 0 0;
	-webkit-border-radius:8px 8px 0 0;
	border-radius:8px 8px 0 0;
	letter-spacing:.2em;
	font-variant:none;
	font-size:110%;
	text-transform:none;
	background:url(images/bg2.gif) center center repeat #888;
	color:#fff;
	border:1px solid #ccc;
	border-bottom:0;
	float:left;
	clear:both;
}
a.testimonial{
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
text-decoration:none;width:50%;margin:0 25% 20px 25%;}
a.testimonial:hover{background:#193480}
#col h3 a{
	color:#fff;
}
#col,#content{
	padding-bottom:30000px;
	margin-bottom:-29980px;
}
.content{
	text-align:left;
	width:980px;
	float:none;
	margin:0 auto;
}
/****************************************************************************/
/*	Header																	*/
#header{
	background:url(images/header.png) top center repeat-x #fff;
	clear:both;
	float:left;
	width:100%;
}
#header .clear{
background:url(images/nav.gif) center left repeat-x #444;
height:10px;
width:100%;
float:left;
border:1px solid #444;
border-width:1px 0
}
#header .inner{
	clear:both;
	float:left;
	width:100%;
background:url(images/header2.png) top left repeat-x;
}
.logo{
position:relative;
margin:-31px 0 -50px 0}
/****************************************************************************/
/*	Footer																	*/
#footer{
width:100%;float:left;clear:both;margin:0;padding:0;
background:url(images/nav.gif) top left repeat-x #000;

color:#f5f5f5;

}
#footer .content{
	
	clear:both;
	margin:0 auto;
	width:940px;
	padding:20px;
}
#footer ul{
	display:block;
	text-align:center;
	list-style:none;
	width:100%;
	margin:0;
	padding:0;
	float:left;
	clear:both;
}
#footer li{
	display:inline;
	margin:0 5px;
}
#footer p{
	width:40%;
	color:#f5f5f5;
}


/****************************************************************************/
/*	Nav																		*/
#nav{background:url(images/nav.gif) top left repeat-x #444;border:1px solid #444;border-width:1px 0}
#nav {
	float:left;
	width:100%;
	padding:0;
	margin:20px 0 0 0;
}
#nav ul,#nav li{
	list-style: none;
	margin:0;
	padding:0;
}
#nav ul {
	position: relative;
	z-index: 597;
	float:right;
}
#nav li {
	float: left;
	line-height: 1.3em;
	vertical-align: middle;
	background:0;
	width:auto;
	margin:0;
	padding:0;
	border-width:0 1px 0 1px;
	margin-left:-1px;
	border-color:#888;
	border-style:solid;
}
#nav ul li.hover,#nav ul li:hover{
	position: relative;
	z-index: 599;
	cursor: default;
}
#nav ul ul {
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 598;
	 margin-top: 0;
}
#nav ul ul li{
	float:none;
}
#nav ul ul ul{
	top:1px;
	left:99%;
}
#nav ul li:hover > ul{
	visibility: visible;
}
#nav a
{
	white-space:nowrap;
	text-decoration:none;
	color:#cdcdcd;
	font-size:14px;
	letter-spacing:.14em;
	font-variant:small-caps;
	display: block;
	padding: 7px 8px;
	text-align:center;
}
#nav a:hover,#nav a:focus{
	color:#fff;
}
#nav li.active{
	padding-bottom:15px;
	margin-bottom:-15px;
	background:url(images/body.png) 0 -400px #001245;
	border-width:0 1px 1px 1px !important;
}

/*---------------------------------------------------------------*/
.twocol{width:100%;float:left;margin:0 0 30px 0}
.twocol div{
width:48%;
padding:0 0 4% 0;
float:right;
margin:0;
background:#fcfcfc;
border:1px solid #ddd;
}
.twocol div:first-child{float:left}

.twocol h3{
	background:url(images/bg2.gif) top repeat-x #595959;
	padding:10px 0 10px 0;
	color:#f5f5f5;
	text-align:center;
	font-size:19px;
	letter-spacing:4px;
}
.twocol ul{
	list-style:none;
	margin:0 0 0 20px;
	padding:0;
}
.twocol li{
	list-style:none;
	background:url(images/check1.png) left center no-repeat;
	float:left;
	clear:both;
	margin:0;
	width:90%;
	padding:.1em 0 .4em 10%;
}


.first-word{
	font-size:22px;
}

.cycle,.cycle img{float:right;overflow:hidden;height:240px;width:540px;background:#f5f5f5}

.testimonials blockquote{
	padding:20px;
	float:left;
	width:520px;
	clear:both;
	background:#fafafa;
	border:1px dashed #aaa;
}
.testimonial_submit{
	float:left;
	background:url(images/bg1.png) bottom center repeat-x #fff;
	border:1px solid #ccc;
	padding:30px;
	margin:0 0 20px 0;
		-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
}

.services h4{
	letter-spacing:.2em;
	font-variant:none;
	font-size:110%;
	text-transform:none;
	background:url(images/bg2.gif) center center repeat #888;
	padding:5px 20px 5px 20px;
	color:#fff;
	margin-bottom:15px;
	border-bottom:1px solid #ccc;
}
.services h5{
	padding:0;
	margin:0 0 1em 1em;
	color:#555;
}
.services div{
	background:url(images/bg1.png) bottom center repeat-x #fff;
	border:1px solid #ccc;
	float:left;
	width:100%;
	padding:0;
	margin:0 0 20px 0;
	clear:both;
	-moz-border-radius:0 0 8px 8px;
}
.services div img{margin:0 10px 15px 10px}
.services p{margin-left:2%;margin-right:2%}

.services img{float:right}

div.caption p{
	margin:0;
	padding:0;
	font-size:90%;
	clear:both;
	float:none;
	text-align:center;
}
div.caption{
	display:block;
	float:left;
	width:222px;
	margin:0 25px 15px 0;
	padding:10px;
	-moz-border-radius:8px;
}
div.caption img{
	clear:both;
	float:none;
	margin:0;
}

.companies{float:left;width:100%}
.companies ul,.companies li{
	list-style:outside;
}
div.companies ul{
width:170px;
float:left;
display:block;
font-size:10px;
margin:0 10px 0 0;
padding:0 0 0 15px;
}


.round{
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
}

#col .speech{
	background:url(images/speech_balloon.jpg) center center no-repeat #fff;
}




#quote_request{}
#quote_request input{
	width:240px;
}
#quote_request textarea{width:100%;height:230px}
#quote_request input,
#quote_request select {
	padding:.25em;font-size:1.2em;margin:0;
}
#quote_request .col{width:50%;float:left;margin:0;padding:0}
#quote_request label {margin:.2em 1em .5em 0;display:block;padding:0}
#quote_request label span{font-size:small;display:block;margin:0;padding:0}
#quote_request button{
	padding:12px 0 12px 0;
	width:100%;
	text-align:center;
	position:relative;
	margin-bottom:0;
	-moz-border-radius:8px 8px 0 0;
	-webkit-border-radius:8px 8px 0 0;
	border-radius:8px 8px 0 0;
	letter-spacing:.2em;
	font-variant:none;
	font-size:110%;
	text-transform:none;
	background:url(images/bg2.gif) center center repeat #888;
	color:#fff;
	border:1px solid #ccc;
	border-bottom:0;
	float:left;
	clear:both;
}
#quote_request button{
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
text-decoration:none;width:50%;margin:0 25% 20px 25%;}
#quote_request button:hover{background:#193480;cursor:pointer}
#quote_request b.required{color:red}












/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{}
    #cboxTopLeft{width:25px; height:25px; background:url(images/border1.png) no-repeat 0 0;}
    #cboxTopCenter{height:25px; background:url(images/border1.png) repeat-x 0 -50px;}
    #cboxTopRight{width:25px; height:25px; background:url(images/border1.png) no-repeat -25px 0;}
    #cboxBottomLeft{width:25px; height:25px; background:url(images/border1.png) no-repeat 0 -25px;}
    #cboxBottomCenter{height:25px; background:url(images/border1.png) repeat-x 0 -75px;}
    #cboxBottomRight{width:25px; height:25px; background:url(images/border1.png) no-repeat -25px -25px;}
    #cboxMiddleLeft{width:25px; background:url(images/border2.png) repeat-y 0 0;}
    #cboxMiddleRight{width:25px; background:url(images/border2.png) repeat-y -25px 0;}
    #cboxContent{background:#fff; overflow:hidden;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:#fff url(images/loading.gif) no-repeat 5px 5px;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
  The following fixes a problem where IE7+ replaces a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
*/
.cboxIE6 #cboxTopLeft{background:url(images/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(images/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(images/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(images/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(images/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(images/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(images/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(images/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}

