@charset "utf-8";
/* CSS Document */

/* base */
* {padding: 0; margin: 0;}
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;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
ul,li{ list-style:none;}
body {line-height: 1.5;}
/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align:top; }
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; } 
/* Remove annoying border on linked images. */
a img { border: none; }

/* hr*/
hr {margin: 0; padding: 0; height: 0px; width: 100%; clear: both; border-top: 1px solid #e4e4e4; overflow: hidden;}
div.hr{overflow: hidden; width: 100%; height:0; margin: 0; padding: 0; border-top: 1px solid #e4e4e4; clear: both;}
	 
/* general typography */
body{font-family: Helvetica, Utkal; font-size: 10pt; line-height:120%; color: #565656;}
h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;}
p{ color: #565656;}
a{text-decoration: none}
a:link, a:visited{color: #929292; outline: none}
a:visited { color: #929292; }
a:hover{color: #929292}
a:focus{outline:none;}

/*layout*/
#wrap{ margin:0 auto; width:900px;}

/*header*/
#header{ width:900px; float:left; }
.navigation{ padding-left:480px; width:445px; float:left;}
.navigation li{ float:left; padding:7px 9px; }
.navigation li a{ font-size:9pt;}
.navigation li a:hover{ text-decoration: underline;}
.navigation li.R_bg{background:url(../images/seo_bg1.gif) no-repeat right;}
#header .head{ clear:both; width:900px; float:left;}
#header .head h1{ font-size:18pt; color:#000000; width:570px; float:left; padding-top:10px;}
#header .head h1 img{ position:relative; top:5px;}
#header .head h1 a{ color:#000000;}
#header .seo_ad1{ width:325px; float:right;}

#container{ clear:both; width:900px; padding-top:10px;}
.mainIMG{width:900px; float:left; padding-top:14px; background:url(../images/seo-mainIMG.gif) no-repeat; height:194px;}
.main_text{ width:540px; padding-left:20px; padding-top:5px; float:left; color:#FFFFFF;}
.main_text h2{ font-style:italic; font-size:20pt; text-shadow: 0 2px 2px #000000; padding-bottom:10px;}
.main_text strong{ color:#ffce24;}
.main_text h3{font-style:italic; color:#CCCCCC; font-size:12px; text-shadow: 0 2px 2px #000000;}
.main_text p{ padding-top:20px; color:#77beff;}
.Domain_Name{ width:324px; float:right; padding:12px 0 30px 12px; background: url(../images/seo_Domain_Name_bg.gif) no-repeat; color:#FFFFFF;}
.Domain_Name h3{padding-bottom:5px;}
.Choose_Extension{ width:160px; float:left; padding-top:5px;}
.Choose_Extension h3{ color:#77beff; font-size:9pt;}
.Choose_Extension ul{ width:160px; float:left;}
.Choose_Extension li{ width:50px; float:left; padding-bottom:5px;}
.Choose_Extension span{ color:#feef01;}
.btn_sn{ width:150px; padding-top:30px; float:right;}

.main_service{ clear:both; width:900px; float:left; background:url(../images/seo_bg2.gif) no-repeat;}
.main_service div{ width:160px; padding:10px; float:left;}
.main_service h2{ color:#0037bf; font-size:14pt; padding:0 0 5px 60px; height:53px;}
.main_service h2 a{ color:#0037bf;}
.main_service ul{ height:170px; padding-bottom:13px;}
.main_service li{ background:url(../images/seo_iconA.gif) no-repeat left 5px; padding-left:10px; font-size:12px;}
.main_service b{ color:#FF0000;}
.main_service span{ color:#005db5;}

.About_us{ clear: both; height:417px; width:900px; float:left; background:url(../images/seo_bg3.gif) no-repeat 0 10px;}
.oikos_text{ width:430px; float:left; padding-left:20px;}
.oikos_text h3{ color:#005db5; padding-top:30px;}
.oikos_text p{ padding-top:10px; line-height:180%;}
.oikos_text p a{ color:#565656;}
.oikos_text p a:hover {text-decoration: underline; }
.oikos_text p span{ font-size:11px; }


.Quick_Contact{ width:415px; float:right;}
.Quick_Contact h3{ padding:30px 0 15px 0; color:#0037bf;}
.Quick_Contact td{ padding:0 0 10px 0; font-size: 12px;}
.Quick_Contact span{ color:#FF0000;}
.Contact1{ width:130px;}
.Quick_Contact textarea{ width:250px;}

#footer{ clear:both; width:900px; text-align:center; padding:10px 0; font-size:10px;}