html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; }
table { border-collapse: separate; border-spacing: 0; }
blockquote, q { quotes: "" ""; }
a img { border: none; }

/* Typography */
body { background: #58595b; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; line-height: 16px; }

h1, h2, h3, h4, h5	{ color: #4990cd; font-weight: bold; }
h1 { font-size: 24px; padding: 0 0 6px 0; }
h2 { font-size: 16px; padding: 6px 0 6px 0; color: #58595b; }
h3 { font-size: 14px; padding: 6px 0 6px 0; }
h4 { font-size: 12px; padding: 6px 0 6px 0; color: #58595b; }
h5 { font-size: 10px; padding: 6px 0 6px 0; }

p { font-size: 12px; line-height: 18px; padding: 6px 0 6px 0; color: #444; }
p.introduction { font-size: 14px; line-height: 20px; color: #666; }
p.validation_entry { background: url(../graphics/symbols/error_fffdb3.jpg); background-repeat: no-repeat; padding: 0 0 0 30px; line-height: 20px; margin: 2px; }
p.check_entry { background: url(../graphics/symbols/check_fffdb3.jpg); background-repeat: no-repeat; padding: 0 0 0 30px; line-height: 20px; margin: 2px; }
a:focus, a:hover { color: #000; }

a { color: #4990cd; text-decoration: none; }
a:hover { color: #a1bee4; text-decoration: underline; }

blockquote { background: url(../graphics/quote.jpg) no-repeat; padding: 0 0 0 40px; margin: 12px 12px 12px 12px; }
blockquote p { font-size: 16px; line-height: 22px; color: #666; }

pre, code, tt { font-family: "andale mono", "lucida console", monospace; }

.bold { font-weight: bold; }
.bolditalic { font-weight: bold; font-style: italic; }
.italic { font-style: italic; }
.red { color: red; }
.green { color: green; }
.blue { color: #4990cd; }
.grey { color: #999; }
.center { text-align: center; }

/* Layout */
#container
{ 
	width: 900px;
	margin: 0 auto;
} 

#header { background: #58595b; padding: 40px 40px 40px 40px; }
#header p { padding: 0; }
#logotype { float: left; font-size: 22px; color: #fff; font-weight: bold; }
#top_navigation { float: right; }
#banner { background: #fff; margin: 0; padding: 0; }
#navigation { margin: 10px 0 0 0; height: 40px; background: #4990cd url(../graphics/navigation_bg.jpg) repeat-x; }
#navigation div.inner { padding: 0 20px 0 20px; }

#navigation ul { margin: 0; padding: 5px; list-style: none; }
#navigation li {  margin: 0; padding: 0 0 0 15px; display: inline; font-size: 12px; }
#navigation a { color: #fff; }
#navigation a.active { color: #a1bee4; font-weight: bold; }
#navigation a:hover { color: #a1bee4; text-decoration: none; }
/*
#navigation { background: #006f51 url(../graphics/navigation_bg.jpg) repeat-x; height: 30px; vertical-align: middle; }
#navigation ul { margin: 0; padding: 5px; list-style: none; }
#navigation li {  margin: 0; padding: 0 0 0 10px; display: inline; font-size: 12px; font-weight: bold; }
#navigation a { color: #fff; }
#navigation a.active { color: #e9a812; }
#navigation a:hover { color: #e9a812; text-decoration: none; }
*/
#content { background: #fff; margin: 0 0 0 0; padding:0; }
#content div.inner { padding: 40px 40px 20px 40px; }
#content div.documents { background: url(../graphics/main_documents_bg.jpg) repeat-x; padding: 20px 40px 20px 40px; border-top: 1px solid#ddd; }
#sidebar { float: right; width: 200px; margin: 0 0 0 40px; }
#main { float: left; width: 580px; margin: 0 0 0 0; }

#sub_navigation { background: #797a7c; margin: 20px 0 0 0; }
#sub_navigation ul { border-bottom: 1px solid #878787; border-top: 1px solid #6d6d6d; padding: 0; margin: 0; width: 200px; }
#sub_navigation ul li { border-bottom: 1px solid #6d6d6d; border-top: 1px solid #878787; padding: 4px 0 4px 33px; list-style: none; list-style-position: outside; margin:0; }
#sub_navigation ul li.close { border-bottom: 1px solid #6d6d6d; border-top: 1px solid #878787; padding: 4px 0 4px 33px; list-style: none; list-style-position: outside; background: url(../graphics/sub_navigation_a_arrow.gif) no-repeat left center; margin:0; }
#sub_navigation ul li.open { border-bottom: 1px solid #6d6d6d; border-top: 1px solid #878787; padding: 4px 0 4px 33px; list-style: none; list-style-position: outside; background: url(../graphics/sub_navigation_a_arrow_down.gif) no-repeat left center; margin:0; }
#sub_navigation ul li.inner { border: 0; padding: 0; }
#sub_navigation ul li.inner ul { border: 0; list-style-position: outside; }
#sub_navigation ul li.inner ul li { border-bottom: 1px solid #6d6d6d; border-top: 1px solid #878787; padding: 4px 23px 4px 51px; list-style: none; list-style-position: outside; background: url(../graphics/sub_navigation_b_arrow.gif) no-repeat left center; margin:0; }
#sub_navigation ul li.inner ul li.active { background: #4d4e50 url(../graphics/sub_navigation_b_arrow.gif) no-repeat left center; }
#sub_navigation a { color: #fff; text-decoration: none; font-weight: normal; }
#sub_navigation a:hover { color: #fff; text-decoration: none; font-weight: bold; }
#sub_navigation a.active { color: #fff; text-decoration: none; font-weight: bold; }

#domainname_search { background: #797a7c; margin: 30px 0 20px 0; }
#domainname_search div.inner { padding: 0 20px 0 20px; }
#domainname_search p { color: #fff; }
#domainname_search input.q { width: 160px; border-top: 1px solid #6d6d6d; border-left: 1px solid #6d6d6d; border-bottom: 1px solid #878787; border-right: 1px solid #878787; }

#search_domain { background: #aaa; margin: 20px 0 40px 0; }
#search_domain div.inner { padding: 0 20px 0 20px; }
#search_domain table td { padding: 4px; color: #fff; }

#footer { margin: 40px 0 50px 0; height: 35px; background: #4d4d4f; }
#footer div.inner { padding: 0 20px 0 20px; }
#footer p { font-size: 11px; padding: 0; color: #888; }
#copyright { float: left; }

#navigation_footer { float: right; line-height: 18px; }
#navigation_footer ul { margin: 0; padding: 0; list-style: none; }
#navigation_footer li { margin: 0; padding: 0 0 0 5px; display: inline; font-size: 11px; }
#navigation_footer li.separator { color: #58595b; }
#navigation_footer a {color: #fff; }
#navigation_footer a:hover { color: #fff; text-decoration: none; }
#navigation_footer a.active { color: #fff; }
/*
div.solution_box { width: 200px; margin: 10px 10px 10px 0; float: left; }
div.solution_box_wide { width: 230px; margin: 10px 10px 10px 0; float: left; }
div.solution_box div.box { background: #e3e3e3 url(../graphics/solution_box_bg.jpg) repeat-y; padding: 10px; }
div.solution_box_wide div.box { background: #e3e3e3 url(../graphics/solution_box_bg.jpg) repeat-y; padding: 10px; }
div.solution_box div.price, div.solution_box_wide div.price { background: #666 url(../graphics/solution_box_price_bg.jpg) repeat-y; padding: 5px; font-size: 14px; color: #fff; }
*/
div.solution_box { width: 180px; margin: 10px 10px 10px 0; float: left; }
div.solution_box_wide { width: 230px; margin: 10px 10px 10px 0; float: left; }
div.solution_box div.box { background: #e3e3e3 url(../graphics/solution_box_bg.jpg) repeat-y; padding: 10px; }
div.solution_box_wide div.box { background: #e3e3e3 url(../graphics/solution_box_bg.jpg) repeat-y; padding: 10px; }
div.solution_box div.price, div.solution_box_wide div.price { background: #666 url(../graphics/solution_box_price_bg.jpg) repeat-y; padding: 5px; font-size: 14px; color: #fff; }


div.solution_box_full { width: 580px; margin: 10px 10px 10px 0; }
div.solution_box_full div.box { background: #e3e3e3; padding: 10px; }
div.solution_box_full div.price { background: #666; padding: 5px; font-size: 14px; color: #fff; }

div.list_column { width: 180px; padding: 10px 0 10px 0; float: left; }
div.list_column ul li { font-size: 11px; }

#validation_message { background-color: #fffdb3; border: 1px solid #ffa4a4; padding: 10px; margin: 10px 0 10px 0; color: #f00; }

#content img { font-style: italic; }
img.left { float: left; padding: 6px 20px 20px 0; }
img.right { float: right; padding: 6px 0 20px 20px; }
img.padd { padding: 0 10px 0 0; }

table { margin: 12px 0 12px 0; }
table td { padding: 4px 0 4px 0; font-size: 12px; }
table td.center { text-align: center; }
table td.right { text-align: right; }

table.light_border { border: solid #ccc; border-width: 0 1px 1px 1px; }
table.light_border td { border: solid #ccc; border-width: 1px 0 0 0; padding: 6px; }
table.light_border td.heading { background: #ccc; color: #fff; }

ul { font-size: 12px; line-height: 16px; padding: 6px 0 6px 20px; color: #58595b; list-style: disc inside; }
ul.tech { font-size: 11px; padding: 6px 0 6px 6px; color: #58595b; list-style: disc inside; }
ul.blue li { color: #4990cd; }
li {  }

ul.docs { font-size: 12px; padding: 6px 0 6px 20px; list-style-position: outside; list-style: none; }
li.pdf { padding: 6px 0 6px 30px; list-style: none; list-style-position: outside; margin:0; background: url(../graphics/icons/pdf.jpg) no-repeat; }

div.left { float: left; }
div.right { float: right; }
.clear { clear: both; }
.noscreen { display: none; }

/* Forms */
label { font-weight: bold; }
fieldset { padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend { font-weight: bold; font-size: 1.2em; }
input.text, textarea, select { padding: 5px; border: 1px solid #ccc; font-size: 12px; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; }
input.text:focus, textarea:focus, select:focus { border: 1px solid #4990cd; }
input.text, input.title { width: 300px; padding: 5px; }
input.title { font-size: 1.5em; }
textarea { width: 390px; height: 250px; padding: 5px; }
.error, .notice, .success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a { color: #8a1f11; }
.notice a { color: #514721; }
.success a { color: #264409; }