@charset "utf-8";
/* CSS Document */
#html, body{margin:0px; padding:0px 0px 0px 0px; background: url(../images/bg.jpg) top center repeat-x #000000; font: 13px verdana; color:#FFFFFF; text-align:center;}

#bg{ width:900px; text-align:left; margin-left:auto; margin-right:auto; padding:0px;}

#header{ margin:0px 0px 0px 0px;padding:0px 12px 0px 0px;width:768px; text-align:right; }

#page{ width:780px; text-align:left; padding:50px 60px 0px 60px; background: url(../images/page_bg.jpg) #000000 top center no-repeat;} 
#page h1{font-size: 18px; font-weight:bold; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; color:#0066FF;}
#page h2{font-size: 16px; font-weight:bold; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; color:#0066FF;}
#page a{text-decoration:none;}

#tabs { font-size:100%; line-height:normal; margin: 5px 0px 2px 0px; width:780px; height: 26px;}
#tabs ul { margin:0; padding:0px 0px 0px 0px; list-style:none;float:left; font-family: verdana; font-size: 9px;}
#tabs li { display:inline; margin:0; padding:0; text-transform:uppercase;}
#tabs a { float:left; margin:0px 1px 0px 0px; padding:0 0 0 11px; text-decoration:none; }
#tabs a span {float:left; display:block; padding:7px 18px 6px 6px; color: #0066FF;}
 /* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
 /* End IE5-Mac hack */
#tabs a:hover span { color: #FFFFFF; }
#tabs a:hover { background-position:0% -42px; color: #FFFFFF; }
#tabs a:hover span { background-position:100% -42px; color: #FFFFFF; }

#content{ width:740px; text-align:left; padding:5px 5px 20px 20px; } 

#indexbox { position:relative; margin:0px 0px 0px 0px;padding:0px 0px 0px 0px; display:block; width: 780px; z-index: 1; height:310px;}
#indexbox ul{list-style: none; margin: 0; padding: 0; width: 780px;}
#indexbox .indexboxs{ display: block; background: #000000 top right no-repeat; height: 310px;}
#indexbox li { float: left;}
#indexbox .indexbox {display: block; cursor: pointer; height: 300px; width: 134px; padding: 10px; background: #000000; border-right: 2px solid #000000;}
#indexbox .indexbox span { display: none;}
#indexbox .one { background: #000044 url(../images/001.gif);}
#indexbox .two { background: #000055 url(../images/002.gif);}
#indexbox .three { background: #000066 url(../images/003.gif);}
#indexbox .four { background: #000077 url(../images/004.gif);}
#indexbox .five { background: #000088 url(../images/005.gif); border-right: 0px;}
#indexbox h2 {color:#FFFFFF}
#indexbox a { font-size:12px; color:#FFFFFF; text-align: left; line-height: 18px; font-family: Arial, Helvetica, sans-serif;}

#bottom {position: relative; margin:0px 0px 0px 0px; padding:20px 0px 0px 0px; display:block; width: 780px; height:160px; z-index: 2;}
#indexad1{position:absolute; left:0px; top:15px; width:310px; height:192px; z-index:1; background: #000088; margin:0px 0px 0px 0px;}
#indexad2 {	position:absolute; left:312px; top:15px; width:310px; height:95px; z-index:1; background: #000088 url(../images/domain.gif); margin:0px 0px 0px 0px;}
#indexad2a {padding:2px 0px 0px 12px;}
#indexad3 {	position:absolute; left:312px; top:112px; width:310px; height:95px; z-index:1; background: #000088 url(../images/009.gif); margin:0px 0px 0px 0px;}
#indexad4 {	position:absolute; left:624px; top:15px; width:155px; height:95px; z-index:1; background: #000088; margin:0px 0px 0px 0px;}
#indexad5 {	position:absolute; left:624px; top:112px; width:155px; height:95px; z-index:1; background: #000088; margin:0px 0px 0px 0px;}

