/*
Template
12/5/08
JumpMedia
*/



/*Global*/

/*--GLOBAL STYLES*/

body{
	font-family:  Arial, Helvetica, sans-serif;
	min-height:100%;
	background: #012730;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	}
	
	
	
	
h1 {
	color: #ebfea2;
	margin: 0px;
	padding: 0px;
	font: lighter 26px/34px Georgia, "Times New Roman", Times, serif;
}

h2 {
	color: #ebfea2;
	margin: 0px;
	padding: 0px 0px 15px;
	font: lighter 26px/34px Georgia, "Times New Roman", Times, serif;
}




h2.intro {
	color: #ebfea2;
	margin: 0px;
	padding: 0px 0px 15px;
	font: lighter 25px/33px Georgia, "Times New Roman", Times, serif;
}



h3 {
	color: #ebfea2;
	padding: 0px;
	margin: 0px;
	font: lighter 24px Georgia, "Times New Roman", Times, serif;
}




h4 {
	color: #FFFFFF;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	font: lighter 22px Georgia, "Times New Roman", Times, serif;
}


h4.news {
	color: #FFF !important;
	margin: 0px !important;
	padding: 0px;
	font: bold 12px/20px Arial, Helvetica, sans-serif !important;
} 



h4.date {
	color: #bbbbb9;
	margin: 0px 0px 5px;
	padding: 0px;
	font: lighter 10px Arial, Helvetica, sans-serif !important;
}  






h4 a:link {
	color: #FFFFFF;
	text-decoration: none;
}

h4 a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

h4 a:active{
	color: #FFFFFF;
	text-decoration: none;
}

h4 a:hover {
	color: #8bad61;
	text-decoration: none;
}





h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.9em;
	color: #333333;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-weight: lighter;
}



#intro-text p {
	color: #FFF;
	margin: 0px;
	padding: 0px;
	font: lighter 12px/20px Arial, Helvetica, sans-serif;
}



.style1 {
	color: #FFFFFF;
	font-weight: bold;
}

p {
	color: #bbbbb9;
	margin: 0px;
	padding: 0px;
	font: lighter 12px/20px Arial, Helvetica, sans-serif;
}


a:link {
	color: #ebfea2;
	text-decoration: none;
}

a:visited {
	color: #ebfea2;
	text-decoration: none;
}

a:active{
	color: #ebfea2;
	text-decoration: none;
}

a:hover {
	color: #ebfea2;
	text-decoration: underline;
}



p.top {
	color: #ebfea2;
	margin: 0px;
	padding: 0px;
	font: 12px Arial, Helvetica, sans-serif;
}


p.top a:link {
	color: #ebfea2;
	text-decoration: none;
}

p.top a:visited {
	color: #ebfea2;
	text-decoration: none;
}

p.top a:active{
	color: #ebfea2;
	text-decoration: none;
}

p.top a:hover {
	color: #f2fccc;
	text-decoration: none;
}
	


a img {
	border: none;
}	


/*Layout*/




	

div#wrapper{
	width:960px;
	margin:0 auto;
	text-align:left;
	}
	

div#wrapper-top{
	width:960px;
	margin:0 auto;
	text-align:right;
	}


div#top{
	width:100%;
	background: #011a20;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	min-width: 960px;
	padding-top: 8px;
	padding-bottom: 8px;
 }
 
.clearme { clear:both;
}
	
	
/*Masthead & Navigation*/

div#masthead{
	padding:0;
	width: 960px;
	float: left;
	margin-bottom: 35px;
 }

h1#logo{
	display:block;
	float:left;
	width:165px;
	height:71px;
	background: url(../gfx/logo.jpg) no-repeat center top;
	}

h1#logo a{
	display:block;
	width:165px;
	height:71px;
	}

h1#logo a span{
	display:none;
	}

h1#logo a:hover{
	background:transparent;
	}
	
	
div.mastbox{
	width:750px;
	padding:0;
	border-right:1px solid #4f4f4f;
	float:left;
	}
	
	
