/* Coding by Josh Craddock & StartedWith100.com */

* { margin: 0; padding: 0; }

.clear { clear: both; }

body {
background: #ececec;
border-top: 10px solid #ececec;
}

#maincontainer {
width: 764px;
margin: 0 auto;
margin-top: 100px;
padding-bottom: 10px;
}

#wrap {
width: 764px;
position: relative;
}

#navigation {
height: 47px;
font: bold 15px Arial, Helvetica, sans-serif;
float: left;
margin-left: 10px;
display: inline;
}
	#navigation li {
	height: 47px;
	line-height: 49px;
	list-style: none;
	display: block;
	float: left;
	background: url(images/orange-left.png) no-repeat left;
	padding-left: 20px;
	margin-right: 8px;
	border-bottom: 1px solid #bd3e00;
	}
	
	#navigation li span {
	background: url(images/orange-right.png) no-repeat right;
	height: 47px;
	display: block;
	padding-right: 20px;
	}
		
	li#active {
	height: 47px;
	line-height: 49px;
	list-style: none;
	display: block;
	float: left;
	background: url(images/leftactive.png) no-repeat left #FFFFFF;
	padding-left: 20px;
	border-bottom: 1px solid #FFFFFF;
	}
	
	li#active span {
	background: url(images/rightactive.png) no-repeat right;
	height: 47px;
	display: block;
	padding-right: 20px;
	}
	
	#navigation a { outline: none; color: #FFFFFF; display: block; text-decoration: none; cursor: pointer; }
	#navigation a:hover { text-decoration: underline; }
		
	li#active a { color: #c74b00 !important; }
	li#active a:hover { text-decoration: none; }

#logo {
position: absolute;
right: 0;
font: normal 11px Georgia, "Times New Roman", Times, serif;
font-style: italic;
display: inline;
color: #6c6c6c;
line-height: 47px;
}
	#logo h1 { font: bold 15px Georgia, "Times New Roman", Times, serif; color: #c74b00; display: inline; }
	#logo h1 span { color: #6c6c6c; }
	#logo h1 a { color: #c74b00; text-decoration: none; }
	#logo h1 span a { color: #6c6c6c; }

#main {
width: 764px;
background: url(images/contentbackground.png) repeat-y;
}
	#top { width: 764px; height: 6px; background: url(images/contenttop.png) no-repeat; overflow: hidden; }
	#bottom { width: 764px; height: 6px; background: url(images/contenttbottom.png) no-repeat; overflow: hidden; }
	
	#text { padding: 10px 16px 4px 16px; }
	#welcome { float: left; width: 340px; }
		#welcome h1 { font: bold 15px Arial, Helvetica, sans-serif; color: #c74b00; }
		#welcome p { font: normal 11px Arial, Helvetica, sans-serif; line-height: 20px; color: #6c6c6c; margin-top: 6px; }
		#welcome p a { color: #c74b00; }
	#video { float: right; }


#footer {
font: bold 10px Arial, Helvetica, sans-serif;
color: #6c6c6c;
padding: 10px 0 0 0;
}
	#footer-left { float: left; }
	#footer-left a { color: #6c6c6c; text-decoration: none; }
	#footer-left a:hover { text-decoration: underline; }
	#footer-right { float: right; }
	#footer-right li { list-style: none; float: left; }
	#footer-right span { margin: 0 3px; }
	#footer-right a { color: #6c6c6c; text-decoration: none; }
	#footer-right a:hover { color: #c74b00; text-decoration: underline; }


/* My Account */

#secondnav {
border: 2px solid #ececec;
height: 22px;
padding: 10px 10px 0 10px;
color: #6c6c6c;
font: bold 11px Arial, Helvetica, sans-serif;
text-transform: uppercase;
margin-top: 1px;
}
	#secondnav ul { float: right; }
	#secondnav li { list-style: none; display: inline; }
	#secondnav li a, #secondnav li input { display: inline; background: none; color: #6c6c6c; text-decoration: none; }
	#secondnav li a:hover { text-decoration: underline; }
	#secondnav-l { float: left; }

