/* CSS Document */



body, h1, h2, h3, h4, img, li, ol, ul, p, div, form, table {

	margin: 0px;

	padding: 0px;

	border: 0px;

}



body {

	background-color: #323233;

	font-family: Arial;

	font-size: 70%;

	text-align: center;

	padding-bottom: 20px;

}



.ie6 body {

	padding-bottom: 20px;

}



.clear {

	clear: both;

}



#wrap {

	width: 852px;

	margin: 20px auto 0px auto;

	text-align: left;

	background: url(../images/bg_tile.gif) repeat-y;

}



#header_top {

	width: 852px;

	height: 26px;

	background: url(../images/header_top.gif) no-repeat;

}



#header {

	padding: 0px 33px 21px 33px;

}



.header_left {

	float: left;

}



.header_right {

	float: right;

	margin-top: 10px;

}



#container {

	width: 852px;

}





#nav {
	position: relative;
	z-index: 100;
	/*height: 135px;*/
	height: 60px;
	margin-left: 35px;
}


#nav ul {
	list-style: none;
}


#nav li {
	float: left;
}


#nav a {
	margin-right: 7px;
	display: block;
	width: 125px;
	height: 59px;
}



a.home_nav  {
	background: url(../images/nav/home_off.gif) no-repeat;
}


a.home_active  {
	background: url(../images/nav/home_over.gif) no-repeat;
}


a:hover.home_nav  {
	background: url(../images/nav/home_over.gif) no-repeat;
}



a.bronze_nav  {
	background: url(../images/nav/bronze_off.gif) no-repeat;
}


a.bronze_active  {
	background: url(../images/nav/bronze_over.gif) no-repeat;
}


a:hover.bronze_nav  {
	background: url(../images/nav/bronze_over.gif) no-repeat;
}



a.silver_nav  {
	background: url(../images/nav/silver_off.gif) no-repeat;
}



a.silver_active  {
	background: url(../images/nav/silver_over.gif) no-repeat;
}


a:hover.silver_nav  {
	background: url(../images/nav/silver_over.gif) no-repeat;
}


a.gold_nav  {
	background: url(../images/nav/gold_off.gif) no-repeat;
}


a.gold_active  {
	background: url(../images/nav/gold_over.gif) no-repeat;
}


a:hover.gold_nav  {
	background: url(../images/nav/gold_over.gif) no-repeat;
}


a.buynow_nav  {
	background: url(../images/nav/buynow_off.gif) no-repeat;
}


a.buynow_active  {
	background: url(../images/nav/buynow_over.gif) no-repeat;
}


a:hover.buynow_nav  {
	background: url(../images/nav/buynow_over.gif) no-repeat;
}


a.helpdesk_nav  {
	background: url(../images/nav/helpdesk_off.gif) no-repeat;
}


a.helpdesk_active  {
	background: url(../images/nav/helpdesk_over.gif) no-repeat;
}


a:hover.helpdesk_nav  {
	background: url(../images/nav/helpdesk_over.gif) no-repeat;
}


#content {
	width: 783px;
	margin-left: 35px;
	margin-top:7px;
}

#content_left {
	position: relative;
	width: 521px;
	height:411px;
	float:left;
	background: url(../images/home_bg.gif) no-repeat;
}

#content_left_package {
	position: relative;
	width: 521px;
	height:411px;
	float:left;
	background: url(../images/package_bg.gif) no-repeat;
}

.tag {
	position: absolute;
	z-index: 1;
	top: -2px;
	left: -2px;
}


#content_right {
	width: 253px;
	float:right;
}

#accounts_box {
	position: relative;
	width: 253px;
	height:192px;
	background: url(../images/account_bg.gif) no-repeat;
	padding-top: 10px;
}


#techsupport_box {
	position: relative;
	width: 253px;
	height:192px;
	background: url(../images/techsupport_bg.gif) no-repeat;
	margin-top: 7px;
	padding-top: 10px;
}

.ie6 #techsupport_box {
	margin-top: -2px;
}


#silver_box {
	position: relative;
	width: 253px;
	height:130px;
	background: url(../images/silverbox_bg.gif) no-repeat;
	padding-top: 10px;
}

#gold_box {
	position: relative;
	width: 253px;
	height:130px;
	background: url(../images/goldbox_bg.gif) no-repeat;
	padding-top: 10px;
}

