@CHARSET "UTF-8";

/*
* Colors:
*	#161712 - dark gray with dark brown overtones
*	#7FB009 - light green
*	#d2d2d2 - very light grey used for dividers
*	#878787 - light grey used for some text
*	#ff7d00 - orange
*   #f8f8f8 - white used for background color
*/
body 
{
	margin: 0; padding: 0;
	border: 0; /* removes the border around the viewport in old versions of IE */
	font-size: 12px !important;
	font-family: "Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif !important;
	line-height: 24px !important;
	color: #555; 
	background: #669900 url(../images/body_background.png) repeat-x top left;
	width: 960px !important;
	margin: 0 auto;
}

a { text-decoration: none; color: #161712; }
a:LINK, a:VISITED { text-decoration: none; }
a:HOVER, a:ACTIVE { text-decoration: underline; }

h1 { font-size: 16px; color: #172200; }
h2 { font-size: 16px; padding: 0; margin: 0; }
h3 { font-size: 12px; padding: 0; margin: 0; }
h4 { color: #878787; }
strong { color: #ff7d00; font-size: 140%; }
em { color: #7FB009; font-weight: normal; }
span.accesskey { text-decoration: none; }
a span.accesskey { text-decoration: underline; }

iframe { padding: 0; margin: 0; }
/* 
* button - link text centred over the button image. 
*
* To position on a page, put the a.button in a div, and position the div.
*/
input.button, input.button:FOCUS, input.button:ACTIVE
{
	background: url(../images/button.jpg) no-repeat top left;
	font-size: 16px;
	font-weight: bold;
	color: #122200;
	height: 55px; max-height: 55px;
	min-width: 243px; width: 243px; max-width: 243px;
	border: none;
}
/* button end */

#container { position: relative; background: transparent; }

#header { position: relative; height: 150px; }

/*navigation menu bar*/
div#top_nav_left_corner { 
	position: absolute; bottom: 0; left: 0;
	width: 18px; height: 36px;
	background: #4f7700 url(../images/tab_nav_left.gif) no-repeat; 
}
div#top_nav_middle { 
	position: absolute; bottom: 0; left: 18px;
	width: 924px; height: 36px;
	background-color: #4f7700; }
div#top_nav_right_corner { 
	position: absolute; bottom: 0; right: 0;
	width: 18px; height: 36px;
	background: #4f7700 url(../images/tab_nav_right.gif) no-repeat; 
}
#top_nav_middle ul { padding: 0; margin: 0; }
#top_nav_middle ul li {
	display: inline; border: none; padding: 0; margin: 0;
}
#top_nav_middle ul li a {
	border: none; padding: 9px; margin: 0;
	color: #88cc00;
	font-size: 16px; font-decoration: none; font-weight: normal;
	line-height: 35px;
}
#top_nav_middle ul li a:hover { color: #ff7d00; }
#top_nav_middle li a.selected, #top_nav_middle li a.selected:hover { background-color: #ff7d00; color: white; }
#top_nav_shadow { height: 60px; background: #ffffff url(../images/shadow.gif) repeat-x top left; }
#top_nav_shadow h1 { color: #ff7d00; font-size: 20px; padding: 20px 0 0 18px; }
/*end of navigation menu bar*/

#content { position: relative; background-color: white; padding-bottom: 10px}

#footer { 
	clear: both; position: relative; height: 65px;
	padding: 10px 0; margin: 0 0 20px 0; 
	background: #ffffff url(../images/shadow.gif) repeat-x top left;
}
#footer h4#copyright { float: left; margin-left: 25px; }
#footer h4 { float: right; margin-right: 25px; }
#footer img#footer_left_corner { position: absolute; left: 0; bottom: 0; }
#footer img#footer_right_corner { position: absolute; right: 0; bottom: 0; }

/* address */
#address { 
	text-align: center;
	position: absolute; bottom: 0px; left: 13%;
}
/* end of address */

/* associated sites links menu begins */
#associated_sites  { float: right; clear: right; overflow: hidden; position: relative; z-index: 100; }
#associated_sites ul { float: right; clear: right; list-style: none; margin: 0; padding: 0; position: relative; }
#associated_sites ul li { display: block; float: right; margin: 0; padding: 0; position: relative; }
#associated_sites ul li a { 
	font-size: 14px; color: #d2d2d2; 
	display: block; margin: 3px 0 0 1px; padding: 0 10px; 
	text-decoration: none; line-height: 1.2em;
	border-right: 1px solid #878787;
}
/* associated sites links menu ends */

