@charset "UTF-8";

/* --------------------------------------------------------------
	CSS Reset
-------------------------------------------------------------- */

html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
pre, a, abbr, acronym, address, code, del, dfn, img, q, dl, dt, dd, 
ol, ul, li, fieldset, form, label, legend, caption, tbody, 
tfoot, thead, textarea, input {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}

:focus { outline: 0;}

/* --------------------------------------------------------------
	Layout
-------------------------------------------------------------- */

*, body, clear { margin: 0; padding: 0; }
html { font-size: 16px; height:101%; }

body {
	font: normal 62.5%/200% Helvetica, Arial, Geneva, sans-serif;
	color: #414042;
	background: #edebe0;
	}

#wrap { width:900px; margin: 0 auto; }
		
#header 		{ width: 100%; height: 220px; }
#header h1 		{ width: 900px; height: 180px; background: url(header.png) no-repeat; }
#header h1 a	{ width: 100px; height: 180px; margin-left: 400px; display:block; text-indent:-5000px; }	
		
#content	{ width: 100%; min-height: 300px; margin: 40px 0; }
#main 		{ width: 600px; margin-left:200px; float: left; }

#sidebar	{ width: 260px; float: right; }

.btn a			{ width: 260px; height: 70px; margin-bottom: 10px; display: block; }

#footer {
	width: 600px;
	margin-left:200px;
	height: 100px;
	padding-top: 10px;
	border-top: 1px solid #414042;
	}
	
.rwg1		{ width: 300px; margin-left:150px; float: left; }
.rwg2		{ margin-left:50px; float: left; }
/* --------------------------------------------------------------
	Columns
-------------------------------------------------------------- */	

.col 		{ width: 170px; min-height: 265px; padding: 55px 10px 10px 10px; margin-bottom: 10px; display: block; float: left; }
.top-mrg	{ margin-top: -10px; }


/* --------------------------------------------------------------
	Menu
-------------------------------------------------------------- */	

#menu { list-style-type: none; margin-left: 200px; }
#menu, #menu li a { height: 50px; overflow: hidden;}
#menu, #menu li, #menu li a { display: block; float: left;}
#menu li a { text-decoration: none; text-indent: -5000px; }	

/* Tab widths */
#menu li.home a 			{ width: 180px; }
#menu li.domain-names a		{ width: 180px; }
#menu li.web-hosting a		{ width: 180px; }

/* Tab start points  */
#menu li.home a.active,
#menu li.home a:hover 				{ background-position: -0px bottom; }
#menu li.domain-names a.active,
#menu li.domain-names a:hover 		{ background-position: -180px bottom; }
#menu li.web-hosting a.active,
#menu li.web-hosting a:hover 		{ background-position: -360px bottom; }

#menu,
#menu li a.active,
#menu li a:hover 			{ background: transparent url(menu.png) no-repeat left top; }

/* --------------------------------------------------------------
	Page Titles
-------------------------------------------------------------- */

h2 			{ text-indent:-5000px; width: 600px; height: 30px; margin-bottom: 20px; }

/* --------------------------------------------------------------
	Styles
-------------------------------------------------------------- */

h3		{ font-size: 1.7em; margin-bottom: 20px; line-height: 140%; }
h4 		{ font-size: 1.8em; margin-bottom: 10px; color: #72b84c; font-weight: bold; }
h5 		{ font-size: 1.5em; margin-bottom: 10px; color: #00a79d; }
.dark	{ color: #414042; }
.thin	{ font-weight: normal; }
img		{ margin: 0; padding: 0; }	
p		{ font-size:1.3em; margin-bottom:15px; }
table, td, tr { font-size:1.1em; margin-bottom:15px; }
tr {
	height: 25px;
}
td {
	padding-right:5px;
}
em 		{ font-style: oblique; }
strong 	{ font-weight: normal; color: #000; }
small	{ font-size: 1em; }
a 		{ color: #00a79d; text-decoration: none; }
a:hover { color: #00a79d; text-decoration: underline; }

hr 		{ color: #888; background: #999; border: 0; height: 1px; margin: 30px 0; }
.clear	{ clear: both; }
.left	{ float: left; }
.right	{ float: right; }

ul.bp { 
	font-size: 1.3em; 
	line-height: 1.2em;
	list-style-type: none;  
	padding-left: 15px;
	}
	
ul.bp li { margin-bottom: 10px; }

.error_message {
	color: red;
}
.success_message {
	color: green;
}
.submit_button {
	padding: 3px;
	background: #13a89e;
	color: white;
}
.link_color {
	color: #00a79d;
	text-decoration: none;
}