#bronze_box {
	position: relative;
	width: 253px;
	height:130px;
	background: url(../images/bronzebox_bg.gif) no-repeat;
	padding-top: 10px;
}

#buynow_box {
	position: relative;
	width: 253px;
	height:130px;
	background: url(../images/buynowbox_bg.gif) no-repeat;
	padding-top: 10px;
}

.tag2 {
	position: absolute;
	z-index: 2;
	top: -2px;
	left: -2px;
}


#home_box_text {
	width:200px;
	margin: 0px 0px 0px 40px;
	color:#fff;
	text-align:right;
}

#home_box_text a {
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
	font-size:1.1em;
}

#home_box_text a:hover {
	text-decoration:underline;
}


#click_here {
	width:200px;
	margin: 99px 0px 0px 40px;
	color:#fff;
	text-align:right;
}


.ie6 #click_here {
	margin-top: 109px;
}

.ie7 #click_here {
	margin-top: 109px;
}

#click_here a {
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
	font-size:1.1em;
}

#click_here a:hover {
	text-decoration:underline;
}


.home_box_title {
	color:#fff;
	font-weight:bold;
	font-size:1.6em;
	line-height:20px;
}

.home_box_subtitle {
	font-weight:bold;
	font-size:1.1em;
	line-height:14px;
}

#home_wrap {
	margin-left: 35px;
}

#home_text {
	width:200px;
	margin: 185px 0px 0px 20px;
	color:#fff;
}

.ie6 #home_text {
	line-height:13px;
}

.ie7 #home_text {
	line-height:13px;
}

.gecko #home_text {
	line-height:13px;
}

.home_title {
	color:#f9b41d;
	font-weight:bold;
	font-size:1.7em;
	line-height:20px;
}

.smaller_title {
	color:#f9b41d;
	font-weight:bold;
	font-size:1.3em;
	line-height:25px;
}


.home_subtitle {
	font-weight:bold;
	font-size:1.2em;
	line-height:15px;
}

#package_text_left {
	width:200px;
	margin: 20px 0px 0px 20px;
	color:#fff;
	float:left;
}

.ie6 #package_text_left {
	line-height:13px;
}

.ie7 #package_text_left {
	line-height:13px;
}

.gecko #package_text_left {
	line-height:13px;
} 

#package_text_left a {
color:#fff;
text-decoration:underline;
}

#package_text_left ul{
margin-left: 0px;
list-style: none;
}

#package_text_left ul a {
color:#fff;
text-decoration:underline;
}

#package_text_left ul a:hover {
text-decoration:underline;
}

#package_text_right {
	width:200px;
	margin: 20px 0px 0px 20px;
	padding-top:51px;
	color:#fff;
	float:left;
}

#package_text_right a {
	color: #f3901c;
	text-decoration: none;
}

#package_text_right a:hover {
	text-decoration: none;
}

#details ul{
list-style:disc;
font-size:1.2em;
font-weight:bold;
margin: 3px 0px 3px 15px;
}


.cost_title {
	color:#fff;
	font-weight:bold;
	font-size:2em;
	line-height:25px;
}

.specs1_title {
	color:#fff;
	font-weight:bold;
	font-size:1.4em;
	line-height:18px;
}

.specs2_title {
	color:#fff;
	font-weight:bold;
	font-size:1em;
	line-height:14px;
}

.specs2_title a {
	color:#fff;
	text-decoration:none;
	font-weight:normal;
}

.specs2_title a:hover {
	text-decoration:underline;
}

.details {
	color:#f9b41d;
	font-size:1.5em;
	line-height:20px;
}

#buynow_text {
	width:450px;
	margin: 20px 0px 0px 20px;
	color:#fff;
	float:left;
}

#buynow_text a {
	color: #f3901c;
	text-decoration: none;
}

#buynow_text a:hover {
	text-decoration: underline;	
}

.buypackage {
padding: 10px 0px 10px 0px;
border-bottom:dotted 1px white;
width: 315px;
}

.buypackage_logo {
background:url(../images/buypackage_logo.gif) no-repeat;
height:38px;
width:38px;
float:left;
margin-right:10px;
}

.buypackage_copy {
float:left;
}

.top_margin {
margin-top:15px;
}

.ie6 .top_margin {
margin-top:-20px;
}

.ie7 .top_margin {
margin-top:-20px;
}

.dropdown {
width: 240px;
margin-top:15px;
}

