/* -------------------------------------------------------------- 
  
   Blueprint CSS Framework Screen Styles
   * Version:   0.6 (21.9.2007)
   * Website:   http://code.google.com/p/blueprintcss/
   See Readme file in this directory for further instructions.
   
-------------------------------------------------------------- */

/*@import 'lib/reset.css';
@import 'lib/typography.css';
@import 'lib/grid.css';
@import 'lib/lightbox.css';*/
@import 'bp-compressed.css';
@import 'suckerfish.css';

/* ------ Main Layout Styles ------- */

body {
margin: 0 0 0 0;
background: #a8eaf5 url('../img/headerplanes.jpg') no-repeat top right;
color: #70a5ae;
font-size: 14px;
}

/* ------ Header Styles ------- */

#ie6 {
	display:none;
}

#header h1 {
	        text-align:left;
	        margin-bottom:0;
	        font-size: 8em;
	        letter-spacing: -.025em;
	        color: #343434;
	        margin-top: 50px;

}

p {
line-height: 1.75em;
}

a {
font-weight: bold;
color: #f84600;
text-decoration: none;
}

#footer #nav a {
color: #70A5AE;
}


#nav a:hover, #footer #nav a:hover {
color: #F84600;
}


h2 {
font-size: 1.35em;
letter-spacing: -.025em;
line-height: 1.35em;
}

h4 {
font-size: 1em;
}

#header h2 {
margin-top: 40px;
color: #70a5ae;
font-weight: normal;
font-size: 2.5em;
letter-spacing: -.025em;
line-height: 1.25em;

}

#header h2 strong {
font-weight: normal;
color: #588397;
}


#header {
/*position: absolute;
top: 20px;
left: 60px;*/
float: left;
text-align: left;
padding: 20px 70px 10px 70px;
margin: 0;
}

#triangletop {
clear: both;
background: #c6f1f8 url('../img/triangletop.gif') repeat-x top center;
padding: 40px 0 20px;
}

#trianglebottom {
background: url('../img/trianglebottom.gif') repeat-x top center;
padding-bottom: 10px;
}

#footerplane #nav {
float: right;
}

.letsgo h2 {
background: url('../img/h2bg.png') no-repeat top center;
padding: 15px 15px 0px 15px;
}

.letsgo h2 a:hover, .smallsquare h2 a:hover {
color: #588397;
}


.letsgo p, .smallsquare p {
padding: 0 15px;
font-size: 12px;
line-height: 1.35em;
}

.letsgo img {
margin-left: -6px;
margin-top: -26px;
}


.bigger {
font-size: 1.5em;
color: #588397;
line-height: 1.45em;
}


.smallsquare h2 {
padding: 10px 15px 0px 15px;
margin-bottom: .35em;

}
.smallsquare {
background: url('../img/smallsquare.gif') no-repeat top center;
padding: 3px 0 0 10px;
height: 120px;
margin-top: 15px;
}

.smallsquare p {
font-size: 12px;

}

/* ------- Sidebar styles ------- */

.letsgo {
background: url('../img/letsgosquare.gif') no-repeat top center;
height: 300px;
}




#sidebar {
margin-right: 60px;
background: url('../img/sidebarbottom.gif') no-repeat scroll left bottom;
display: block;
float: left;
width: 236px;
}

.sidebar p {
font-size: 12px;
line-height: 1.35em;
margin-bottom: 15px;
}

.sidebarBg {
background: url('../img/sidebartop.gif') no-repeat scroll left top;
}

.pageSidebars, .categorySidebars {
padding-top: 20px;
margin:0 20px;
}

/* ------ Footer Styles --------- */

#footer {
	background: url('../img/footerbg.jpg') repeat-x bottom right;
height: 262px;
/*position: absolute;
bottom: 0;
left: 0;
right: 0;*/
padding-right: 240px;
padding-top: 80px;
text-align: right;
position: relative;
}

#footerplane {
	background: url('../img/footerplane.png') no-repeat bottom left;
display: block;
width: 816px;
position: absolute;
bottom: 0;
left: 0;
height: 263px;
}


#footer #nav {
float: right;
}

#footspot {
clear: both;
margin-top: 75px;
padding-right: 24px;
}


#footspot h2, #footspot h3, #footspot h4 {
color: #bbcf2d;
font-weight: bold;
line-height: 1.5em;
}


#footspot h2 a, #footspot h3 a, #footspot h4 a {
color: #bbcf2d;
text-decoration: none;

}


#footspot h3 {
margin-bottom: 5px;
}

#footer a {
position: relative;
z-index: 1000;
}
/* ------ Home Div Styles ------- */


.content {
min-height: 300px;
padding-bottom: 20px;
}


.content h2, .content h3, .content h1, .content h4, .content h5 {
font-weight: bold;
color: #588397;
}


h4 {
margin-bottom: .35em;
}


.content h1 {
color: #343434;
}

.content h1.title {
font-weight: normal;
font-size: 4em;
letter-spacing: -0.035em;
}

.content h1 + p {
font-size: 1.5em;
color: #588397;
line-height: 1.45em;
}

#sidebar h2 {
color: #343434;
margin-bottom: 5px;
}

#sidebar em {
color: #9acad2;
}

#attachedFiles h5 {
padding-left: 20px;
border-top: 2px dashed #C6F1F8;
padding-top: 10px;
margin-bottom: 0;
}