div#links{
	padding:0 50 0 0;
	width: 450px;
	float: left;
	margin-top: 17px;
 }	
 
 
 
#links p {
	color: #01272f;
	margin: 0px;
	padding: 0px;
	font: bold 14px Arial, Helvetica, sans-serif;
}


#links a:link {
	color: #01272f;
	text-decoration: none;
}

#links a:visited {
	color: #01272f;
	text-decoration: none;
}

#links a:active{
	color: #01272f;
	text-decoration: none;
}

#links a:hover {
	color: #0a3f4a;
	text-decoration: none;
} 
 
 
div#links-left{
	width: 160px;
	float: left;
	background: url(../gfx/work-button.png) no-repeat left top;
	height: 23px;
	padding: 9px 5px 5px 30px;
	margin-right: 25px;
 }
 
 div#links-right{
	width: 103px;
	float: left;
	height: 26px;
	background: url(../gfx/quote-button.png) no-repeat left top;
	padding-top: 9px;
	padding-left: 30px;
 }		
 

	
	
div.toplink{
	float:left;
	width:265px;
	text-align:right;
	}
	
	
p.introtext{
	display:block;
	font-size:11px;
	float:left;
	width:270px;
	line-height:16px;
	margin:0 25px 10px 20px;
	}
	
	
	
#main-nav {
	width: 650px;
	height: 19px;
	background: url(../gfx/navigation.jpg) no-repeat;
	float:left;
	margin-left: 47px;
	margin-top: 27px;
}

#main-nav ul {
	border: none;
	margin: 0;
	padding: 0;
	list-style-type: none;
	clear: left;
	height: 19px;
}

#main-nav ul li {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	border: none;
}

#main-nav ul li a {
	display: block;
	height: 19px;
	padding: 0;
	margin: 0;
}

li#nav_one a{ width: 71px; }
li#nav_two a { width: 111px; }
li#nav_three a { width: 101px; }
li#nav_four a{ width: 131px; }
li#nav_five a { width: 71px; }
li#nav_six a { width: 102px; }

li#nav_one a:hover { background: transparent url(../gfx/navigation-roll.jpg)  0 -0px   no-repeat;}
li#nav_two a:hover { background: transparent url(../gfx/navigation-roll.jpg)    -71px -0px   no-repeat;}
li#nav_three a:hover { background: transparent url(../gfx/navigation-roll.jpg)  -182px -0px    no-repeat;}
li#nav_four a:hover { background: transparent url(../gfx/navigation-roll.jpg)   -283px  -0px no-repeat;}
li#nav_five a:hover { background: transparent url(../gfx/navigation-roll.jpg)   -414px  -0px no-repeat;}
li#nav_six a:hover { background: transparent url(../gfx/navigation-roll.jpg) -485px -0px no-repeat;}


#main-nav ul li strong { display:none; }

li#nav_one a.navCurrent{ background: transparent url(../gfx/navigation-roll.jpg)  0 -0px   no-repeat; !important}
li#nav_two a.navCurrent{ background: transparent url(../gfx/navigation-roll.jpg)    -71px -0px   no-repeat; !important}
li#nav_three a.navCurrent{ background: transparent url(../gfx/navigation-roll.jpg)  -182px -0px    no-repeat; !important}
li#nav_four a.navCurrent{ background: transparent url(../gfx/navigation-roll.jpg)   -283px  -0px no-repeat; !important}
li#nav_five a.navCurrent{ background: transparent url(../gfx/navigation-roll.jpg)   -414px  -0px no-repeat; !important}
li#nav_six a.navCurrent{ background: transparent url(../gfx/navigation-roll.jpg) -485px -0px no-repeat; !important}
	
	
	
/*Home Page*/


 
	
	

/*internal page columns*/

div#main-content{
	width: 960px;
	margin-top: 50px;
	float: left;
 }
 
div#left-column{
	width: 680px;
	float: left;
	padding-bottom: 30px;
 }
 
 

 
div#title{
	width: 680px;
	float: left;
 }
 
