/* 
================
DDoS Hosting Solutions Main Stylesheet
Coded by Bob	
================
*/

/* Reset */
* {
	margin: 0;
	padding: 0;
	outline: 0;
}

/* Global Elements */
body{
	background: #f3f3f3 url(../images/bg.jpg) no-repeat top center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7c7c7c;
	text-align: center;
}

img{
	border: 0;
}	

#wrapper{
	width: 992px;
	margin: 0px auto 0px auto;
	text-align: left;
}

#content-t{
	background: url(../images/wrapper-t.png) no-repeat;
	width: 992px;
	height: 12px;
	margin: 10px 0 0 0;
}

#content{
	background: url(../images/wrapper-bg.png) repeat-y;
	width: 992px;
	padding: 0 0 10px 0;
}

#content-b{
	background: url(../images/wrapper-b.png) no-repeat;
	width: 992px;
	height: 12px;
	margin: 0 0 20px 0;
}	

#left{
	float: left;
	width: 230px;
	padding: 15px 0px 0px 24px;
}	

#right{
	float: right;
	width: 720px;
	padding: 2px 14px 0px 0px;
}

.clear{
	clear: both;
}	

/* Header */
#logo{
	float: left;
	background: url(../images/logo.jpg) no-repeat;
	width: 306px;
	height: 112px;
}	

#support{
	float: right;
	width: 370px;
	padding: 40px 0px 0px 0px;
}

#support ul{
	list-style-type: none;
}

#support ul li{
	float: left;
	color: #424242;
}

#support ul li.under-ddos{
	background: url(../images/live-support-icon.jpg) no-repeat 1px 5px;
	padding: 5px 17px 7px 25px;
	font-weight: bold;
	border-right: 1px solid #dcdcdc;
}	

#support ul li.under-ddos a{
	color: #919191;
	text-decoration: none;
	color: #424242;
}

#support ul li.under-ddos a:hover{
	text-decoration: underline;
}	

#support ul li.support{
	background: url(../images/support-icon.png) no-repeat 1px 5px;
	color: #919191;
	padding: 4px 17px 8px 24px;
	margin: 0px 0px 0px 17px;
	border-right: 1px solid #dcdcdc;
}	

#support ul li.support a{
	color: #919191;
	text-decoration: none;
}	

#support ul li.support a:hover{
	color: #a6a5a5;
}

#support ul li.livechat{
	background: url(../images/livesupport.png) no-repeat 1px 2px;
	color: #919191;
	padding: 3px 0px 4px 24px;
	margin: 0px 0px 0px 17px;
}	

#support ul li.livechat a{
	color: #919191;
	text-decoration: none;
}	

#support ul li.livechat a:hover{
	color: #a6a5a5;
}

#support form{
	float: right;
	clear: left;
}
	
#support input{
	float: left;
	width: 255px;
	border: 1px solid #c4c4c4;
	margin: 14px 0px 0px 0px;
	padding: 6px;
	color: #c4c4c4;
	font-style: italic;
}	

#support input:hover,#support input:focus{
	border: 1px solid #d2d2d2;
	outline: 0;
}	

#support input.submit{
	width: 26px;
	height: 29px;
	border: 0;
	margin: 14px 0px 0px 5px;
	padding: 0;
}	

/* Navigation */
#menu {
	background: url(../images/nav-bg.png) repeat-x;
	height: 46px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 13px;
}

#menu-l{
	float:left;
	width:6px;
	height:46px;
}

#menu-r{
	float: right;
	width:6px;
	height:46px;
}	

#menu ul {
	list-style-type: none;		
	margin: 0px 0px 0px 10px;
}

#menu ul li {
	float: left;
	height: 46px;	
	text-shadow: #3e679a 1px 1px 0px;	
}

#menu ul li.sep{
	background: url(../images/nav-sep.png) no-repeat;
	width: 2px;
}
			
#menu ul li.active{
	border: 0;
}
			
#menu ul li a {
	display: block;
	padding: 16px 20px 12px 20px;
	color: #fff;	
	text-decoration: none;
        outline: none;
}

#menu ul li.active a,
#menu ul li.active a:hover{
	background: #5b98e3 url(../images/nav-h.png) repeat-x;
	color: #fff;
	padding: 16px 19px 14px 19px;
	text-shadow: #3e679a 1px 1px 0px;
}

#menu ul li a:hover{
	background: #5b98e3 url(../images/nav-h.png) repeat-x;
	padding: 16px 20px 14px 20px;
	color: #fff;
	text-shadow: #3e679a 1px 1px 0px;	
}


	
.first{
	border-left: 0 !important;
}	

.last{
	background: #5485c0;
	width: 1px;
	margin: 0;
	padding: 0;
	border: 0 !important;
}

/* Register */
#register{
	padding: 0px 0px 31px 0px;
	border-bottom: 1px solid #c9c9c9;
}

#register h1{
	background: url(../images/register-domain-icon.png) no-repeat 0px 0px;
	font-size: 15px;
	font-weight: bold;
	color: #383838;
	padding: 0px 0px 0px 26px;
}	

