@charset "utf-8";
/* CSS Document */
html {
	overflow-Y: scroll;
}

a { outline:none; color:#87C222; text-decoration:undeline; font-weight: bold; }
a:hover { outline:none; color:#F7961E; text-decoration:undeline; font-weight: bold; }
a img { border:none; text-decoration:none; }

input, textarea, select {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#fff none repeat scroll 0 0;
border:1px solid #b2b2b2;
padding:1px;
font-size: 12px;
color: #333;
}

h1 { color: #F7961E; font-size: 22px;}
h2 { color: #F7961E; font-size: 22px;}
h3 { color: #666666; font-size: 22px;  border-bottom: solid 1px #cccccc; margin-bottom: 15px;}
h4 { color: #ffffff; font-size: 22px;  margin-bottom: 15px;}
h5 { color: #ffffff; font-size: 14px;  margin-bottom: 15px;}
p {padding:0; margin:0; margin-bottom:15px; line-height:18px;}
.clear { clear:both; }
.blue_largetitle { font-size: 18px; color:#2F6FB5; font-weight:bold;}
.grey_largetitle { font-size: 16px; color:#444444; font-weight:bold; border-bottom: solid 1px #cccccc;}
.orange_largetitle { font-size: 12px; color:#F7961E; font-weight:bold;}
.red_title { font-size: 14px; color:#F00; font-weight:bold;}

/* CONTENT SECTIONS */
div#wrap { width:980px; margin:0 auto;}

div#header { width:980px; height: 100px; margin-top: 9px;}
div#logo {width: 222px; height: 60px; margin-top: 25px; float:left; margin-left:15px;}
div#menu{width: 686px; height: 100px; float:right; text-align:right;  background: url("../images/menu-divider.jpg") left no-repeat;}
div#menu_box{ float:left; width: 102px; height: 35px; text-decoration:none;text-align: right; color: #999999; font-size: 10px;  background: url("../images/menu-divider.jpg") top right no-repeat; padding-right:10px; padding-top: 65px;}
div#menu_box a{ display: block; font-size: 14px; color: #F7961E; font-weight: bold; text-decoration: none; line-height: 14px;}
div#menu_box a:hover{ display: block; font-size: 14px; color: #333333; font-weight: bold; text-decoration: none; line-height: 14px;}
div#menu_divider {width: 2px; height: 100px;}

ul#nav {padding:0; margin:0; list-style-type:none; position:relative; height:100px; float:left;}
ul#nav li {display:inline; margin: 0; float:left; position: relative;}
ul#nav li ul.subnav {
	z-index:1000;
	text-align:left;
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 100px;
	background: #E4E4E6;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 200px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-color:#E5E5E5 #CCC #CCC #CCC;
	border-style:solid;
	border-width:1px;
}
ul#nav li ul.subnav li{
	margin: 0; padding: 0;
	border-bottom: 1px solid #CCC; /*--Create bevel effect (Shadow)--*/
	clear: both;
	width: 200px;
}
ul#nav li div#head {padding:5px 0px; padding-left:10px; font-weight:bold; color:#666;}

html ul#nav li ul.subnav li a {
	padding:5px 0px;
	float: left;
	width: 190px;
	color: #F7961E;
	padding-left: 10px;
	text-decoration:none;
}
html ul#nav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background-color:#85C123; color:#FFF;
}

div#promosearch { width: 940px; margin: 0 auto; margin-top: 28px;}
div#promotion {  width: 480px; float:left;}
div#domainsearch {width: 450px; float: right; }

div#dsearch {width: 405px; height: 48px; margin: 0 20px;}
div#dresult {width: 350px; margin-left: 72px; font-size:13px; font-weight: bold; color:#333; }

div#body_content { width: 980px; margin-top: 10px;}

div#services {width: 960px; margin: 0px auto; margin-top: 18px;}
div#special_services {width: 960px; margin: 20px auto; background-color:#F1F1F1;}
div#portfolio {width: 940px; margin: 30px auto; padding-top: 20px; height: 600px; border-top: solid 1px #cccccc; }

div#portfolio img {border: 3px solid #ccc;}
div#portfolio img:hover {border: 3px solid #F7961E;}

div#footer { height: 350px; background-color: #303030; margin-top: 8px; color:#CCC; border-top: 5px solid #999;}
div#footer_wrap { width:960px; margin:10px auto; height: 330px;}
div#footer_wrap .highlight { color:#F7961E; font-size: 12px;}

div#footer_wrap a { color:#F7961E; font-size: 12px; font-weight: normal; text-decoration: none;}

div#footer_wrap .finput, .ftextarea, .fselect {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#4E4E4E none repeat scroll 0 0;
padding:2px;
font-size: 12px;
color: #ccc;
border: 1px;
border-color:#ccc;
}

div#footer_wrap .submit {
font-size: 11px;
font-family:Arial, Helvetica, sans-serif;
background-color: #4E4E4E;
color: #ccc;
margin: 0px;
padding: 3px;
cursor: pointer;
border: #555 solid 1px;
font-weight: bold;
}

/*--------------------------------sample design----------------------------------*/
ul.portfolio {
padding:0px; margin:0px 0px 10px 0px;
list-style:none;
}
ul.portfolio li {
margin-right:12px; margin-left:12px; margin-bottom:15px; background:none; padding-left:0px;
float:left; display:inline;
background:#DDDDDD none repeat scroll 0 0;
border:1px solid #CCCCCC;
margin:10px 15px 15px 0;
padding:5px;
}

/*--------------------------------blockquote----------------------------------*/
blockquote {
  background: transparent url('../images/quoteopen_icon.png') left top no-repeat;
}
blockquote div {
  background: transparent url('../images/quoteclose_icon.png') right bottom no-repeat;
}
.btnSearch { width:84px; height:28px; margin-bottom:0px; cursor:pointer; font-weight:bold; border:none; background-image: url('../images/btn-search.png'); }

.btnSubmit { width:84px; height:28px; margin-bottom:0px; cursor:pointer; font-weight:bold; border:none; background-image: url('../images/btn-submit.png'); }


/*--------------------------------toggle----------------------------------*/
h4.trigger {
	padding: 0 0 0 50px;
	margin: 0 0 5px 0;
	background: url('../images/h2_trigger_a.gif') no-repeat;
	height: 46px;
	line-height: 46px;
	width: 980px;
	font-size: 2em;
	font-weight: normal;
	float: left;
}
h4.trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
}
h4.trigger a:hover {
	color: #ccc;
}
h4.active {background-position: left bottom;}
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	background: #f0f0f0 url('../images/toggle_block_stretch.gif') repeat-y left top;
	overflow: hidden;
	font-size: 1.2em;
	width: 980px;
	clear: both;
}
.toggle_container .block {
	padding: 20px;
	background: url('../images/toggle_block_btm.gif') no-repeat left bottom;
}
.toggle_container .block p {
	padding: 5px 0;
	margin: 5px 0;
}
.toggle_container h3 {
	font: 2.5em normal Georgia, "Times New Roman", Times, serif;
	margin: 0 0 10px;
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
}
.toggle_container img {
	margin: 10px 15px 15px 0;
	padding: 5px;
	background: #ddd;
	border: 1px solid #ccc;
}

/*--------------------------------chat----------------------------------*/
#chat {visibility:hidden;display:block; top:0px; right:-10px; width:200px; position:fixed; padding:10px; text-align:center; font-weight:bold; color:#fff; }
* html #chat {position:absolute;}

/*--------------------------------promo----------------------------------*/
#promo {display:block; bottom:0px; right:0px; width:232px; position:fixed; padding:0px; text-align:center; font-weight:bold; color:#fff; }
* html #promo {position:absolute;}

.solid {
border-collapse:collapse;
border-style:solid;
border-color:#999;
}

.solid td {
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
}