.ie6 .dropdown {
margin-top:-35px;
}

.ie7 .dropdown {
margin-top:-35px;
}

#problems {
margin-top:20px;
}

.gecko #problems {
margin-top:40px;
}

.main_copy {
font-size:1em;
}

.white_text {
font-size:0.9em;
font-weight:normal;
}

.table_fields {
color:#f9b41d;
margin: 15px 0px;
font-size:1.1em;
font-weight:bold;
}

.renew_form {
width: 200px;
}

#page_wrap {
	width: 783px;
	/*margin-top: -75px;*/
}



#page_top {

	width: 783px;

	height: 6px;

	background: url(../images/page_top.gif) no-repeat;

}



.ie6 #page_top {

	margin-bottom: -8px;

}



#page {

	width: 783px;

	background: #282829 url(../images/page_bg.gif) no-repeat bottom;

}



.page_home {

	height: 400px;

}



.no_flash {

	padding: 20px;

	color: #fff;

}



.no_flash h1 {

	color: #eb7720;

	font-size: 1.2em;

	padding-bottom:10px;

}



#page_bottom {

	width: 783px;

	height: 6px;

	background: url(../images/page_bottom.gif) no-repeat;

}

	

#subnav_wrap {

	float: left;

	width: 188px;

	/*margin-top: -75px;*/

	margin: 0px 10px 0px 35px;

}



.ie6 #subnav_wrap {

	margin-left: 18px;

	margin-right: 6px;

}



.subnav_top {

	width: 188px;

	height: 5px;

	background: url(../images/subnav_top.gif) no-repeat;

}



.ie6 .subnav_top {

	margin-bottom: -9px;

}



#subnav {

	width: 188px;

	background: #282829 url(../images/subnav_bg.gif) bottom no-repeat;

	padding-bottom: 20px;

}



#subnav ul {

	position: relative;

	z-index: 200;

	list-style: none;

	padding: 15px 5px 10px 15px;

}



#subnav li {

	display: block;

	margin-bottom: 3px;

}



#subnav a {

	color: #ffffff;

	text-decoration: none;

	height: 10px;

}



#subnav a:hover {

	color: #eb7720;

}



.active {

	color: #eb7720 !important;

}



.sublink {

	margin-left: 5px;

}



.subnav_bottom {

	width: 188px;

	height: 5px;

	background: url(../images/subnav_bottom.gif) no-repeat;

}



#main_wrap {

	float: left;

	width: 586px;

	/*margin-top: -75px;*/

}



.ie6 #main_wrap {

	margin-left: 8px;

}



.main_top {

	width: 586px;

	height: 5px;

	background: url(../images/main_top.gif) no-repeat;

}



.ie6 .main_top {

	margin-bottom: -9px;

}





#main {

	position: relative;

	width: 546px;

	padding: 0px 20px 20px 20px;

	background: #282829 url(../images/main_bg.gif) bottom no-repeat;

	height: 362px;

	min-height: 362px;

	color: #fff;

}



html>body #main {

	height: auto;

}



#main h1 {

	padding: 15px 0px 10px 0px;

	font-size: 1.2em;

	color: #eb7720;

}



#main h2 {

	font-size: 1em;

	color: #eb7720;

}



#main h3 {

	font-size: 1em;

	color: #eb7720;

	margin-bottom: 10px;

}



#main h4 {

	font-size: 1em;

	color: #eb7720;

	margin-top: 10px;

}



#main a {

	color: #eb7720;

	text-decoration: none;

}



#main a:hover {

	text-decoration: underline;

}



.portfolio_main {

	height: 460px !important;

}



.portfolio_clients {

	height: 505px !important;

}





.portfolio_height {

	height: 460px;

}



.clients_height {

	height: 506px;

}



.covent_img {

	float: right;

	padding: 15px 0px 10px 20px;

}



.about_text {

	width: 340px;

}



.team_wrap {

	width: 540px;

	margin-bottom: 20px;

}



.team_text {

float: left;

	width: 370px;

}



.team_img {

	float: right;

	width: 137px;

	height: 137px;

}



#contact_left {

	float: left;

	margin-top :30px;

	width: 300px;

}



form.contact label {

	width:5em;

	float: left;

	font-weight: bold;

	clear:both;

}



.contact_field {

	float: right;

	width: 200px;

	margin-bottom: 5px;

	clear:both;

}