div#logo { width: 50%; position: absolute; bottom: 44px; left: 18px; }

#phone { 
	font-size: 30px;
	position: absolute;
	right: 0; top: 45px;
}

/* banner begins */
div#banner { position: relative; background: white; padding: 0 18px; margin: 0;}
a#invisible_our_offer { position: absolute; bottom: 52px; left: 48px; width: 230px; height: 45px; }
a#invisible_contact_us { position: absolute; bottom: 52px; left: 339px; width: 230px; height: 45px; }
/* banner ends */ 
	
/* mission statement */
div#mission_statement {
	padding: 0; margin: 0 17px 0 19px; 
	background: #ffffff url(../images/mission.jpg) repeat-x top left;
	height: 144px;
}
div#mission_statement p {
	padding: 25px 20px 0 20px; margin: 0;
}
div#mission_statement p a { color: #ff7d00; }

div.upsidedown_shadow { 
	background: url(../images/upsitedown_shadow.gif) repeat-x bottom left; 
	margin: 0 18px; height: 20px;  
}
/* end of mission statement */

/* packages list begins */
#offer { margin: 20px 18px 0 18px; height: 280px; }
#offer strong {  }
#offer em {  }
#offer ul { margin: 0; padding: 0; }
#offer ul li.package { 
	float: left; width: 25%; 
	padding: 0 45px 0 35px; margin: 0;
	border-right: solid 1px #d2d2d2; 
	position: relative;
}
#offer ul li.package h3.price { position: absolute; top: 45px; right: 60px; }
#offer ul li.first { padding-left: 20px }
#offer ul li.last { border: none; }
#offer ul li.package hr { }
#offer ul li.package ul.package { margin: 0 0 0 20px; padding: 0; }
#offer ul li.package ul.package li { background: url(../images/list.png) no-repeat top left; padding: 0 0 0 25px; line-height: 20px;  }
#offer ul li.package p { margin: 10px 0; color: #669900; text-align: center; }
#offer ul li.package a:hover { text-decoration: none; }
#offer ul li.package p a { color: #447700; }
#offer ul li.package p a:hover { color: #447700; text-decoration: underline; }
/* packages list ends */

/* our_offer */
div#our_offer_container { padding: 0 18px; width: 63%;}
table#our_offer {
	border: 1px solid #d2d2d2;
	margin: 0 0 20px 0;
	text-align: center;
}
table#our_offer caption {
	text-align: left;
	padding-bottom: 10px;
}
table#our_offer tr.table_header{
	background-color: #e9e9e9;
}
table#our_offer td {
	vertical-align: middle;
	border-left: 1px solid #d2d2d2;
}
table#our_offer th {
	vertical-align: middle;
	min-width: 20%; width: 20%;
	background-color: #e9e9e9;
}
table#our_offer .column_one {
	text-align: left;
	display: inline;
	border: none;
	position: relative;
}
table#our_offer .column_one h2 {
	float: left; clear: left;
	padding: 2px 5px;
	font-weight: normal;
	font-size: 12px;
}
table#our_offer .column_one h1 {
	padding-left: 5px;
}
table#our_offer .column_def {
	min-width: 5%; width: 5%; max-width: 5%;
	border: none;
}
table#our_offer .column_def a {
	float: right; clear: right;
	padding: 2px 5px;
}
table#our_offer .column_def a span {
	display: none;
}
table#our_offer .column_def a:ACTIVE span, table#our_offer .column_def a:HOVER span {
	display: block;
	position: absolute; top: auto; left: 29%;
	width: 320px; max-width: 320px;
	color: #272727;
	background-color: white;
	border: ridge 2px #e9e9e9;
	padding: 15px;
	font-weight: normal;
	-moz-opacity: 0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
	filter: alpha(opacity = 85);
}

