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

/*------------------

		Common
		
-------------------*/
* {
	font-size:100% ;
	/*font-weight:normal;*/
}

html,body {
	margin: 0;
	padding: 0;
	behavior: url(/StyleSheets/csshover.htc);
}

a {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #516c86;	
}
a:hover { color: #193a5a; }
a:focus { outline: none; }

a img {
	border: 0;
}

dl,dt {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
}

dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,p,div,span {
	margin: 0;
	padding: 0;
}


h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

p {
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*ul, span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}*/

/*------------------

		Frame
		
-------------------*/

body {
	background: #f8ba13 url(/vireo-img/banner_bg.gif) no-repeat center top;
}

#wrapper {
	width: 1003px;
	/*overflow:auto; for Firefox*/
	margin: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 100px;
}
body.home #wrapper { padding-bottom: 0; }

/*------------------

		Banner
		
-------------------*/

#banner {
	width: 1003px;
	height: 310px; /* height: 346px; */
	float: left;
	position: relative;
}

#left-banner {
	width: 357px;
	height: 310px;
	background: url(/vireo-img/left_banner_bg.png) no-repeat;
	float: left;
	position: relative;
	display: inline;
}

	#logo {
		width: 288px;
		height: 94px;
		background: transparent url(/vireo-img/logo.png) no-repeat scroll 0 0;
		_background: none;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image, src='/vireo-img/logo.png');
		margin: 30px 0 0 65px;
		text-indent: -100em;
	}

#right-banner {
	width: 646px;
	height: 310px;
	float: right;
	position: relative;
	background: url(/vireo-img/right_banner_bg.gif) no-repeat;
	display: inline;
}

	/*** Top Nav (for both home & sub) ***/
	#right-banner ul, #right-sub-banner ul {
		float: right;
		padding: 14px 40px 0;
	}
	
	#right-banner ul li, #right-sub-banner ul li {
		display: inline;
	}
	
	#right-banner ul li a, #right-sub-banner ul li a {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.688em; /*font-size: 1em;*/
		font-weight: bold;
		color: #f8ba13;
		padding-left: 25px;
		text-transform: uppercase;
	}
	#right-banner ul li a:hover, #right-sub-banner ul li a:hover,
	#right-banner ul li.selected a, #right-sub-banner ul li.selected a { color: #eae014; /*color: #ffe87e;*/  }	
	
	/*** Home Intro ***/	
	#right-banner h2 {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 1.5em; /*font-size: 1.25em;*/
		font-style: italic;
		margin: 95px 0 0 43px;
		color: #dddddd;
	}
	
	#right-banner p {
		margin: 21px 66px 0 43px;
		color: #dddddd;
		line-height: 18px;
	}
	
/*------------------

		Contents
		
-------------------*/

#content {
	width: 1003px;
	float: left;
	position: relative;
	background: url(/vireo-img/content_bg_1px.gif) repeat-y;
	font: normal 0.688em/16px Verdana, Arial, Helvetica, sans-serif;
	color: #555;	
}

#content h3{
	/*font: normal 1.25em Lucida Sans, Verdana, Arial, Helvetica, sans-serif;*/
	font: normal 1.625em Lucida Sans, Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
}

#content h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #555555;
}

#top-content {
	width: 923px;
	padding: 30px 40px 10px;
	float: left;
	position: relative;
	background: url(/vireo-img/contents_top_bg.gif) no-repeat;
	min-height: 206px;
	max-height: auto;
}
	/*** Home CTA Box ***/
	#home-round-box {
		width: 940px;
	}
	
	#home-round-box .box-bg {
		background: #F6F8C6 url(/vireo-img/box_inside_bg.gif) repeat-x 0 0;
		border: 1px solid #DEDCDC;
		border-width: 0 1px 0 1px;
		line-height: 14px;
		padding: 10px 10px 5px;
		width: 277px;
		vertical-align: top;
	}
	
	#home-round-box .box-bg h3{
		text-align: center;
	}
	
	#home-round-box .box-bg img {
		float: left;
		padding-right: 10px;
	}
	
	#home-round-box .box-bg a.arrow {
		float: right;
		text-indent: -2000px;
		background: url(/vireo-img/arrow_box.gif) no-repeat 0 0;
		width: 40px;
		height: 40px;
		margin-right: 5px;	
	}
	#home-round-box .box-bg a:hover.arrow {
		background-position: left bottom;
	}

#bottom-content {
	width: 932px;/*1003-71*/
	float: left;
	position: relative;
	padding: 0 30px 20px 41px;
}

#bottom-left-content {
	width: 431px; /* 502-41-30 */
	background: url(/vireo-img/1px_grey.gif) no-repeat right top;
	float: left;
	position: relative;
	display: inline;
	padding-right: 30px;
}