#footer{ position:absolute; width:900px; margin-left:0px; margin-right:0px; padding-top: 60px; background: url(../images/footer.jpg) top center no-repeat; height: 60px; color:#FFFFFF; font-size: 9px; text-align:center; z-index:1;} 
#footer a{ color:#FFFFFF; font-size: 9px; text-decoration:none; font-style: italic;} 
#footer a:hover{ color:#0066FF; font-size: 9px;	text-decoration:none;}

#hostbox { position:relative; margin:0px 0px 0px 0px;padding:0px 0px 0px 0px; display:block; width: 780px; z-index: 1; height:360px;}
#hostbox ul{list-style: none; margin: 0; padding: 0; width: 780px;}
#hostbox .hostboxs{ display: block; background: #000000 top right no-repeat; height: 310px;}
#hostbox li { float: left;}
#hostbox .hostbox {display: block; cursor: pointer; height: 350px; width: 134px; padding: 10px; background: #000000; border-right: 2px solid #000000;}
#hostbox .hostbox span { display: none;}
#hostbox .one { background: #000044 url(../images/010.gif);}
#hostbox .two { background: #000055 url(../images/011.gif);}
#hostbox .three { background: #000066 url(../images/012.gif);}
#hostbox .four { background: #000077 url(../images/013.gif);}
#hostbox .five { background: #000088 url(../images/014.gif); border-right: 0px;}
#hostbox h2 {font-size:15px; color:#000000}
#hostbox a { font-size:12px; color:#000000; text-align: left; line-height: 18px; font-family: Arial, Helvetica, sans-serif; }

#hostads { font-size:10px; color:#FFFFFF; text-align: left; font-family: Arial, Helvetica, sans-serif; margin: 1em; }
#hostads li { float: left;}
#hostads .hostads {display: block; cursor: pointer; height: 90px; width: 300px; padding: 25px 10px 10px 10px;}
#hostad1 { position:absolute; left:0px; top:15px; width:310px; height:192px; z-index:1; background: #000088 url(../images/015.gif); margin:0px 0px 0px 0px;}
#hostad2 {	position:absolute; left:312px; top:15px; width:310px; height:95px; z-index:1; background: #000088 url(../images/domain.gif); margin:0px 0px 0px 0px;}
#hostad3 {	position:absolute; left:312px; top:112px; width:310px; height:95px; z-index:1; background: #000088 url(../images/017.gif); margin:0px 0px 0px 0px;}
#hostad4 {	position:absolute; left:624px; top:15px; width:155px; height:95px; z-index:1; background: #000088; margin:0px 0px 0px 0px;}
#hostad5 {	position:absolute; left:624px; top:112px; width:155px; height:95px; z-index:1; background: #000088; margin:0px 0px 0px 0px;}

#eyeframe {z-index:10; height:650px; width:790px}

#services {position:relative; margin:0px 0px 0px 0px;padding:0px 0px 0px 0px; display:block; width: 780px; z-index: 1; height:390px; display:block; cursor: pointer;}
#services li {float:left; padding: 5px 5px 5px 5px;}
#service1{position:absolute; left:0px; top:15px; width:390px; height:192px; z-index:1; background: #009ee0 url(../images/services_design.jpg); margin:0px 0px 0px 0px;}
#service2{position:absolute; left:391px; top:15px; width:390px; height:192px; z-index:1; background: #009ee0 url(../images/services_ssl.jpg); margin:0px 0px 0px 0px;}
#service3{position:absolute; left:0px; top:208px; width:390px; height:192px; z-index:1; background: #009ee0 url(../images/services_support.jpg); margin:0px 0px 0px 0px;}
#service4{position:absolute; left:391px; top:208px; width:390px; height:192px; z-index:1; background: #009ee0 url(../images/services_repair.jpg); margin:0px 0px 0px 0px;}
#services h1 {font-size:15px; color:#FFFFFF}
#services a { font-size:12px; color:#FFFFFF; text-align: left; line-height: 18px; font-family: Arial, Helvetica, sans-serif; }
.style1 { font-size: 13px }
.style4 {font-size: 12px}
.style5 {font-size: 12px; color: #FFFFFF}