/* CSS Document */

/* ###################################### */
/* ############# BASE STYLES ############ */
/* ###################################### */
* {
	margin:0;
	padding:0;
	}
	
html, body 
	{
	font: normal 11px auto Verdana, Helvetica, sans-serif;
	margin: 10px 0 10px 0;
	padding: 0px;
	color: #333333;
	width: 100%;
	text-align: center;
	line-height: 140%;
	background-color: #000100;
	}
	
h1 { 
	font-size: 12px; 
	background-color: inherit; 
	font-weight: bold;
	line-height: 20px;
	color: #000000;
	}
	
h2 { 
	margin: 0px; 
	padding: 0px; 
	font-size: 14px; 
	color: #F93D00; 
	background-color: inherit; 
	font-weight: normal; 
	}
	
h3 { 
	margin: 0; 
	padding: 0; 
	font-size: 12px; 
	color: #6CCCF1;
	}
	
h4 { 
	margin: 0; 
	padding: 0; 
	font-size: 100%;
	}

p, td, tr, li, ul, th {
	font-size: 11px;
	font-weight: normal;
	line-height: 160%;
	}
	
.nospace {
	margin-bottom:0 !important;
	padding-bottom:0 !important;
	}

hr {
	width:100%; 
	border: 0; 
	color: #D6D6D6; 
	background-color: #D6D6D6; 
	height: 1px;
	}


/* generic link styles */
a {			text-decoration: none;
			color: #019AFF; }		

a:visited {	text-decoration: none;
			color: #019AFF; }
			
a:hover {	text-decoration: none;
			color: #FFFFFF;
			background-color: #B7D23B; }

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


img {
	margin:					0;
	padding:				0;
	border:					0;

}

/* Baseline values for browser consistency */

p, div, h1, h2, h3, h4, form, input, select, option {
	margin:					0;
	padding:				0;
}

ul {
	list-style:				none;
}

a {
	outline:				0;
}


.clear {
	clear:					both;
	height:					0px;
	font-size: 0px;
	line-height: 0px;
}

blockquote{

}

/* Layout */
#shell {
  text-align: left;
  margin: 0 auto;
  width: 980px;
  background-color: #FFFFFF;
  }

#shell_inner {
  padding: 43px 40px 30px 40px;
  }
  
#header {
  width: 900px;
  height: 97px;
  background-image:url(../images/logo.png);
  background-repeat: no-repeat;
  color: #222222;
  text-align: right;
  }
  
#nav {		
            font-size: 10px;
			color: #9CA3A3;
			font-weight: bold;
			vertical-align: bottom; 
			text-align: right;
			padding-bottom: 5px;
			}

#nav a:link {	text-decoration: none;
			color: #1C2222; }

#nav a:visited {	text-decoration: none;
					color: #2C3333; }

#nav a:hover {	text-decoration: none;
				color: #FFFFFF;
				background-color: #B7D23B; }
				
#nav .selected {	color: #9CA3A3; }

#nav .selected a {	text-decoration: none;
				color: #9CA3A3; }
				
#nav .selected a:visited {	text-decoration: none;
						color: #9CA3A3; }

#nav .selected a:hover {	text-decoration: none;
					color: #FFFFFF;
					background-color: #B7D23B; }

#titles {
	width: 900px;
	border-bottom:1px solid #D6D6D6;
	padding: 0 0 2px 0;
	text-align: left;
}

#client_titles {
	width: 640px;
	border-bottom:1px solid #D6D6D6;
	padding: 0 0 2px 0;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
}

#wide_titles {
	width: 900px;
	border-bottom:1px solid #D6D6D6;
	padding: 0 0 2px 0;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
}
#portfolio_home{
	width: 900px;
	height: 560px;
	margin: 10px 0 30px 0;
	background-color: #B7D23B;
	color: #ffffff;
	background-image: url(../images/bg_latest.png);
}
#portfolio_logos{
	width: 900px;
	height: 460px;
	margin: 10px 0 30px 0;
	background-color: #B7D23B;
	color: #ffffff;
	background-image: url(../images/bg_latest.png);
}
#latest{
	width: 900px;
	height: 400px;
	margin: 10px 0 30px 0;
	background-color: #B7D23B;
	color: #ffffff;
	background-image: url(../images/bg_latest.png);
}
#latest_left{
	width: 450px;
	float: left;
}
#latest_right{
	width: 450px;
	float: left;
}
#latest_left_inner{
	padding: 20px 0 0 15px;
}
#latest_right_inner{
	padding: 5px 0 0 38px;
}