.domain {
width: 732px;
border-bottom: 2px dotted #ececec;
font: bold 12px Arial, Helvetica, sans-serif;
color: #6c6c6c;
margin-top: 16px;
padding-bottom: 16px;
}

.number, .checkbox {
float: left;
width: 30px;
}

.domainlist { 
float: left;
font-weight: normal;
}
	.domainlist li { list-style: none; margin-bottom: 10px;}
	.domainlist li span { font-weight: bold; text-transform: uppercase; color: #c74b00; }

#in { float: left; margin-right: 16px; }
#none { margin-bottom: 0; }

.export { margin-top: 16px; } 
.export h2 { font: bold 14px Arial, Helvetica, sans-serif; color: #c74b00; float: left; }
.export h2 small { font: normal 10px Arial, Helvetica, sans-serif; color: #6c6c6c; }
.ta { width: 702px; border: 2px solid #ececec; height: 180px; margin-top: 16px; font: bold 15px Arial, Helvetica, sans-serif; line-height: 24px; color: #6c6c6c; padding: 10px 13px; }

#exportright { float: right; }
#loading { float: left; background: url(images/ajax-loader.gif) no-repeat; width: 16px; height: 16px; margin: 3px 13px 0 0; }
#loading span { display: none; }

#bottom-my p {
font: normal 10px Arial, Helvetica, sans-serif;
color: #6c6c6c;
margin-top: 16px;
margin-bottom: 6px;
}

#bottom-my p a { color: #6c6c6c; }

.domain-left { float: left; }
.domain-right { 
float: right;
font: bold 11px Arial, Helvetica, sans-serif;
text-transform: uppercase;
line-height: 15px;
}
	.domain-right li { list-style: none; float: left; margin-left: 16px; }
	.domain-right img { margin-right: 3px; }
	
	.domain-right li a { color: #c74b00; text-decoration: none; }
	.domain-right li a:hover { text-decoration: underline; }
	
	
	/*Reg*/

.block {
border-bottom: 2px dotted #ececec;
font: bold 12px Arial, Helvetica, sans-serif;
color: #6c6c6c;
margin-top: 16px;
padding-bottom: 16px;
}

.block label { font: normal 12px Arial, Helvetica, sans-serif; display: block; }


.inputbar { 
border: 2px solid #ececec;
height: 20px;
font: bold 11px Arial, Helvetica, sans-serif;
color: #c74b00;
padding: 8px 8px 0 8px;
margin-bottom: 16px;
margin-top: 3px;
width: 160px;
}

.taa { width: 702px; border: 2px solid #ececec; height: 180px; margin: 3px 0 16px 0; font: bold 15px Arial, Helvetica, sans-serif; line-height: 24px; color: #6c6c6c; padding: 10px 13px; }

.lo { width: 200px; float: left; }
.lo select { margin-right: 8px; }

.domain a { color: #c74b00; }

/*Contact*/
#send-left { float: left; width: 200px; }
#send-right { float: right; width: 200px; text-align: right; margin-top: 3px; }

/*Error*/
.error ul {
border: 2px solid #ececec;
border-top: 0;
padding: 10px 10px 0 10px;
color: #6c6c6c;
font: bold 11px Arial, Helvetica, sans-serif;
text-transform: uppercase;
margin-top: 1px;
}

.error li { list-style: inside; margin-bottom: 10px; }

/* Orange Links */
a.orange {
	text-decoration: underline;
	color: #c74b00;
}
a.orange:hover {
	text-decoration: none;
}

#select {
font: normal 10px Arial, Helvetica, sans-serif;
color: #6c6c6c;
margin-top: 16px;
padding-bottom: 16px;
border-bottom: 2px dotted #ececec;
}
	#select-left { float: left; }
	#select-right { float: right; }
	#select a { color: #6c6c6c; text-decoration: none; }
	#select a:hover { text-decoration: underline; }

#stats {
float: right;
margin-top: 10px;
}

#statsT { font-size: 36px; color: #c74b00; }

#details li {
	list-style: none;
	line-height: 16px;
	font-weight: normal;
	margin-bottom: 16px;
	}
	.detailsimage { float: left; margin-right: 10px; }