/******* COMMON ********/
* {padding:0px; margin:0px; border:0px;}
body {font-family: "Trebuchet MS", Tahoma, Arial; font-size:11pt;}
.clear{clear:both;}

h1,h2,h3,p {padding:5px 0px 5px 0px; display:block; clear:both;}
h1{ font-size:18pt; color:#78a1ce; letter-spacing:-0.8pt; margin:0px 0px 10px 40px;}
h2{ font-size:14pt; color:#70a71d;}
h3{ font-size:14pt; color:#ea7500;;}
p{ font-size:11pt; color:#333; letter-spacing:0.3pt; text-align:justify;}
a {color:#000; text-decoration:none;}
a:hover{ background-color:#f8f1a7; cursor:pointer !important;}
span.bold{font-weight:bold;}

.read_more {font-style:italic; font-weight:600; color:#800; margin:5px 0px 5px 0px; display:block;}
a.read_more:hover {background:none; color:#7e7e7e;}

/******* FORMS ********/
input,textarea { padding:6px; border:1px solid #e7ecf1; font-family: "Trebuchet MS", Tahoma, Arial;}
label { display:block; margin:5px 0px 5px 0px; padding:3px 3px 3px 5px;}
input[type="checkbox"] { padding:3px;}
select { padding:3px; border:1px solid #e7ecf1;}
option {padding:3px;}
fieldset { padding:10px; margin-top:20px;}
legend {font-style:italic; font-weight:700; color:#800; margin-bottom:5px;}
input.submit, input.submit_white { width:160px; height:45px; background:url("submit-button.png") no-repeat center center; border:none; cursor:pointer !important;}
input.submit_white{ background:url("submit-button-white.png") no-repeat center center;}
input.submit:hover { color:#800;}

ul.ul_list {list-style-position:outside; list-style-type:none; padding:2px 0px 0px 30px;}
ul.ul_list li {padding:5px; list-style-image:url("ul-list-bullet.png");}
ul.ul_list li b {color:#483535;}
ol li {margin-left:25px; padding:5px;}

/******* HEADER ********/
.header {
	height:170px;
	width:100%;
	background: url("header-gradient-bg.png") repeat-x;
}
.header_cont, .content, .footer {
	width:1100px;
	height:170px;
	margin:0px auto 0px auto;
}
#image-logo {position:absolute; top:30px; margin-left:60px;}
#header_contact {position:absolute; top:32px; margin-left:680px; color:#808080; font-size:16pt;}

/******* MAIN NAV ********/
div.main_nav {
	height:40px;
	width:1100px;
	background: url("main-nav-top-edge-bg.png") no-repeat;
	margin-top:33px;
	position:absolute;
	top:93px;
}
.main_nav ul { list-style-type:none; margin:0px;}
.main_nav ul li { 
	float:left; 
	color:#9c1b1b;
	width:275px;
	height:30px;
	margin-top:10px;
	text-align:center;
	background: url("main-nav-button-bg.png") repeat-x 0px 11px;
}
.main_nav ul li a {color:#9c1b1b; text-decoration:none;}
.main_nav ul li a:hover {color:#737373; background:none;}

/******* SUB NAV ********/
ul.sub_nav { list-style-type:none; padding:10px 0px 10px 0px;}
ul.sub_nav li, ul.sub_nav li a { 
	width:330px;
	display:block;
}
ul.sub_nav li a {width:330px; display:block; padding:10px; text-decoration:none; border-bottom:1px dashed #999;}
ul.sub_nav li a:hover { width:330px; background: #fff url("forward-arrow.png") no-repeat 300px 5px;}
p.sub_nav_desc { font-size:11pt; padding-left:10px; font-style:italic;}

/******* CONTENT ********/
.content,.footer {height:100%;}
.content_cont {
	margin-top:-5px;
	padding:170px 20px 20px 20px;
	background: url("content-cont-bottom-edge.png") no-repeat center bottom #f5f5f5;
	overflow:hidden;
	height:100%;
	position:relative;
	border:none;
	border-top:5px solid #b9b9b9;
}
.left_col { float:left; width:640px; }
.right_col { float:left; width:300px; margin-left:40px; padding:10px 10px 10px 20px; background:url('content-cont-shadow.png') repeat-y;}
.left_col p { }
.content_img_align {
	margin:0.5em 1em 0.5em 0;
	border:1px solid #bebebe;
	float:left;
	display:block;
}
.header_pic {position:absolute; display:block; top:0; left:0;}
img.project_img { border:10px solid #fff; margin:10px 0px 10px 0px;}

/******* FOOTER ********/
.footer_cont {padding:20px; font-size:9pt; color:#818181;}
a.follow_ico_twitter, a.follow_ico_facebook, a.follow_ico_myspace {background: url("twitter-icon-grey.png"); height:44px; width:44px; float:left; text-indent:-999px; display:block; margin:5px;}
a.follow_ico_twitter:hover {background:url("favorite-icon.png") 44px 0px;}
a.follow_ico_facebook {background:url("facebook-icon-grey.png");}
a.follow_ico_facebook:hover {background:url("favorite-icon.png");}
a.follow_ico_myspace {background:url("myspace-icon-grey.png");}
a.follow_ico_myspace:hover {background:url("favorite-icon.png") -44px 0px;}
a.follow_ico_weblog {background:url('weblog-small.png'); height:44px; width:127px; float:left; margin:5px; display:block; text-indent:-1700px;}

span.page_details {float:right; margin-top:30px;}

/******* CONTACT LIST ********/
ul.contact_list {list-style-type:none; margin:10px;}
ul.contact_list li {padding:5px;}
#msn-chat {margin:10px 0px 10px 50px;}



fieldset#service_list label {padding:6px; width:500px;}
fieldset#service_list label:hover{ background-color:#d1ea86; cursor:pointer;}
fieldset#service_list input:hover{ text-decoration:none;}

span.input_span {padding:0px 30px 0px 0px;}
.input_red {border:1px solid #ff0000;}
.display_green_arrow {background: url('input-green-arrow.png') right center no-repeat;}
.display_red_arrow {background: url('input-red-arrow.png') right center no-repeat; }


/******* HOSTING TABLE ********/
.hosting_table {width:100%; margin-top:10px;}
.hosting_table th {padding:8px; background-color:#333; color:#fff;}
.hosting_table td { padding:8px;}
.hosting_table tr:hover { background-color:#dbd5bb; cursor:default;}
.domains_table td { text-align:center;}
.stripy_table {background-color:#fff;}


/******** BUTTONS ***********/
a#page_top, a#page_back {
	width:95px; 
	height:28px; 
	background:url('button-page-top.png'); 
	display:block;
	padding:10px 0px 0px 35px; 
	margin:25px 3px 5px 0px;
	float:left; 
	font-size:10pt;}
	
a#page_top:hover, a#page_back:hover {color:#aa1111;;}
a#page_back {background:url('button-page-back.png'); }

a.request_offer { width:233px; height:88px; border:10px; background:url('button-offer-request.png'); text-indent:-1300px; display:block; margin:20px 20px 20px 40px;}

/******** SPECIAL ***********/
p.box_special {padding:0px 10px 10px 10px; background:#474747; color:#fff; width:320px;}
h3.box_special {background:url('box-special-top.png') no-repeat; padding:10px 10px 0px 10px;}

/******** EXTRADESIGN.CSS ***********/
.div_slide { height:400px; width:100%; background-color:#000;}
p.domain_status_true, p.domain_status_false {padding:5px; margin:10px 0px 10px 0px; text-indent:25px; background:url('domain-name-true.png') no-repeat 3px 6px;}
p.domain_status_false {background:url('domain-name-false.png') no-repeat 3px 6px;}
div.domain_check { background:url('domain-check-top.png') no-repeat center top #fff; padding:10px; margin:10px 0px 10px 0px;}
label.domain_name, label.domain_select {display:block; float:left;}
.validation {font-size:14px;}

#header_pic {position:absolute; top:0px; left:0px;}

div.header_open_cont {position: absolute; top:100px; left:20px;}
a.header_close_btn_up {background:url('header_close_btn_up.png'); height:60px; width:50px;}
a.header_close_btn_down {background:url('header_close_btn_down.png') no-repeat left top !important;}

.close_header {display:none;}
.close_content {padding-top:20px !important;}

div#headerCloseBtn, div.headerOpenBtn {position: absolute; top:170px; left:0px; background:url('header-close-btn-up.png') 0px center; height:40px; width:50px; cursor:pointer;}
.headerOpenBtn {top:20px !important; background:url('header-close-btn-down.png') !important;}
/******** TOOLTIP.CSS ***********/
a:link, a:visited {position:relative; z-index:1;}
.tooltip {display:block;	font-size:smaller;	left:0;padding:5px;position:absolute;text-decoration:none;top:1.7em;width:15em;background-color:#fff;	color:#000000;}