#home_text{
	width: 900px;
	margin: 10px 0 0 0;
	padding: 0 0 30px 0;
	background-image: url(../images/bg_hometext.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#home_left{
	width: 450px;
	float: left;
}
#home_left_inner{
	padding: 0 25px 0 0;
}
#home_right{
	width: 450px;
	float: left;
}

#home_right_inner{
	padding: 0 25px 0 40px;
}

#featured{
	width: 900px;
	margin: 10px 0 30px 0;
}
#featured_blocks{
	float: left;
	color: #999999;
	font-size: 10px;
}
#featured_blocks img{
	padding: 2px;
	margin: 0;
	border: 1px solid #E6E6E6;
}

#featured_blocks img:hover {
  border: 1px solid #B7D23B;
  background-color: #B7D23B;
}

#featured_blocks a:link {	
	text-decoration: none;
	color: #999999; 
	float: left;
	}

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

#featured_blocks a:hover {	text-decoration: none;
				color: #FFFFFF;
				background-color: #B7D23B; }
				
#footer {
	width: 900px;
	border-top:1px solid #D6D6D6;
	text-align: left;
}

#footer_inner {
	padding: 10px 0 0 0;
}
#services{
	width: 900px;
	height: 170px;
	margin: 0;
	background-color: #B7D23B;
	color: #ffffff;
	background-image: url(../images/services.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#contact{
	width: 900px;
	height: 170px;
	margin: 0;
	background-color: #B7D23B;
	color: #ffffff;
	background-image: url(../images/contact.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#why{
	width: 900px;
	height: 170px;
	margin: 0;
	background-color: #B7D23B;
	color: #ffffff;
	background-image: url(../images/why.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#portfolio{
	width: 900px;
	margin: 0 0 30px 0;
	background-color: #B7D23B;
	color: #ffffff;
	background-image: url(../images/bg_portfolio.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#portfolio_blocks{
	float: left;
	color: #ffffff;
	font-size: 10px;
	width: 225px;
}
#portfolio_blocks_inner {
	padding: 50px 15px 15px 25px;
}
#portfolio a:link {	
	text-decoration: none;
	color: #ffffff; 
	}

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

#portfolio a:hover {	text-decoration: none;
				color: #FFFFFF;
				background-color: #000000;
				}
#portfolio_left{
	width: 225px;
	float: left;
	font-size: 10px;
}
#portfolio_left_inner{
	padding: 0 20px 0 0;
}
#portfolio_right{
	width: 675px;
	float: left;
}

#portfolio_right_inner{
	padding: 0 25px 0 10px;
}
portfolio_right_inner li {
	margin: 0 0 0 25px;
	}
#contact_right_inner{
	padding: 0 0 0 10px;
}
#portfolio_text{
	width: 900px;
	margin: 10px 0 0 0;
	padding: 0 0 30px 0;
}
#maintenance {
	width: 900px;
	float: left;
	}
#maintenance_inner{
	padding: 0 25px 0 10px;
}

/*PortfolioList*/
	#portfoliolist {}
	#portfoliolist li {
		clear:both;
		height:95px;
		position:relative;
	}
	#portfoliolist li p, #portfoliolist li ul {padding-left:220px;}
	#portfoliolist li p {padding-top:10px;}
	#portfoliolist ul li {
		display:inline;
		background:url(../images/bullet.gif) no-repeat 0 5px;
		padding-left:9px;
		white-space:nowrap;
		position:static;
	}
	#portfoliolist span.url {color:#454a4d;}
	#portfoliolist span.url a:link {color:#999999; font-weight: normal;}
	#portfoliolist span.url a:hover {color:#ffffff; font-weight: normal;}
	#portfoliolist span.url a:visited:hover {color:#ffffff; font-weight: normal;}
	#portfoliolist span.url a:visited {color:#999999; font-weight: normal;}
	#portfoliolist p a {font-weight:bold;}
	
	
a.pthumbs {
	display:block;
	float:left;
	width:200px;
	height:85px;
	left:10px;
	top:5px;
	position:absolute;
	padding:0;
}

li.first a.p00 {top:0;}

a.pbww {
	background:url(../images/port_bww.png) no-repeat 2px 2px;
	border: 1px solid #E6E6e6;
	}
a.pbww:hover {
	border: 1px solid #B7D23B;
	background-color: #B7D23B;
	}
	