#register p{
	color: #7c7c7c;
	padding: 4px 0px 0px 0px;
}

#register input.domain{
	width: 210px;
	border: 1px solid #c4c4c4;
	margin: 14px 0px 18px 0px;
	padding: 6px;
	color: #AFAFAF;
	font-style: italic;
}

#register input.tld1{
	margin: 0 0 0 20px;
}

#register input.submit{
	margin: 0 0 0 18px;
}	

#register input.domain:hover,#register input.domain:focus{
	border: 1px solid #d2d2d2;
	outline: 0;
}	

#register input.tld2{
	margin: 0px 0px 0px 23px;
}	

#register input.tld3{
	margin: 0px 0px 0px 24px;
}	

#register span{
	color: #787878;
	font-weight: bold;
	padding: 0px 0px 0px 5px;
	position: relative;
	bottom: 2px;
}

#register-options{
	background: url(../images/register-options.png) no-repeat;
	width: 185px;
	height: 29px;
	margin: 16px 0px 18px 15px;
	text-align: center;
}	

#register-options p{
	font-family: Georgia, serif;
	font-size: 11px;
	color: #353535;
	padding: 7px 0px 0px 0px;
}

#register-options p a{
	color: #353535;
	text-decoration: underline;
}

#register-options p a:hover{
	text-decoration: none;
}	

/* Testimonials */
#testimonials{
	border-top: 1px solid #fff;
	padding: 24px 0px 27px 0px;
}

#testimonials h2{
	font-size: 15px;
	font-weight: bold;
	color: #383838;
	margin: 0px 0px 8px 0px;
}	

#testimonials #quote-icon{
	float: left;
}

#testimonials p{
	font-family: Georgia, serif;
	font-size: 13px;
	font-style: italic;
	color: #4f4f4f;
	line-height: 23px;
	padding: 0px 5px 0px 0px;
}	

#testimonials p.customer{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #9e9e9e;	
	padding: 5px 0px 0px 0px;
}

/* DDHS Guard */
#product{
	padding: 32px 0px 32px 0px;
	border-top: 1px solid #f7f7f7;
}	

#product-sub{
	padding: 32px 0px 32px 0px;
	border-top: 1px solid #fff;
}

#ddhs-guard{
	background: url(../images/ddhs-guard.jpg) no-repeat;
	width: 222px;
	height: 246px;
	text-align: center;
}

#ddhs-guard-sub{
	background: url(../images/ddhs-guard-sub.jpg) no-repeat;
	width: 222px;
	height: 246px;
	text-align: center;
}

#ddhs-guard h3,
#ddhs-guard-sub h3{
	font-size: 15px;
	font-weight: bold;
	color: #225eaa;
	padding: 114px 0px 0px 0px;
}

#ddhs-guard p,
#ddhs-guard-sub p{
	color: #3d3d3d;
	padding: 9px 19px 0px 19px;
}	

#ddhs-guard a.more-info,
#ddhs-guard-sub a.more-info{
	background: url(../images/more-info.png) no-repeat 0 0;
	display: block; 
	width: 95px;
	height: 24px;
	margin: 13px auto 0px auto;
}

#ddhs-guard a:hover.more-info,
#ddhs-guard-sub a:hover.more-info{
	background-position: 0 -24px;
}

#ddhs-guard a.more-info span,
#ddhs-guard-sub a.more-info span{
	display: none;
}

/* Banner */
.banner-buttons{
	padding: 161px 0 0 45px;
}
	
.item-1{
	background: url(../images/banner1-bg.jpg) no-repeat;
	width: 720px;
	height: 240px;
}

.item-1 a.order{
	float: left;
	display: block;
	background: url(../images/banner1-ordernow.png) no-repeat;
	width: 149px;
	height: 35px;
	margin: 0 11px 0 0;
}

.item-1 a:hover.order{
	background: url(../images/banner1-ordernow-h.png) no-repeat;
}	

.item-1 a.moreinfo{
	float: left;
	display: block;
	background: url(../images/banner1-moreinfo.png) no-repeat;
	width: 218px;
	height: 35px;
}

.item-1 a:hover.moreinfo{
	background: url(../images/banner1-moreinfo-h.png) no-repeat;
}	

.item-2{
	background: url(../images/banner2-bg.jpg) no-repeat;
	width: 720px;
	height: 240px;
}

.item-2 a.order{
	float: left;
	display: block;
	background: url(../images/banner2-ordernow.png) no-repeat;
	width: 149px;
	height: 35px;
	margin: 0 11px 0 0;
}

.item-2 a:hover.order{
	background: url(../images/banner2-ordernow-h.png) no-repeat;
}	

.item-2 a.moreinfo{
	float: left;
	display: block;
	background: url(../images/banner2-moreinfo.png) no-repeat;
	width: 218px;
	height: 35px;
}

.item-2 a:hover.moreinfo{
	background: url(../images/banner2-moreinfo-h.png) no-repeat;
}	