#attachedFiles {
position: relative;
top: -2px;
}

#attachedFiles ul li {
font-size: 12px;

}

#attachedFiles ul li img {
margin-top: 10px;
margin-bottom: -6px;
padding-right: 10px;
}
/* ------ Photo & File Styles ------- */


#related_image_slideshow_link {
float: right;
display: block;
width: 300px;
text-align: right;
}




#attachedFiles img {
	width:20px;
	height:20px;
	border:none;
	margin:0;
	padding:0 0.3em 0 0;
}

#attachedFiles li {
	list-style: none;
}

.documentEntry img {
	float:left;
	margin-bottom:2em;
}

#related_image_slideshow {
	display:none;
}

.contentThumb {
	float:left;
	width:100px;
	margin-right:1em;
}

.contentThumb img {
	width:100px;
	height:100px;
	margin-bottom:1.5em;
}

.staffThumb img {
	height: 60px;
	width: 60px;
	margin: 10px 0pt;
	border: 2px solid #1EA7FD;
}

.imageThumb {
	display:block;
	float:left;
	margin-bottom:20px;
	margin-right:20px;
	border: 2px solid #1EA7FD;
}

.floatLeft {
	float:left;
	margin-bottom:20px;
	width:150px;
}

.floatRight {
	float:right;
	margin-bottom:20px;
	width:150px;
}

#picWrapper {
	height:446px;
	width:446px;
	padding:20px;
	background:url(../../img/awp_project_image_box.gif) no-repeat 10px 10px;
}
.relatedPics {  
    height:  446px;  
    width:   446px;  
    padding: 0;  
    margin:  0;  
} 
 
.relatedPics .previewImage {  
    width:  446px; 
    height: 446px;
    top:  0; 
    left: 0;
    padding:0;
}

#picNav {
	letter-spacing:.5em;
	padding:0.25em 0;
	text-align:right;
}

.relatedPics .imageCaption {
	background:transparent url('../img/overlay.png') repeat scroll 0 0;
	color:#EEEEEE;
	padding:10px;
	position:relative;
	top:210px;
	width:210px;
}


/* ------ Minor Div Styles begin here ------ */


.paginatorControl div {
	display:inline;
}

.paginatorControl {
	text-align:right;
	margin-bottom:1.5em;
}

.paginatorControl .disabled {
	color:#ddd;
}

.bg1, .bg2 {
	padding:1.5em 1em;
}

.bg2 {
	border-top:1px dashed #e2ddcc;
	border-bottom:1px dashed #e2ddcc;
	background:#eee;
}

.last {
	border-bottom: 0px;
}


.letsgobutton {
background: url('../img/letsgobutton.gif') no-repeat 0% -2%;
padding: 0 10px 2px 10px;
height:17px;
width: 83px;
display: block;
color: white;
text-transform: uppercase;
letter-spacing: .025em;
text-align: center;
color: #FFFFFF;
margin-left: 140px;
}

.letsgobutton:hover {
background: url('../img/letsgobutton.gif') no-repeat 0% 98%;

color: #FFFFFF;
}


/* ------ WebTree Styles ------ */
#flashMessage {
	background-color:yellow;
} 




#video {
display: block;
width: 400px;
heigth: 300px;
}






/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{

}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
margin-right: 3px;
color: #F84600;
outline: none;
width: 170px;
padding: 8px 25px 12px 20px;
display: block;
height: 13px;
text-align: right;
margin-bottom: 10px;
text-transform: uppercase;
letter-spacing: .025em;
font-size: 12px;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
color: #70A5AE;
background: url('../img/arrows.gif') no-repeat 50% 50%;

}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
background: url('../img/arrows.gif') no-repeat 0% 0%;
color: white;
}


.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
padding-right: 30px;
padding-left: 30px;
}

@media print {
.tabcontent {
display:block !important;
}
}

.tabcontent ul li {
	margin: 10px 0px 10px 0px;
}





.content a img {
border: 7px solid #DCF7FB;
}

.content a img:hover {
border: 7px solid #FFF;
}

#contactsidebar {
	float: right;
	width: 300px;
	}
	
#contactsidebar h1 {
	font-size: 1.5em;
	}
	
#contactform {
	width: 500px;
	}
	
	
.imgLeft {
	float: left;
	margin: 0 20px 0px 0;
	width: auto;
	}
	
	
	
hr {
display: block;
clear: both;
margin-top: 5px;
background: none !important;
border-bottom: 2px dashed #DCF7FB;
	
	
	}
	
	
table a {
color: #F84600 !important;
}


#contactPage input, #contactPage textarea {
font-family: arial, helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
padding: .25em;
color: #588397;
margin: 0 0 .5em;
border: 3px solid #C6F1F8;
background: #eefdff;
}

#contactPage input:focus, #contactPage textarea:focus {   
color: #343434;
border: 3px solid #DCF7FB;
background: white;
}


#contactPage input {
width: 200px;
}

.conCol {
float: left;
display: block;
width: 250px;
}


 #contactPage textarea {
 height: 120px;
 width: 600px;
 }
 
 .submit input {
 width: 158px !important;
 font-size: 14px !important;
 text-transform: uppercase !important;
 letter-spacing: 3px !important;
 padding: 4px 3px !important;
 background: #F84600 !important;
 border: 3px solid #F84600 !important;
 color: white !important;
 }