/* HTML ELEMENTS */

body {
	background: #dadfe9 url(../img/index/body.gif) 0 0 repeat-x;
	color: #000;
	margin: 0;
	padding: 0;
	font-size: 62.5%;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

h1 {
	font-size: 2.5em;
	margin: 0;
	padding: 18px 18px 0;
	color: #df7404;
	font-weight: 400;
}

h2 {
	font-size: 1.6em;
	margin: 0;
	padding: 12px 18px 0;
	color: #ca4c3c;
}


h3 {
	font-size: 1.4em;
	margin: 0;
	padding: 12px 18px 0;
	color: #000;
}


p {
	font-size: 1.4em;
	margin: 0;
	padding: 12px 18px 0;
	line-height: 1.5;
}

a {
	color: #3e5a7e;
}

a:hover, a:visited:hover {
	color: #000;
}

/* LAYOUT ELEMENTS */

div#wrapper {
	position:relative;
	width: 768px;
	margin: 40px auto;
	background: url(../img/index/wrapper.gif) 0 0 repeat-y;
	color: #333;
}


div#header {
	position: relative;
	text-align: left;
	height: 101px;
	background: url(../img/index/header.gif) 0 0 no-repeat;
	width: 768px;
}


div#header h1 {
	position: absolute;
	font-size: 12px;
	left: -999em;
}

div#header p {
	position: absolute;
	font-size: 10px;
	left: -999em;
}

div#header ul#utility_nav {
	position: absolute;
	margin: 0;
	padding: 0;
	height: 20px;
	top: 10px;
	right: 12px;
}

div#header ul#utility_nav li {
	margin: 0 12px 0 0;
	padding: 0 12px 0 0;
	list-style: none;
	float: left;
	background: url(../img/index/rr.gif) right center no-repeat; 
	color: #777;
}

div#header ul#utility_nav li a { color: #777; }
div#header ul#utility_nav li a:hover, div#header ul#utility_nav li a:visited:hover { color: #000; }

div#header ul#nav_index_ez {
	position: relative;
	margin: 0;
	padding: 0;
	height: 29px;
	top: 101px;
	left: 3px;
}

div#header ul#nav_index_ez li {
	display: block;
	padding: 0;
	margin: 0;
	float: left;
	width: 191px;
	height: 29px;
	list-style: none;
}

div#header ul#nav_index_ez a {
	padding: 0;
	margin: 0;
	display: block;
	width: 100%;
	height: 100%;
}

div#header ul#nav_index_ez a#nav_09 { background: url(../img/index/nav_09.gif) 0 -29px no-repeat; }
div#header ul#nav_index_ez a#nav_10 { background: url(../img/index/nav_10.gif) 0 -29px no-repeat; }
div#header ul#nav_index_ez a#nav_11 { background: url(../img/index/nav_11.gif) 0 -29px no-repeat; }
div#header ul#nav_index_ez a#nav_12 { background: url(../img/index/nav_12.gif) 0 -29px no-repeat; }

div#header ul#nav_index_ez a:hover, div#header ul#nav_index_ez a:visited:hover { background-position: 0 0 !important; }
div#header ul#nav_index_ez a em { position: absolute; left: -999em; }


div#content {
	background: url(../img/index/wrapper.gif) 0 0 repeat-y;
	text-align: left;
}

div#content_non_index {
	padding: 30px 0 0 0;
	border-bottom: 1px solid #111;
	min-height: 400px;
	height: auto !important;
	height: 400px;
}

div#content div#content_index {
	position:relative;
	width: 768px;
	height: 339px;
	margin: 29px 0 0 0;
	padding: 0;
	text-align: left;
	color: #fff;
	background: url(../img/index/center.jpg) 0 0 no-repeat;
}

div#content div#content_index h1 {
	position: absolute;
	left: -999em;
	font-size: 12px;
}

div#content div#content_index h2 {
	position: absolute;
	font-size: 11px;
	left: -999em;
}

div#content div#content_index p {
	position: absolute;
	left: -999em;
	font-size: 10px;
	width: 400px;
}


div#get_started {
	position: absolute;
	width: 758px;
	height: 292px;
	left: 5px;
	top: 3px;
}

div#get_started a {
	display: block;
	width: 100%;
	height: 100%;
}