a.pchart {
	background:url(../images/port_chart.jpg) no-repeat 2px 2px;
	border: 1px solid #E6E6e6;
	}
a.pchart:hover {
	border: 1px solid #B7D23B;
	background-color: #B7D23B;
	}
	
a.psmith {
	background:url(../images/port_smith.jpg) no-repeat 2px 2px;
	border: 1px solid #E6E6e6;
	}
a.psmith:hover {
	border: 1px solid #B7D23B;
	background-color: #B7D23B;
	}

a.pepc {
	background:url(../images/port_epc.png) no-repeat 2px 2px;
	border: 1px solid #E6E6e6;
	}
a.pepc:hover {
	border: 1px solid #B7D23B;
	background-color: #B7D23B;
	}
	
a.pdiscover {
	background:url(../images/port_discovery.jpg) no-repeat 2px 2px;
	border: 1px solid #E6E6e6;
	}
a.pdiscover:hover {
	border: 1px solid #B7D23B;
	background-color: #B7D23B;
	}
	
a.pglass {
	background:url(../images/port_glass_thumb.jpg) no-repeat 2px 2px;
	border: 1px solid #E6E6e6;
	}
a.pglass:hover {
	border: 1px solid #B7D23B;
	background-color: #B7D23B;
	}
	
a.pvet {
	background:url(../images/port_vet.jpg) no-repeat 2px 2px;
	border: 1px solid #E6E6e6;
	}
a.pvet:hover {
	border: 1px solid #B7D23B;
	background-color: #B7D23B;
	}
	
	
	
a.pdw {
	background:url(../images/port_dw.png) no-repeat 2px 2px;
	border: 1px solid #E6E6e6;
	}
a.pdw:hover {
	border: 1px solid #B7D23B;
	background-color: #B7D23B;
	}
a.pbuderim {
	background:url(../images/port_buderim.png) no-repeat 2px 2px;
	border: 1px solid #E6E6e6;
	}
a.pbuderim:hover {
	border: 1px solid #B7D23B;
	background-color: #B7D23B;
	}
a.pjens {
	background:url(../images/port_jens.png) no-repeat 2px 2px;
	border: 1px solid #E6E6e6;
	}
a.pjens:hover {
	border: 1px solid #B7D23B;
	background-color: #B7D23B;
	}
a.pacofe {
	background:url(../images/port_acofe.jpg) no-repeat 2px 2px;
	border: 1px solid #E6E6e6;
	}
a.pacofe:hover {
	border: 1px solid #B7D23B;
	background-color: #B7D23B;
	}
a.pfrosts {
	background:url(../images/port_frosts.png) no-repeat 2px 2px;
	border: 1px solid #E6E6e6;
	}
a.pfrosts:hover {
	border: 1px solid #B7D23B;
	background-color: #B7D23B;
	}
a.pauspharm {
	background:url(../images/port_auspharm.jpg) no-repeat 2px 2px;
	border: 1px solid #E6E6e6;
	}
a.pauspharm:hover {
	border: 1px solid #B7D23B;
	background-color: #B7D23B;
	}
a.psailfish {
	background:url(../images/port_sailfish.jpg) no-repeat 2px 2px;
	border: 1px solid #E6E6e6;
	}
a.psailfish:hover {
	border: 1px solid #B7D23B;
	background-color: #B7D23B;
	}
a.pint {
	background:url(../images/port_intcollege.jpg) no-repeat 2px 2px;
	border: 1px solid #E6E6e6;
	}
a.pint:hover {
	border: 1px solid #B7D23B;
	background-color: #B7D23B;
	}
a.pjba {
	background:url(../images/port_jba.jpg) no-repeat 2px 2px;
	border: 1px solid #E6E6e6;
	}
a.pjba:hover {
	border: 1px solid #B7D23B;
	background-color: #B7D23B;
	}
a.pretro {
	background:url(../images/port_retro.png) no-repeat 2px 2px;
	border: 1px solid #E6E6e6;
	}
a.pretro:hover {
	border: 1px solid #B7D23B;
	background-color: #B7D23B;
	}
a.pwhiteley {
	background:url(../images/port_whiteley.jpg) no-repeat 2px 2px;
	border: 1px solid #E6E6e6;
	}
a.pwhiteley:hover {
	border: 1px solid #B7D23B;
	background-color: #B7D23B;
	}
a.pgreenrx {
	background:url(../images/port_greenrx.jpg) no-repeat 2px 2px;
	border: 1px solid #E6E6e6;
	}