div#page-heading{
	width: 200px;
	float: left;
 }
    
 
div#sub{
	width: 960px;
	float: left;
	border-bottom: 1px solid #0f5968;
	padding-bottom: 8px;
 }
   
 
 
div#subnav{
	width: 750px;
	float: left;
	background: url(../gfx/subnav.png) no-repeat;
	height: 25px;
 }
  


#subnav ul {
	border: none;
	margin: 0;
	padding: 0;
	list-style-type: none;
	clear: left;
	height: 25px;
}

#subnav ul li {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	border: none;
}

#subnav ul li a {
	display: block;
	height: 25px;
	padding: 0;
	margin: 0;
}

li#subnav_one a{ width: 58px; }
li#subnav_two a { width: 98px; }
li#subnav_three a { width: 114px; }
li#subnav_four a{ width: 162px; }
li#subnav_five a { width: 220px; }

li#subnav_one a:hover { background: transparent url(../gfx/subnav-roll.png)  0 -0px   no-repeat;}
li#subnav_two a:hover { background: transparent url(../gfx/subnav-roll.png)    -58px -0px   no-repeat;}
li#subnav_three a:hover { background: transparent url(../gfx/subnav-roll.png)  -156px -0px    no-repeat;}
li#subnav_four a:hover { background: transparent url(../gfx/subnav-roll.png)   -270px  -0px no-repeat;}
li#subnav_five a:hover { background: transparent url(../gfx/subnav-roll.png)   -432px  -0px no-repeat;}



#subnav ul li strong { display:none; }

li#subnav_one a.navCurrent{ background: transparent url(../gfx/subnav-roll.png)  0 -0px   no-repeat; !important}
li#subnav_two a.navCurrent{ background: transparent url(../gfx/subnav-roll.png)    -58px -0px   no-repeat; !important}
li#subnav_three a.navCurrent{ background: transparent url(../gfx/subnav-roll.png)  -156px -0px    no-repeat; !important}
li#subnav_four a.navCurrent{ background: transparent url(../gfx/subnav-roll.png)   -270px  -0px no-repeat; !important}
li#subnav_five a.navCurrent{ background: transparent url(../gfx/subnav-roll.png)   -432px  -0px no-repeat; !important}




.services{
	width: 630px;
	float: left;
	margin-top: 30px;
	padding-bottom: 40px;
	background: url(../gfx/services-line.png) no-repeat center bottom;
 }
 
 
.items-heading{
	width: 960px;
	float: left;
	height: 45px;
	margin-bottom: 10px;
	background: url(../gfx/services-line2.png) no-repeat center bottom;
 } 
 
 
 .items-name{
	width: 280px;
	float: left;
	background: #063b47;
	padding: 7px 10px;
 } 
 
 
 
 .items-name p {
	color: #bbbbb9;
	margin: 0px;
	padding: 0px;
	font: lighter 12px/20px Arial, Helvetica, sans-serif;
} 


 .items-name p.bold {
	color: #bbbbb9;
	margin: 0px;
	padding: 0px;
	font: bold 12px/20px Arial, Helvetica, sans-serif;
} 


 
 
 
.items2{
	width: 960px;
	float: left;
	padding-bottom: 40px;
 }  
  
 
 
.items{
	width: 960px;
	float: left;
	padding-bottom: 40px;
 }  
 
 
 .column-left{
	width: 300px;
	float: left;
	margin-right: 30px;
 } 
 
 
 .column-right{
	width: 300px;
	float: left;
 }  
 
 
 
 
 .services-left{
	width: 300px;
	float: left;
	margin-right: 30px;
 }
 
 
 .services-right{
	width: 300px;
	float: left;
 } 
 
 .services-heading{
	width: 300px;
	float: left;
	background: url(../gfx/services-heading-bg.png) no-repeat center bottom;
	height: 45px;
	margin-bottom: 10px;
 }
 
 
 
.services-img{
	width: 109px;
	float: left;
	margin-right: 16px;
 } 
 
 
.services-txt{
	width: 175px;
	float: left;
 }  