#contact_right {

	float: right;

	margin-top: 30px;

	width: 200px;

}



#contact_right a {

	color: #fff;

}



.orange_text {

	color: #eb7720;

}



.vacancies_text {

	width: 450px;

}



#quote {

	width: 500px;

	margin-top: 30px;

}



.strip_right {

	position: absolute;

	right: 0px;

	bottom: -5px;

}



.main_bottom {

	width: 586px;

	height: 5px;

	background: url(../images/main_bottom.gif) no-repeat;

}



#footer_top {

	width: 787px;

	height: 5px;

	margin: 10px 33px 10px 33px;

	background: url(../images/footer_gradient.gif) no-repeat;

}



#footer_left {

	float: left;

	width:400px;

	margin-left: 40px;

	color: #eb7720;

	font-size: 0.9em;

}



#footer_left a {

	color: #eb7720;

	text-decoration: none;

}



.ie6 #footer_left {

	margin-left: 20px;

}



#footer_left a:hover {

	color: #f9b51d;

}



.copyright {

	color: #fff;

	padding-top: 3px;

}



#footer_right {

	float: right;

	width: 308px;

	margin-right: 40px;

}



.ie6 #footer_right {

	margin-right: 20px;

}



#footer_bottom {

	width: 852px;

	height: 26px;

	background: url(../images/footer_bottom.gif) no-repeat;

}



/* Contact form */

form.normal2 label,

form.normal2 input,

form.normal2 textarea,

form.normal2 select {

	width: 200px;

	float: left;

	margin-bottom: 0.5em;

	display: block;

	text-align: left;

	color:#fff;

}



form.normal2 input {

color:#000;

}



form.normal2 label,

form.normal2 div.fakelabel {

	width: 90px;

	padding: 3px 0px 0px 0px;

	text-align: left;

	font-weight: bold;

}



form.normal2 input.button,

form.normal2 select,

form.normal2 label.normal,

form.normal2 input.normal,

form.normal2 textarea.normal {

	width: auto;

}



form.normal2 textarea {

	height: 100px;

	color: #000;

}



form.normal2 input.button {

margin-top:10px;

}



form.normal2 br {

	clear: left;

}



.button {

	width: 57px;

}



form.normal2 input.button {

	text-align: center;

}



.button_left {

	margin-left: 80px;

}



.safari .button_left {

	margin-left: 100px;

}



form.normal2 textarea.textarea {

	width: 200px;

}



.safari form.normal2 textarea.textarea {

	width: 204px;

	margin-top: 2px;

}



/**/



/* Quote form */

form.normal3 label,

form.normal3 input,

form.normal3 textarea,

form.normal3 select {

	width: 350px;

	float: left;

	margin-bottom: 0.5em;

	display: block;

	text-align: left;

	color:#fff;

}



form.normal3 input {

color:#000;

}



form.normal3 label,

form.normal3 div.fakelabel {

	width: 120px;

	padding: 3px 0px 0px 0px;

	text-align: left;

	font-weight: bold;

}



form.normal3 input.button,

form.normal3 select,

form.normal3 label.normal,

form.normal3 input.normal,

form.normal3 textarea.normal {

	width: auto;

}



form.normal3 textarea {

	height: 100px;

	color: #000;

}



form.normal3 input.button {

margin-top:10px;

}



form.normal3 br {

	clear: left;

}



.button {

	width: 57px;

}



form.normal3 input.button {

	text-align: center;

}



.quote_button_left {

	margin-left: 230px;

}



.ie6 .quote_button_left {

	margin-left: 175px;

}



.safari .quote_button_left {

	margin-left: 250px;

}



form.normal3 textarea.textarea {

	width: 350px;

}



.safari form.normal3 textarea.textarea {

	width: 354px;

	margin-top: 2px;

}



/**/



.form_cell {

	width: 300px;

	margin-bottom: 3px;

}


.buypackage_copy a{
	color:#fff;
}

#form {
	color: #ffffff;
}

#form label,input {
	display: block;
	width: 220px;
	float: left;
	margin-bottom: 10px;
}

#form label {
	text-align: left;
	width: 120px;
	padding-right: 10px;
}

#form br {
	clear: left;
}

.text_area {
	width: 220px;
	height: 80px;
	margin-bottom: 10px;
}

.submit_button {
	width: 70px;
}

.checkbox {
	width: 10px;
}