.item-3{
	background: url(../images/banner3-bg.jpg) no-repeat;
	width: 720px;
	height: 240px;
}

.item-4{
	background: url(../images/banner4-bg.jpg) no-repeat;
	width: 720px;
	height: 240px;
}

#slideshow{
	background: url(../images/slideshow-bg.png) no-repeat;
	width: 720px;
	height: 31px;
}
	
#slideshow ul{
	list-style: none;
	margin: 0 0 0 615px;
}

#slideshow ul li{
	float: left;
	padding: 9px 0 9px 7px;
}

#slideshow ul li a{
	display: block;
	background: url(../images/slideshow-button.png) no-repeat;
	width: 13px;
	height: 13px;
}	

#slideshow ul li a.selected{
	background: url(../images/slideshow-button-selected.png) no-repeat;
}	
	
/* Plan Comparison - Plan names */
#comparison{
	background: url(../images/comparison-bg.png) no-repeat top left;
	width: 730px;
	min-height: 255px;
	margin: 23px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
}

#comparison h5{
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}	

#comparison .first{
		padding: 24px 0px 14px 36px;
}	

#comparison .second,#comparison .third{
		padding: 24px 0px 14px 17px;
}		

/* Plan Comparion - Plan info */
#comparison ul{
	list-style-type: none;
}

#comparison ul li{
	background: url(../images/bullet.gif) no-repeat 0px 6px;
	font-size: 13px;
	color: #292929;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 9px 0px;
}	

#plan1{
	float: left;
	background: url(../images/plan1.png) no-repeat;
	width: 248px;
	height: 53px;
}

#plan2{
	float: left;
	background: url(../images/plan2.png) no-repeat;
	width: 218px;
	height: 53px;
}	

#plan3{
	float: left;
	background: url(../images/plan3.png) no-repeat;
	width: 253px;
	height: 53px;
	padding: 0 0 0 5px;
}	

#plan1-desc{
	float: left;
	width: 242px;
	height: 53px;
	padding: 0 0 0 5px;
}

#plan1-desc ul{
	margin: 15px 0px 0px 34px;
}	

#plan2-desc{
	float: left;
	width: 219px;
	height: 53px;
	padding: 0 0 0 5px;
}	

#plan3-desc{
	float: left;
	width: 253px;
	height: 53px;
	padding: 0 0 0 5px;
}

#plan2-desc ul,#plan3-desc ul{
	margin: 15px 0px 0px 16px;
}	

/* Plan Comparison - Order */
#order{
	width: 730px;
}

#order p{
	font-size: 15px;
	color: #242424;
	padding: 11px 0px 23px 0px;
}	

#order p span{
	float: left;
	position: relative;
	top: 1px;
}	
	
#plan1-order{
	float: left;
	background: url(../images/plan1-order.png) no-repeat;
	width: 242px;
	height: 45px;
	padding: 0 0 0 5px;
}

#plan1-order p{
	padding: 13px 0px 23px 35px;
}	

#plan2-order{
	float: left;
	background: url(../images/plan2-order.png) no-repeat;
	width: 219px;
	height: 45px;
	padding: 0 0 0 5px;
}	

#plan3-order{
	float: left;
	background: url(../images/plan3-order.png) no-repeat;
	width: 253px;
	height: 45px;
	padding: 0 0 0 5px;
}

#plan2-order p,#plan3-order p{
	padding: 13px 0px 23px 17px;
}	

.arrow{
	float: left;
}	

a.order{
	background: url(../images/order.png) no-repeat 0 0;
	display: block; 
	width: 58px;
	height: 24px;
	float: left;
}

a.order span{
	display: none;
}

a:hover.order{
	background-position: 0 -24px;
}	

/* About Us */
#about{
	margin: 26px 0px 0px 0px;
	padding: 0px 15px 20px 25px;
}

#about h6{
	background: url(../images/about-icon.png) no-repeat 0px 1px;
	font-size: 15px;
	font-weight: bold;
	color: #383838;
	padding: 0px 0px 0px 24px;
}

#about p.info-important{
	font-size: 14px;
	color: #3e3e3e;
	padding: 10px 0px 0px 0px;
	line-height: 20px;
}	

#about p.info{
	font-size: 13px;
	color: #6c6c6c;
	padding: 8px 0px 0px 0px;
	line-height: 20px;
}

/* Footer */
#footer{
	background: #dedede url(../images/footer-bg.gif) repeat-x top;
	height: 175px;
	text-align: center;
}	

#footer-logo{
	margin: 27px 0px 0px 0px;
}

#footer p#links{
	color: #313131;
	font-size: 13px;
	padding: 20px 0px 0px 0px;
}

#footer p#links a{
	color: #313131;
	text-decoration: underline;
}

#footer p#links a:hover{
	text-decoration: none;
}	

#footer p#copyright{
	font-size: 13px;
	color: #6b6b6b;
	padding: 8px 0px 0px 0px;
}