div#selling_points_container { padding: 0 18px 0 0; width: 31%; position: absolute; top: 0; right: 0; }
ul#selling_points {
	padding: 0; margin: 0;
}
ul#selling_points li p {
	padding: 20px 0;
}
ul#selling_points li div.icon { float: right; clear: right; }
ul#selling_points span.icon_designer { display: none; }
ul#selling_points li div.icon:HOVER span.icon_designer {
	display: block;
	position: absolute; top: auto; left: 30%;
	width: 120px; max-width: 120px;
	background-color: white;
	border: ridge 2px #e9e9e9;
	padding: 15px;
	font-weight: normal;
	-moz-opacity: 0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
	filter: alpha(opacity = 85);
}
ul#selling_points li div.icon:HOVER span.icon_designer a { color: #ff7d00; text-decoration: underline; font-weight: bold; } 

ul#selling_points em { color: #161712; }
/* end of our_offer */

/* why choose us */
div#why_choose_us { padding: 20px 0 0 0; margin: 0; }
div#why_choose_us ul { padding: 0; margin: 0; height: 600px; }
div#why_choose_us ul li {
	float: left;
	min-width: 46%; width: 46%; max-width: 46%;
	height: 179px;
	padding: 0 18px; margin: 0 0 20px 0;
	border-right: solid 1px #d2d2d2;
}
div#why_choose_us ul li.right { border: none; }
div#why_choose_us ul li img.icon { float: left; clear: left; width: 100px; margin: 0 10px 70px 0; }
div#why_choose_us ul li h1 { margin: 0 0 1em 0;}
div#why_choose_us ul li p {}
div#why_choose_us em { color: #161712; font-style: normal; }
/* end of why choose us */
	
/* contact page */
form#contact_form { width: 45%;  padding: 10px 20px 20px 20px; margin: 0 18px 30px 0; }
form#contact_form textarea { width: 100%; height: 150px; }
form#contact_form input { width: 100%; }
form#contact_form span.required { color: #ff7d00; padding: 0 5px; }
span#recaptcha_message { display: block;  position: absolute; top: auto; right: auto; }
input#contact_submit { margin-top: 20px; }

div#contact_message { width: 45%; margin: 10px 18px 0 0; padding: 0 0 0 25px; position: absolute; top: 0; right: 0; border-left: solid 1px #d2d2d2; }
div#contact_message h1 { margin: 0 0 20px 0; }
div#contact_message p { margin: 0 0 2em 0; }
/* end of contact page */

/* app messages */
div#info_message {
	font-size: 14px; 
	border: solid 1px #161712; background-color: #7FB009;
	padding: 10px; width: 410px; color: #161712;
	z-index: 100;
}
div#error_message, div#email_error_message {
	font-size: 14px; 
	border: solid 1px #161712; background-color: #ff7d00;
	padding: 10px; width: 410px; color: white;
	z-index: 100;
}
/* end of app messages */

/* sitemap page */
div#sitemap, div#accesskeys { width: 46%; font-size: 13px; }
div#sitemap { padding: 10px 20px 10px 18px; border-right: solid 1px #d2d2d2; }
div#accesskeys { position: absolute; top: 0; right: 18px; padding: 10px 0 10px 20px; }
div#accesskeys ul { margin: 1em 0;}
div#sitemap h1, div#accesskeys h1 { margin: 0 0 1em 0; }
div#sitemap h2, div#sitemap a { font-size: 13px; }
div#sitemap ul { margin: 1em 0; }
div#sitemap a:hover, div#sitemap a:active { text-decoration: underline; }
div#sitemap ul li ul { margin: 0 0 0 2em; }
/* end of sitemap page */

/* terms of trade */
div#terms { margin: 0 18px 20px 18px; }
div#terms h3 { padding: 0 0 0 23px; }
div#terms h2 { padding: 15px 0; }
div#terms span.section { color: #172200; }
/* end of terms of trade */

/* portfolio */
div#portfolio { margin: 0 0 0 18px;  }
div#portfolio p { padding: 20px 0; }
div#portfolio ul { padding: 0; margin: 0; height: 480px; }
div#portfolio ul li { 
	float: left; margin: 0 18px 18px 0; 
	height: 220px; width: 294px;
	position: relative; 
}
div#portfolio img { border: solid 1px #d2d2d2; padding: 8px;}
div#portfolio ul li h3 { padding: 8px 0 8px 8px; font-size: 14px; }
/* end of portfolio */