
/* General */

body {
	background-image: url("/images/bg.jpg");
	background-repeat: repeat-x;
	background-color: #fff;
	margin: 0;
	padding: 0;
	font-family: "trebuchet ms", arial, verdana, helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	text-align: center;
	line-height: 1.2em;
}

#container {
	background-image: url("/images/bg_shape.jpg");
	background-repeat: no-repeat;
	background-position: center 118px;
	border-bottom: 14px solid #7E8980;
	min-width: 950px;
}

#main {
	text-align: left;
	width: 924px;
	margin: 0 auto;
	position: relative;
}

#content {
	float: left;
	width: 100%;
	margin-bottom: 1em;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

p {
	margin: 1em 0;
}

a img {
	border: none;
}

ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

li {
	margin:  0;
	padding: 0;
}


/* Header */

#header {
	height: 129px;
	position: relative;
}

#header h1 {
	margin: 0 0 0 14px;
	width: 285px;
	height: 129px;
	background-image: url("/images/domain_distribution_logo.gif");
	background-repeat: no-repeat;
}

#header h1 a {
	width: 285px;
	height: 129px;
	display: block;
}

#header h1 span {
	display: none;
}


/* Main Menu */

#main_menu {
	position: absolute;
	top: 50px;
	left: 332px;
}

#main_menu li {
	float: left;
}

#main_menu span {
	display: none;
}

#main_menu a {
	display: block;
	background-image: url("/images/main_menu.png");
	background-repeat: no-repeat;
	height: 56px;
	color: #333;	
}

#main_menu a.active {
	background-image: url("/images/main_menu_on.png");
}

#main_menu a.active:hover {
	cursor: default;
}

li#home_nav a {
	background-position: 0 top;
	width: 129px;
}

li#home_nav a:hover {
	background-position: 0 bottom;
}

li#portfolio_nav a {
	width: 207px;
	background-position: -129px top;
}

li#portfolio_nav a:hover {
	width: 207px;
	background-position: -129px bottom;
}

li#distribution_nav a {
	background-position: -336px top;
	width: 241px;
}

li#distribution_nav a:hover {
	background-position: -336px bottom;
}


/* Sub Menu */

#sub_menu {
	background-image: url("/images/sub_menu_bg.png");
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 500px;
	width:  212px;
	height: 28px;
	font-family: arial, verdana, helvetica, sans-serif;
}

#sub_menu li {
	float: left;
	padding: 0 0.3em;
}

#sub_menu a {
	padding: 0.5em 1.4em 0.8em 1.4em;
	display: block;
	color: #e5e5e5;
	text-decoration: none;
}

#sub_menu a:hover {
	text-decoration: underline;
}


/* Footer */

#footer {
	width: 100%;
	clear: both;
	color: #637465;
	border-top: 1px solid #e5e5e5;
	padding: 1.4em 0;
}

#footer a {
	color: #637465;
	text-decoration: none;
}

#footer a:hover {
	color: #000;
	text-decoration: underline;
}

#footer_nav {
	padding-right: 1.8em;
	float: right;
}

#footer_copyright {
	padding-left: 1.8em;
}

#footer_nav a {
	margin: 0 0.4em;
}


/* Headers */

.hdr span {
	display: none;
}


/* Main Headers */

h2.hdr {
	background-image: url("/images/main_headers.png");
	background-repeat: no-repeat;
	height: 52px;
}

h2.hdr.ddn {
	width: 388px;
}

h2.hdr.owners {
	width: 234px;
	background-position: left -52px;	
}

h2.hdr.partners {
	width: 282px;
	background-position: left -104px;
}


/* Sub Headers */

h4.hdr {
	background-image: url("/images/sub_headers.png");
	background-repeat: no-repeat;
	height: 25px;
	width: 250px;
}

h4.hdr.ddn {
	background-position: left 0;
}

h4.hdr.partners {
	background-position: left -25px;
}

h4.hdr.registrars {
	background-position: left -50px;
}

h4.hdr.features {
	background-position: left -75px;
}

h4.hdr.benefits {
	background-position: left -100px;
}


/* Boxes */

.box {
	font-size: 16px;
	line-height: 1.3em;
}

.box.lg {
	width: 896px;
	height: 571px;
	margin: 13px 0 2em 14px;
	position: relative;	
	background-repeat: no-repeat;
}

.box.sm {
	width: 466px;
	height: 321px;
	background-image: url("/images/small_box.png") !important;
	background-image: url("/images/small_box_alt.png");
}

.box .hdr {
	margin-bottom: 1.4em;
}

.box h2, .box h3 {
	font-size: 16px;
	font-weight: normal;
	margin: 0 auto;
	line-height: 1.2em;
}

.box .content h3, .box .overview h3 {
	color: #000;
}

.box .outline h3 {
	color: #fff;
}

.box.lg h3, .box.lg p.blurb {
	padding-left: 4px;
}

.box .blurb {
	margin-bottom: 1.1em;
}

.box.lg .overview {
	width: 394px;
}

.box.lg .outline {
	width: 488px;
	position: absolute;
	right: 12px;
	top: 18px;
	color: #fff;
}

.box.lg .content {
	margin: 0 32px;
	padding: 53px 12px 0 12px;
}

.box.sm .content {
	margin: 0 37px;
	padding: 53px 27px 0 27px;
}

.box .content {
	background-image: url("/images/box_divider.png");
	background-repeat: repeat-x;
	background-position: left 36px;
	color: #686868;
}


/* Additional Info */

.additional {
	padding-left: 14px;
	float: left;
	margin-bottom: 1em;
}

.additional h4.hdr {
	margin-left: 16px;
}

.additional ul {
	margin-top: 1em;
	width: 896px;
	height: 160px;
	background-image: url("/images/additional_info_bg.png");
	background-repeat: no-repeat;
	float: left;
}

.additional li {
	width: 185px;
	margin: 0 19px 0 19px;
	padding-top: 1.7em;
	float: left;
	font-size: 12px;
	color: #686868;
	display: inline;
}

.additional h5 {
	font-size: 15px;
	font-weight: normal;
	color: #000;
	padding: 1px 0 3px 23px;
	position: relative;
	left: -2px;
	background-image: url("/images/hdr_blt.png");
	background-repeat: no-repeat;
	background-position: left top;
}

.additional p {
	margin: 1.2em 0 0 0;
}


/* Logos */

.logos {
	padding-top: 2em;
	margin-bottom: 1.4em;
	background-image: url("/images/logos_hdr_bg.png") !important;
	background-image: url("/images/logos_hdr_bg.gif");
	background-repeat: no-repeat;
	background-position: left 30px;
	width: 100%;
	clear: both;
}

.logos h4 {
	margin: 0 0 0 30px;
	width: 250px;
	height: 25px;
}

.logos .content {
	padding-top: 40px;
}

.logos p {
	margin: 0 0 0 30px;
}


/* Learn More Buttons */

a.btn_more {
	background-image: url("/images/btn_learn_more.png");
	background-repeat: no-repeat;
	display: block;
	width: 146px;
	height: 46px;
}

a.btn_more:hover {
	background-position: left -46px;
}

a.btn_more.alt {
	background-position: -146px 0;
}

a.btn_more.alt:hover {
	background-position: -146px -46px;
}

a.btn_more span {
	display: none;
}