.crewlist{
	width: 630px;
	float: left;
	margin-top: 30px;
	padding-bottom: 40px;
 }




 
 
 
.text{
	width: 615px;
	float: left;
	margin-top: 30px;
	padding-bottom: 40px;
 }
 
  
 
.project{
	width: 680px;
	float: left;
	background: url(../gfx/project-divider.png) no-repeat center bottom;
	margin-top: 30px;
	padding-bottom: 40px;
 }
 
 
 
.project-end{
	width: 680px;
	float: left;
	margin-top: 30px;
 }
 
  
 
.project-img{
	width: 183px;
	float: left;
 }
 
 .project-text{
	width: 460px;
	float: left;
	margin-left: 20px;
 }
 
 
.more{
	width: 112px;
	float: left;
	background: url(../gfx/greenbg.png) no-repeat left top;
	height: 20px;
	padding-top: 5px;
	text-align: center;
 } 
 
 
 
.more p {
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	font: bold 12px Arial, Helvetica, sans-serif;
}


.more a:link {
	color: #FFFFFF;
	text-decoration: none;
}

.more a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

.more a:active{
	color: #FFFFFF;
	text-decoration: none;
}

.more a:hover {
	color: #ebfea2;
	text-decoration: none;
} 
 
    
   
  
 
div#right-column{
	width: 250px;
	float: left;
	margin-left: 30px;
 }
 
 
div#right-image{
	width: 230px;
	float: left;
	margin-left: 30px;
	padding-top: 90px;
	padding-right: 20px;
 }
 
 
 div#right-image-listing{
	width: 230px;
	float: left;
	margin-left: 30px;
	padding-top: 30px;
	padding-right: 20px;
	background: url(../gfx/services-right.png) no-repeat left bottom;
	height: 400px;
 }  
 
 
 div#testimonials{
	width: 230px;
	float: left;
	background: url(../gfx/testimonials-bg.png) no-repeat left top;
	height: 127px;
	margin-top: 10px;
	margin-bottom: 45px;
	padding: 25px 10px 10px;
 }
 
 
div#news-right{
	width: 250px;
	float: left;
	padding-bottom: 14px;
 } 
   


#news-right p.news {
	color: #FFF !important;
	margin: 10px 0px 0px !important;
	padding: 0px;
	font: bold 12px/20px Arial, Helvetica, sans-serif !important;
} 



#news-right p.date {
	color: #bbbbb9;
	margin: 0px;
	padding: 0px;
	font: lighter 10px/20px Arial, Helvetica, sans-serif !important;
}  
 
   
   
#news-right p {
	color: #bbbbb9;
	margin: 0px;
	padding: 0px;
	font: lighter 12px/20px Arial, Helvetica, sans-serif;
}

#news-right a:link {
	color: #ebfea2;
	text-decoration: none;
}

#news-right a:visited {
	color: #ebfea2;
	text-decoration: none;
}

#news-right a:active{
	color: #ebfea2;
	text-decoration: none;
}

#news-right a:hover {
	color: #ebfea2;
	text-decoration: underline;
}   
  
 
 
 
 
 
 
 
 
 
 
 

div#intro{
	width: 960px;
	float: left;
	height: 300px;
 }
 
 
 
div#large-heading{
	width: 620px;
	float: left;
	height: 130px;
	background: url(../gfx/services-bg.png) no-repeat left bottom;
	padding: 50px 170px;
 } 
 
 
div#intro-text{
	width: 450px;
	float: left;
 }
 
 
div#gallery{
	width: 510px;
	float: left;
 }
 
 
div#gallery-img{
	width: 480px;
	float: left;
	padding-left: 30px;
 }
   
  
 


		


/*footer*/



div#wrapper-footer{
	width:960px;
	margin:0 auto;
	}


div#footer{
	width:100%;
	background: #012128;
	margin-right: auto;
	margin-left: auto;
	min-width: 960px;
	padding-top: 30px;
	padding-bottom: 120px;
	margin-top: 30px;
 }