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

/*===================================
	GLOBAL
===================================*/
/* START: Zeroer */
html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
}
/* END: Zeroer */

html, body {
	height: 100%;
}
#not_footer {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -60px; /* the bottom margin is the negative value of the footer's height */
}
.footer_container, #push_footer {
	height: 60px; /* .push must be the same height as .footer */
}


body {
	background: url(../../img/header_bg_client.gif) #ffffff repeat-x center top;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #231f20;
}

/*===================================
	GLOBAL
===================================*/
.wrapper {margin:0 auto; width:901px;}

img {border: none;}
img.bottom{margin-top: 5px; margin-bottom: 10px;}
img.wallpaper {margin-top: 5px; margin-bottom: 5px;}

ul, li {list-style: none;line-height: 18px;}
li.first {margin-top: 4px;}
ul, li a {text-decoration: none;}

/*----------------------------------
		WALLPAPERS
	----------------------------------*/
	ul.wallpaper_left {font-size: 11px; line-height:14px; display:list-item; float: left; margin-bottom: 10px;}
	.wallpaper_left li {display: block; text-align: left; margin:0px; line-height: 14px; margin-right: 43px;}
	.wallpaper_left li a {text-decoration: none; font-size: 11px; color: #ec148e; outline: none; line-height: 14px;}
	.wallpaper_left li a:hover {color: #ec148e; text-decoration: underline; }
	
	ul.wallpaper_right {font-size: 11px; line-height:14px; display:list-item; float: left; margin-bottom: 10px;}
	.wallpaper_right li {display: block; text-align: left; margin:0px; line-height: 14px; }
	.wallpaper_right li a {text-decoration: none; font-size: 11px; color: #ec148e; outline: none; line-height: 14px;}
	.wallpaper_right li a:hover {color: #ec148e; text-decoration: underline; }

	

a {cursor:pointer; color: #ec148e; text-decoration: none;}
a:hover {cursor:pointer; color: #ec148e; text-decoration: underline;}

p {line-height: 14px;}
p.margin_top{margin-top: 7px;}
p.margin_top_steps{margin-top: 15px;}

h1, h2, h3, h4, h5, h6, h7 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

h1 {text-transform:none; font-size:15px; font-weight: bold; color:#ec148e; margin-bottom: 7px;}
h1.bottom {text-transform:none; font-size:15px; font-weight: bold; color:#ec148e; padding-top: 20px; margin-bottom: 10px; border-top: 1px solid #b3b3b3;}
h2 {text-transform:none; font-size:11px; font-weight: bold; color:#ec148e; margin-top: 3px; margin-bottom: 10px;}
h3 {text-transform:none; font-size:21px; font-weight: bold; color:#ec148e; width: 225px;}
h3.page_tagline {text-transform:none; font-size:13px; font-weight: normal; color:#231f20; width: 450px; margin-top: 4px; line-height: 16px;}
h4 {text-transform:none; font-size:13px; font-weight: bold; color:#ec148e; margin-top: 15px;}
h4.top {text-transform:none; font-size:13px; font-weight: bold; color:#ec148e; margin-top: 0px; padding-bottom: 3px;}
h4.bottom {text-transform:none; font-size:12px; font-weight: bold; color:#ec148e; margin-top: 15px; padding-bottom: 2px;}
h5 {text-transform:none; font-size:21px; font-weight: bold; color:#ec148e; margin: 9px 0px 3px 20px;}



/*===================================
	HEADER
===================================*/
.logo {
float: left;
position: absolute;
margin-top: 21px;
cursor:pointer;
}

.header_container {
position:relative; 
width:901px; 
height:133px;  
padding:0px;
margin-bottom: 20px;
}
	/*----------------------------------
		NAVIGATION
	----------------------------------*/
	
	ul.topnav { list-style: none; display: block; position: absolute; right:0; bottom:55px; }
	.topnav li { float: left; display: block; text-align: right; margin: 12px 5px 0px 24px; padding-left: 12px; }
	.topnav li a { text-decoration: none; font-size: 14px; color: #231f20; outline: none; display: block; height: 24px; }
	.topnav li a:hover { background: url(../../img/nav_hover.png) no-repeat center 10px; color: #ec148e; }
	.topnav li a.on { background: url(../../img/nav_hover.png) no-repeat center 10px; color: #ec148e; }
	
	
	/*----------------------------------
		CLIENT LOGIN
	----------------------------------*/
	
	.login {
	cursor: pointer;
	background: url("../../img/client.gif") no-repeat left top;
	display:block;
	float:right;
	height: 28px;
	width: 119px;
	position: relative;
	}
	
	a.login {
	font-size:10px;
	color: #8d8d8d;
	text-align: center;
	font-family:"Courier New", Courier, monospace;
	text-transform: uppercase;
	text-decoration:none;
	letter-spacing: 1px;
	padding-top: 5px;
	}
	
	a.login:hover {color: #ec148e; text-decoration:none;}
	
/*===================================
	CONTENT
===================================*/
.content_wrapper{
	float:left; 
	position:relative; 
	width:901px; 
	min-height:350px;
	height:auto !important; 
	overflow: hidden; 
	color:#231f20;
}
	/*----------------------------------
		IMAGE POSITIONS
	----------------------------------*/
	.promo_home{
	width: 901px;
	height:345px;
	margin-bottom: 20px;
	}
	
	.promo_inner{
	width: 901px;
	height:243px;
	margin-bottom: 20px;
	}
	
	.bbb{
	padding-top: 20px; margin-bottom: 10px; border-top: 1px solid #b3b3b3;
	}
	
	img.bbb {
	width: 59px; height: 96px; /*padding-right: 7px; */float: left;
	}
	
	.bbb_txt {
	float: left; width: 131px; float: right; padding-left: 7px; padding-top: 7px;
	}
	
	.rfp{margin-top: 20px; padding-bottom: 40px;}
	
	a.button_primary /*request quote btn*/{
	cursor: pointer;
	background: url("../../img/request_quote_hover.gif") no-repeat left top;
	color: #ffffff;
	display:block;
	float:left;
	font-size:14px;
	height: 27px;
	width: 151px;
	text-align: center;
	line-height: 1.3em;
	padding: 10px 0px 0px 0px;
	text-decoration:none;
	}
	
	a.button_primary:hover {background-position: left -36px; text-decoration:none;}
	
	a.button_secondary /*submit request btn*/ {
	cursor: pointer;
	background: url("../../img/request_submit_hover.gif") no-repeat left top;
	color: #ffffff;
	display:block;
	float:left;
	font-size:14px;
	height: 27px;
	width: 123px;
	text-align: center;
	line-height: 1.3em;
	padding: 10px 0px 0px 0px;
	text-decoration:none;
	}
	
	a.button_secondary:hover {background-position: left -36px; text-decoration:none;}
	
	.folio_holder{
	width: 656px;
	height: auto;
	margin: 20px 0px 0px 19px;
	float: left;
	position: relative;
	}
	
	.folio_row {margin-top: 20px;}
	.folio_row img{margin-right: 17px;}
	.folio_row img.last {margin-right: 0px;}
	
.content_holder{
width: 901px;
height: auto !important;
overflow: hidden;
min-height: 230px;
}

.page_header {
position:relative; 
width:675px; 
padding:0px;
margin-bottom: 10px;
}
	/*----------------------------------
		PAGE HEADERS
	----------------------------------*/
	
	ul.page_header { float: left; list-style: none; display: inline; border-bottom: 1px solid #b3b3b3; margin-left: 20px; padding-bottom: 20px;}
	.page_header li { float: left; display: block; text-align: right; margin-top: 10px;}
	
	ul.page_header_mid { float: left; list-style: none; display: inline;  border-top: 1px solid #b3b3b3; border-bottom: 1px solid #b3b3b3; margin: 20px 0px 10px 20px; padding-top: 11px; padding-bottom: 20px; width: 675px;}
	.page_header_mid li { float: left; display: block; text-align: right; margin-top: 10px;}

.content_whole{
float: left;
width: 675px;
/*min-height: 230px;
height: auto !important;*/
padding: 10px 20px 0px 20px;
/*text-decoration: none;
color: #231f20;
font-size: 11px;
line-height: 14px;*/
}

/*p.content_whole{
margin-top: 15px;
}*/

.content_left{
float: left;
width: 205px;
padding-top: 10px;
padding-right: 20px;
min-height: 230px;
height: auto !important;
}

.content_left_tall{
float: left;
width: 204px;
padding-top: 10px;
padding-right: 20px;
min-height: 230px;
height: auto !important;
border-right: 1px solid #b3b3b3;
}

.content_right_short{
float: left;
width: 676px;
/*border-left: 1px solid #b3b3b3;*/
height: auto !important;
}
	/*----------------------------------
		LEFT - SUBNAV
	----------------------------------*/
	ul.subnav {font-size: 13px; line-height:21px; display:list-item;}
	.subnav li {display: block; text-align: left; margin:0px; line-height: 21px; }
	.subnav li a {text-decoration: none; font-size: 13px; color: #231f20; outline: none; line-height: 28px;}
	.subnav li a:hover {color: #ec148e; text-decoration: underline; }
	.subnav li a.on {color: #ec148e; text-decoration: underline;}
	
	/*----------------------------------
		LEFT - SUBNAV - INNER
	----------------------------------*/
	ul.inner_sub {font-size: 11px; line-height:18px; display:list-item; padding-left: 12px;}
	.inner_sub li {display: block; text-align: left; margin:0px; line-height: 18px;}
	.inner_sub li a {text-decoration: none; font-size: 11px; color: #231f20; outline: none; line-height: 18px;}
	.inner_sub li a:hover {color: #ec148e; text-decoration: underline; }
	.inner_sub li a.on {color: #ec148e; text-decoration: underline;}
	
	/*----------------------------------
		LEFT - SUBNAV - INNER - INNER
	----------------------------------*/
	ul.inner_inner_sub {font-size: 11px; line-height:18px; display:list-item; padding-left: 12px;}
	.inner_inner_sub li {display: block; text-align: left; margin:0px; line-height: 18px;}
	.inner_inner_sub li a {text-decoration: none; font-size: 11px; color: #231f20; outline: none; line-height: 18px;}
	.inner_inner_sub li a:hover {color: #ec148e; text-decoration: underline; }
	.inner_inner_sub li a.on {color: #ec148e; text-decoration: underline;}
	
.row{margin-top: 40px; float: left; position: relative;}
.row_top{float: left; position: relative;}

.content_right{
float: left;
width: 675px;
border-left: 1px solid #b3b3b3;
height: auto !important;
}
	/*----------------------------------
		CONTENT HOLDERS - SPECIAL
	----------------------------------*/
	/*.content_left_home{
	float: left;
	width: 204px;
	border-right: 1px solid #b3b3b3;
	padding-top: 10px;
	padding-right: 20px;
	min-height: 230px;
	height: auto !important;
	}
	
	.content_right_home{
	float: left;
	width: 676px;
	height: auto !important;
	}*/

.col_main{
float: left;
width: 184px;
padding: 10px 20px 0px 20px;
border-right: 1px solid #b3b3b3;
height: auto !important;
}
a.col_main img {border: none;}
a.col_main {text-decoration: none; color:#231f20; line-height: 14px;}
a.col_main:hover {text-decoration: none; color: #ec148e; line-height: 14px;}

.col_main_left{
float: left;
width: 184px;
padding: 10px 20px 0px 20px;
border-left: 1px solid #b3b3b3;
height: auto !important;
}

.col_special{
float: left;
width: 205px;
padding-top: 10px;
padding-left: 20px;
height: auto !important;
}
a.col_special img {border: none;}
a.col_special {text-decoration: none; color:#231f20; line-height: 14px;}
a.col_special:hover {text-decoration: none; color: #ec148e; line-height: 14px;}


.col_none {
padding: 10px 20px 0px 20px;
width: 185px;
float: left;
text-decoration: none;
color: #231f20;
font-size: 11px;
line-height: 14px;
}
a.col_none img {border: none;}
a.col_none {text-decoration: none; color:#231f20; line-height: 14px;}
a.col_none:hover {text-decoration: none; color: #ec148e; line-height: 14px;}

.col_none p.folio_cat {font-style: italic; font-size: 11px; text-align: left; color:#666666; padding-top: 2px;}


.about_project{width: 450px; margin-top: 12px; float:left;} 

	/*----------------------------------
		NEWS HOLDER (HOME)
	----------------------------------*/
	.news_holder{
	float: left;
	margin-left: 20px;
	border-top: 1px solid #b3b3b3;
	height: auto !important;
	}
	.news_special{
	float: left;
	width: 185px;
	padding: 20px 20px 0px 0px;
	height: auto !important;
	}
	.news_col_main{
	float: left;
	width: 185px;
	padding: 20px 20px 0px 20px;
	height: auto !important;
	}
	.news_col_main h2{
	  margin-bottom: 4px;
	  text-transform: capitalize;
	}
	.news_date{
	color: #8d8d8d;
	font-family: "Courier New", Courier, monospace;
	font-style:normal;
	text-transform: uppercase;
	display: block;
	font-size: .9em;
	margin-bottom: 1em;
	}
	
	a.news_holder {text-decoration: none; color: #ec148e; border: none; margin:0px; padding-top:2px;}
	a.news_holder:hover {text-decoration: underline; color: #ec148e; border: none; margin:0px; padding-top:2px;}

	/*----------------------------------
			TEXT BEAUTIFIERS
	----------------------------------*/
	.pink{color: #ec148e;}
	
	.author{font-style: normal; font-size: 10px; font-weight:lighter; color: #666666;}
	p.author {margin-top: 3px; margin-bottom: 8px; padding-top: 3px; border-top: 1px solid #b3b3b3; font-style: italic; line-height: 12px;}
	
	p.award {font-size:12px; font-weight:bold; color: #ec148e;}
	.award_giver {margin-bottom: 3px; padding-bottom: 4px; font-style: italic; font-size: 11px; text-align: left; color:#231f20; font-weight:bold; border-bottom: 1px solid #b3b3b3;}
	
	.describers {font-style: italic; font-size: 11px; text-align:right; color:#666666;}
		
	.process {font-style: italic; font-weight:bold; padding-top: 10px; font-size: 11px; text-align:left; color:#231f20;}
	.steps {font-style: italic; font-weight:bold; padding-top: 10px; font-size: 10px; text-align:left; color:#666666;}	
	
	/*span.radio {background-color: #ec148e;}
	
	span.radio {
		width: 19px;
		height: 25px;
		padding: 0 5px 0 0;
		background: url(radio.gif) no-repeat;
		display: block;
		clear: left;
		float: left;
	}
	span.select {
		position: absolute;
		width: 158px;  With the padding included, the width is 190 pixels: the actual width of the image. 
		height: 21px;
		padding: 0 24px 0 8px;
		color: #fff;
		font: 12px/21px arial,sans-serif;
		background: url(select.gif) no-repeat;
		overflow: hidden;
	}*/
	
/*===================================
	FOOTER
===================================*/
.footer_container {
float:left; 
position:relative; 
width: 100%;
height: 60px;
background: transparent url(../../img/footer_bg.gif) repeat-x center bottom;
font-size:10px; 
font-weight: normal;
color:#ffffff;
}
	/*----------------------------------
			NAVIGATION
	----------------------------------*/
	.footer_container table { width:901px; margin: auto; height:60px; text-transform:none; padding-top: 10px; }
	.footer_container td { text-align:left; }
	.footer_container td.first { background:none; }
	.footer_container td.last {text-align:right; color:#ffffff;}
	.footer_container td a { text-decoration:none; height:auto; text-align:right; color:#ffffff; line-height:13px; }
	.footer_container td a:hover {color:#ffffff; text-decoration: underline;}
	.footer_container td a.on {color: #ffffff; text-decoration: underline;}
	.footer_container td a.fineprint {color: #ffffff;}
	.footer_container td a.fineprint:hover {text-decoration: underline;}
	
	.legal { text-align:right; color:#ffffff; }
	
/*===================================
	QUOTE FRORM
===================================*/
#quote_form{margin-left: 20px;}

#quote_form td{padding: 3px; vertical-align: top;}

table, td, th { vertical-align: middle; }
th.email {width: 50px; padding-left: 15px;}

#quote_form label em{color: #ec148e;}

#quote_form input.text{ 
  /*width: 247px;*/ 
  padding:5px; 
}
#quote_form textarea { 
  /*width: 247px;*/ 
  height: 174px; 
  padding:5px; 
  width: 95%;
}

#quote_form input.text, #quote_form textarea{
  margin: 0.5em 0.2em;
  border:1px solid #B3B3B3;
  outline: none; /*removes webkit's glow*/
}

#quote_form input.text:focus,
#quote_form textarea:focus {
  border:1px solid #B3B3B3;
}

	
/*===================================
	LOGIN FRORM
===================================*/
#login_form{margin-left: 20px;}

#login_form td{padding: 3px;}

table, td, th { vertical-align: middle; }
th.email {width: 50px; padding-left: 15px;}

#login_form label em{color: #ec148e;}

#login_form input.text{ 
  /*width: 247px;*/ 
  padding:5px; 
}
#login_form textarea { 
  /*width: 247px;*/ 
  height: 250px; 
  padding:5px; 
}

#login_form input.text, #login_form textarea{
  margin: 0.5em 0.2em;
  border:1px solid #B3B3B3;
  outline: none; /*removes webkit's glow*/
}

#login_form input.text:focus,
#login_form textarea:focus {
  border:1px solid #B3B3B3;
}

/* Success, notice and error boxes
-------------------------------------------------------------- */
 
.error,
.notice,
.success { padding: .8em; margin: 1em 0; border: 2px solid #ddd; }
 
.error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a { color: #8a1f11; }
.notice a { color: #514721; }
.success a { color: #264409; }