a.pgreenrx:hover {
	border: 1px solid #B7D23B;
	background-color: #B7D23B;
	}
a.paustdrill {
	background:url(../images/port_austdrill.jpg) no-repeat 2px 2px;
	border: 1px solid #E6E6e6;
	}
a.paustdrill:hover {
	border: 1px solid #B7D23B;
	background-color: #B7D23B;
	}
a.psavvy {
	background:url(../images/port_savvy.jpg) no-repeat 2px 2px;
	border: 1px solid #E6E6e6;
	}
a.psavvy:hover {
	border: 1px solid #B7D23B;
	background-color: #B7D23B;
	}
a.pcoastal {
	background:url(../images/port_coastal.jpg) no-repeat 2px 2px;
	border: 1px solid #E6E6e6;
	}
a.pcoastal:hover {
	border: 1px solid #B7D23B;
	background-color: #B7D23B;
	}
a.pfast {
	background:url(../images/port_fast.jpg) no-repeat 2px 2px;
	border: 1px solid #E6E6e6;
	}
a.pfast:hover {
	border: 1px solid #B7D23B;
	background-color: #B7D23B;
	}
a.preformed {
	background:url(../images/port_reformed.png) no-repeat 2px 2px;
	border: 1px solid #E6E6e6;
	}
a.preformed:hover {
	border: 1px solid #B7D23B;
	background-color: #B7D23B;
	}
a.pliving {
	background:url(../images/port_living.jpg) no-repeat 2px 2px;
	border: 1px solid #E6E6e6;
	}
a.pliving:hover {
	border: 1px solid #B7D23B;
	background-color: #B7D23B;
	}
a.pnbs {
	background:url(../images/port_nbs.jpg) no-repeat 2px 2px;
	border: 1px solid #E6E6e6;
	}
a.pnbs:hover {
	border: 1px solid #B7D23B;
	background-color: #B7D23B;
	}
a.pava {
	background:url(../images/port_ava.png) no-repeat 2px 2px;
	border: 1px solid #E6E6e6;
	}
a.pava:hover {
	border: 1px solid #B7D23B;
	background-color: #B7D23B;
	}
a.pdaniels {
	background:url(../images/port_daniels.png) no-repeat 2px 2px;
	border: 1px solid #E6E6e6;
	}
a.pdaniels:hover {
	border: 1px solid #B7D23B;
	background-color: #B7D23B;
	}
a.pces {
	background:url(../images/port_ces.png) no-repeat 2px 2px;
	border: 1px solid #E6E6e6;
	}
a.pces:hover {
	border: 1px solid #B7D23B;
	background-color: #B7D23B;
	}
	
	
.single {
	float:left;
	width:319px;
	margin:15px 0 0 0;
}

.text p{padding: 0 25px 0 0;}
.text {}

.back a {
	padding: 2px 0 0 10px;
	background:url(../images/back_off.gif) no-repeat 2px .55em;
}
.back a:hover {background:url(../images/back_over.gif) no-repeat 0 .2em;}

.info1, .info2, .info3 {
	color:#737b80;
	padding:0 10px 10px 10px;
	margin-bottom:10px;
	background:url(../images/listlines.gif) no-repeat 0 100%;
}
.info3 {background:none;}
.info1 li, .info2 li, .info3 li {padding-left:10px;}
.info1 li.date {background:url(../images/date.gif) no-repeat 0 5px;}
.info1 li.link {background:url(../images/web.gif) no-repeat 0 5px;}
.info2 li, .flat li {
	display:inline;
	background:url(../images/bullet.gif) no-repeat 0 5px;
	padding-left:9px;
	white-space:nowrap;
}
.info3 li {background:url(../images/quote.gif) no-repeat 0 3px;}

blockquote {
	color:#707362;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:11px;
}
blockquote span.author {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#737b80;
	font-size: 10px;
}


/* contact form */

.contact_form {
	width: 420px;
	margin-bottom: 30px;
}
.field_blur,
.field_focus {
	border: 4px solid;
	width: 412px !important;
	width /**/: 420px;
	font: normal 12px "Lucida Sans Unicode", "Lucida Grande", Tahoma, sans-serif;
	color: #1a1a1a;
	margin-bottom: 10px;
}
.field_blur {
	border-color: #F1F7D4;
	background: #F1F7D4;
}
.field_focus {
	border-color: #D6EBF5;
	background: #D6EBF5;
}
textarea {
	height: 120px;
	margin: 0;
}