div#form {
	text-align: center;
}

div#formlike {
	text-align: left;
	margin: 20px auto;
	width: 600px;
	background: #fff url(../img/fade_tall.gif) left bottom repeat-x;
	padding: 20px;
	border: 6px solid #aaa;
}

div#formlike ol#ol_register li {
	font-size: 1.4em;
	padding: 6px;
}

form {
	margin: 12px 18px 24px;
	background: #fff url(../img/fade_tall.gif) left bottom repeat-x;
	padding: 20px;
	height:300px;
	border: 6px solid #aaa;
}

form div {
	text-align: right;
	margin: 8px 0 0;
	font-size: 1.4em;
	border-bottom: 1px solid #eee;
	height: 2.3em;
	line-height: 2.3em;
}

form label span {
	display: block;
	float: left;
	height: 2.3em;
	line-height: 2.3em;
	width: 250px;
	padding: 0 5px;
}

form input {
	margin-right: 50px;
	width: 250px;
	font-size: 1.4em;
}

form input.submit {
	width: auto;
}

form h3 {
	font-size: 1em;
	margin: 0;
	padding: 2px 2px 2px 6px;
	text-align: left;
}

form p {
	text-align: left;
	padding: 12px 0;
}

p.em {
	font-style: italic;
}

div.clear {
	clear: both;
	float: none;
}

div#footer {
	width: 768px;
	position:relative;
	color: #444;
	text-align: center;
	margin: 0 auto;
}

div#footer a { color: #444; }
div#footer p { font-size:1em; padding: 0; }
p.error { color: #f00; font-weight: 700; }
div#address, div#hours { display: none; }


div#portfolio div.item {
	min-height: 180px;
	height: auto !important;
	height: 180px;
	margin: 12px;
	padding: 0 0 20px 0;
	border: 1px solid #ccc;
	background: #fff url(../img/fade_tall.gif) left bottom repeat-x;
}

div#portfolio div.item p {
	padding: 20px 12px 0 12px;
	margin: 0 0 0 230px;
}

div#portfolio div.item h3 {
	margin: 12px 0 0 233px;
	padding: 0;
}

div#portfolio div.item h3 a {
	text-decoration: none;
	display: block;
	height: 100%;
	background: #002374;
	color: #fff;
	padding: 4px;
	margin: 12px 12px 0 0;
}

div#portfolio div.item h3 a:hover,
div#portfolio div.item h3 a:visited:hover {
	color: #ca4c3c;
	background: #000;
}

div#portfolio div.item img {
	float: left;
	border: 1px solid #ccc;
	background: #fff;
	padding: 3px;
	margin: 12px 20px 12px 12px;
}


div#bottom {
	position: relative;
	width: 768px;
	height: 142px;
	background: #cc9 url(../img/index/bottom.gif) 0 0 no-repeat;
}

div#bottom div {
	position: absolute;
	width: 225px;
	height: 110px;
	top: 15px;
	text-align: left;
	font-size: 10px;
	line-height: 1.5;
	overflow: auto;
}

div#bottom div#expl_newsletter {
	left: 15px;
}

div#bottom div#expl_med_articl {
	left: 270px;
}

div#bottom div#expl_frst_month {
	left: 525px;
}

div#bottom div#create_website {
	position: absolute;
	right: 11px;
	top: 113px;
	background: url(../img/index/create_website.gif) 0 0 no-repeat;
	width: 109px;
	height: 15px;
}

div#bottom div#create_website a {
	display: block;
	height: 100%;
	width: 100%;
}

table#billing { border-collapse: collapse; margin: 10px; font-size: 1em; }
table#billing td,table#billing th { border: 1px solid #ccc; padding: 2px 4px; }
table#billing th.minor { width: 70px; }
table#billing th span { color: #009; cursor: pointer; }
table#billing input { width: auto; }
table#billing tr.odd { background: #efe; }
table#billing tr.evn { background: #ffe; }
table#billing tr:hover { background: #eda; }
table#billing .title { text-align: left; }
table#billing td a { text-decoration: none; display: block; width: 100%; }
table#billing td a:hover,table#billing td a:visited:hover { background: #f60; color: #fff; }
table#billing th#col_active { width: 95px; }
table#billing th#col_billed { width: 85px; }