#bottom-right-content {
	width: 471px;
	float: left;
	position: relative;
	display: inline;
	/*margin-right: 30px;*/
}

	#bottom-right-content h3 {
		padding-left: 22px;
	}
	/*#bottom-right-content ul --> Global Class ul.news */

/*------------------

		Footer
		
-------------------*/
#footer {
	clear: both;
	background: url(/vireo-img/contents_bottom_round.gif) no-repeat;
	width: 1003px;
	height: 29px;
	position: relative;	
}

	#footer ul {
		text-align: center;
		line-height: 10px;
	}
	
	#footer ul li {
		display: inline;
	}
	
	#footer ul li a {
		/*font-size: 0.85em;*/ font-size: 0.688em;
		color: #999999;
		padding: 0 10px 0 10px;
		border-right: 1px solid #999999;
		text-transform: lowercase;
	}
	#footer ul li a:hover,
	#footer ul li a.selected { color: #555555; }
	
	#footer ul li.last a {
		border: none;
	}
	
	
p.copy {
	text-align: center;
	color: #fff6dc;
	font-size: 0.625em;
	padding-bottom: 10px;
	display: block;
}

/*-------------------------SUB PAGE------------------------------*/

/*------------------

		Sub Banner
		
-------------------*/

#sub-banner {
	width: 1003px;
	height: 141px;
	background: url(/vireo-img/sub_banner_bg.gif) no-repeat;
	float: left;
	position: relative;
}

#left-sub-banner {
	width: 326px;
	height: 141px;
	float: left;
	position: relative;
	display: inline;
}

	h1#sub-logo {
		background: url(/vireo-img/sub_vireo_logo.gif) no-repeat;
		width: 251px;
		height: 99px;
		text-indent:-100em;
		margin-left: 75px;
		/*overflow: hidden;*/
	}

#right-sub-banner {
	width: 677px;
	height: 141px;
	float: right;
	position: relative;
	display: inline;
}
	

	
/*------------------

		Sub Content
		
-------------------*/
	
#content-sub {
	width: 1003px;
	float: left;
	position: relative;
	background: url(/vireo-img/content_bg_1px.gif) repeat-y;
}
	
#sub-content-inside {
	width: 1003px;
	background: url(/vireo-img/sub_content_top.gif) no-repeat top left;
	float: left;
	position: relative;
}

/*------------------

		Left Column
		
-------------------*/

#sub-left-column {
	width: 256px;
	margin: 35px 0 0 41px;
	background: url(/vireo-img/1px_grey_sub.gif) no-repeat top right;
	float: left;
	position: relative;
	display: inline;
}

	#sub-left-column img {
		vertical-align:bottom;
	}

																
	/*** Left Nav ***/
	#sub-left-column ul, #sub-left-column ul li, #sub-left-column ul li a  {
		float: left;
		list-style: none;
		margin: 0;
		padding: 0;
	}	
	#sub-left-column ul { padding-bottom: 30px; }	
		
	#sub-left-column ul li.selected ul {
		width: 200px;
		_width: 200px;
		padding-right: 20px;
	}	

	#sub-left-column ul li.selected ul li a {
		clear: both;
		width: 200px;
		color: #f8ba13;
		text-align: right;
		padding: 8px 20px 10px 0;
		font-weight: bold;
		font-size: 0.75em;									
	}
	
	#sub-left-column ul ul li a:hover,
	#sub-left-column ul ul li.selected a {
		background:transparent url(/vireo-img/orange_arrow.gif) no-repeat scroll right center;								
	}
	
	#sub-left-column ul li ul {
		padding-bottom: 5px;
	}
	
	#sub-left-column ul li.selected ul ul li a {
		color: #999999;
		font-size: 0.688em;	
		font-weight: normal;
		background: none;																
	}
	#sub-left-column ul ul ul li a:hover,
	#sub-left-column ul ul ul li.selected a {
		text-decoration: underline;	
		background: none;								
	}
			
	#sub-left-column ul li a,
	#sub-left-column ul ul li a,
	#sub-left-column ul ul ul { display: none; }	 
	
	#sub-left-column ul li.selected ul li a,
	#sub-left-column ul ul li.selected ul { display: block; }
	

/***  Left Round Box ***/	
#sub-left-column div.round-box {
	width: 183px; /* 223-40 */
	float: left;
	position: relative;
	/*background: #f6f8c7 url(/vireo-img/contact_inside_bg.gif) no-repeat;*/
	background: #f6f8c7 url(/vireo-img/box_inside_bg.gif) repeat-x 0 0;
	border-left: 1px solid #dedcdc;
	border-right: 1px solid #dedcdc;
	/*margin: 46px 0 0px;*/
	min-height: 124px; /*146-22*/
	max-height: auto;
	display: inline;
	padding: 11px 20px;
	font: normal 0.688em Verdana, Arial, Helvetica, sans-serif;
	color: #555;
}

	#sub-left-column div.round-box h2 {
		font: normal 1.813em Lucida Sans, Verdana, Arial, Helvetica, sans-serif; /* 1.188 */
		padding-bottom: 20px;
	}
	
	/*** Contact Info Style ***/
	#sub-left-column div.round-box dl dt { font-weight: bold; }	
	#sub-left-column div.round-box dl dd { padding-bottom: 19px; }


/*------------------

		Right Column
		
-------------------*/


#sub-right-column {
	width: 678px;
	/*float: right;
	position: relative;*/
	display: inline;
	/*margin: 35px 42px 0 26px;*/
	font: normal 0.688em/16px Verdana, Arial, Helvetica, sans-serif;
	padding-right: 42px;	
	color: #555;
}
#sub-right-column a, #sub-right-column p { font-size: 1em; } /* font-size fix */

#sub-right-column .portfolio-img a img {
	width: 197px;
	height: 155px;
	margin: 0 8px 8px 0;
	border: 2px solid #fff;
}
#sub-right-column .portfolio-img a:hover img {
	border: 2px solid #F8BA13;
}

#sub-right-top {
	width: 636px; /* 678-42 */
	float: right;
	position: relative;
	display: inline;
	margin: 35px 0 0 ;
	padding: 0 42px 110px 0;
}

#sub-right-column a {
	text-decoration: underline;	
}
#sub-right-column a:hover {
	text-decoration: none;
}
#sub-right-column h2 {
	/*font-size: 1.5em;*/
	font: italic 2.18em/22px Georgia, "Times New Roman", Times, serif;
	color: #999999;
	padding-bottom: 26px;
}
#sub-right-column h3 {
	/*font-size: 1.125em;*/
	font: normal 1.625em/18px Lucida Sans, Verdana, Arial, Helvetica, sans-serif;
	color: #555555;
	padding: 26px 0 10px 0;
}
#sub-right-column .quotation {
	background: url( /vireo-img/quotation.png ) no-repeat 0 0;
	min-height: 85px;
	padding: 0 40px 0 45px;
}
#sub-right-column p { margin: 8px 0; }

#sub-right-column ul {
	list-style: none;
	list-style-image: none;
	padding-top: 5px;
}

#sub-right-column ul li {
	padding: 2px 42px 2px 40px;
	background: url(/vireo-img/square_mark.gif) no-repeat 24px 7px;
	line-height: 14px;	
	position: relative;
	/*list-style: none;
	padding-top: 10px;
	color: #555555;
	font-size: 0.866em;*/
}

#sub-right-column ul li.last {
	/*padding: 2px 42px 2px 40px;
	position: relative;	*/	
	background: url(/vireo-img/blue_list_arrow.gif) no-repeat 20px 6px;
	line-height: 16px;	
}

/*#sub-right-column ul li.last a {
	color: #516c86;
	border-bottom: 1px solid #516c86;
}
#sub-right-column ul li.last a:hover { border: none; text-decoration: none; }

#sub-right-column img {
	vertical-align:bottom;
}*/

#bird {
	width: 320px;
	height: 309px;
	float: right;
	position: absolute;
	right: 13px;
	top: -162px;
	background: url(/vireo-img/bird_bottom_sub.png) no-repeat left top;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image, src='/vireo-img/bird_bottom_sub.png');
}

/*------------------

		Global Class
		
-------------------*/
a.more, div.more a { /* arrow anchor style */
	float: right;
	padding: 0 22px 0 15px;
	line-height: 15px;
	background: url(/vireo-img/blue_arrow.gif) no-repeat top left;
}
a.more:hover, div.more a:hover {
	background-position: bottom left;
}

ul.news,
#sub-right-column ul.news {
	list-style: none;
	padding-top: 10px;
}
ul.news li,	
#sub-right-column ul.news li {
	margin: 0 0 0px 35px;
	color: #555;
	background: url(/vireo-img/blue_list_arrow.gif) no-repeat 0px 2px;
	padding-left: 15px;
	padding-bottom: 13px;
   _position: relative;
   line-height: 13px;
}
ul.news li a,
#sub-right-column ul.news li a {
	font-size: 1em;
	text-decoration: underline;
}
ul.news li a:hover,
#sub-right-column ul.news li a:hover { text-decoration: none; }

div.client-logos {
position: relative;
	width: 471px;
	height: 120px;
	overflow: hidden;
}
div.client-logos ul {
	list-style: none;
	position: absolute;
}

div.client-logos ul li {
	float: left;
	padding: 0;
	margin: 0 0 0 12px;
	display: inline-block;
	height: 230px;
	background: url(/vireo-img/bg-logo-shadow.png) no-repeat top center;
}
div.client-logos ul li img {
	width: 145px;
}