/* CSS Document */

body {font-family:arial, tahoma; color:#000000; margin:0 auto auto auto; background:#ffffff; font-size:11px;}


a:link { background-color: inherit; color:#ffffff; text-decoration: underline; font-size:12px; }
a:hover { background-color: inherit; color:#ffffff; text-decoration: underline; font-size:12px; }
a:visited { background-color: inherit; color:#ffffff; text-decoration: underline; font-size:12px; }

a.black:link { background-color: inherit; color:#000000; text-decoration: underline; font-size:12px; }
a.black:hover { background-color: inherit; color:#000000; text-decoration: underline; font-size:12px; }
a.black:visited { background-color: inherit; color:#000000; text-decoration: underline; font-size:12px; }


a.white:link { color:#ffffff; font-size:19px; font-weight:bold; text-decoration: none; }
a.white:hover { color:#ffffff; font-size:19px; font-weight:bold; text-decoration: none; }
a.white:visited { color:#ffffff; font-size:19px; font-weight:bold; text-decoration: none;  }


a.whitesmall:link { color:#ffffff; font-size:12px; font-weight:300; text-decoration:underline; }
a.whitesmall:hover { color:#ffffff; font-size:12px; font-weight:300; text-decoration:underline; }
a.whitesmall:visited { color:#ffffff; font-size:12px; font-weight:300; text-decoration:underline; }



#header,#post_header,#sub-section,#linne,#content,#black,#footer {


overflow:auto;

display:inline-block

}

/* safari and opera need this */

#linne,#content,#black,#footer {width:1024px}

#left-side {float:left}

#right-side {float:right}


#header{position:relative; width:1024px;  height:170px; margin:0 auto auto auto; padding:0; background: #000000; background:url(images/header.jpg) repeat;}
#header #menu{position: absolute; top: 10px; left: 340px; margin:0; color:#000000; font-size:14px; font-weight:300; }
#header #logo{position: absolute; left:20px; top:50px; width:349; height:89; margin:0; float:left;}

#header #login{position: absolute; top:50px; left:800px; margin:0; color:#000000; font-size:13px; font-weight:300; }




#post_header{position:relative; width:100%;  height:13px; margin:0 auto auto auto; padding:0; background: #000000; background:url(images/post_header.jpg) repeat-x;}

/* leaving room for rounding error (MSIE5.5) */

#left_panel{width:100%; margin:0 0 auto 0; padding:0 0 0 10px;}
#right_panel{width:300px; margin:1px auto auto 70%; background:#FFFFFF;  }

/*body portion*/

#left-side {width:692px; height:453px; background:#f0d0cf url(images/left_side.jpg) no-repeat;  }

#left-side #Build{width:580px;  margin:40px auto auto 50px; font-size:16px; font-weight:400; }

#left-side #shared{background:; position: absolute; width:180px; height:200px; margin:55px auto auto 20px; font-size:16px; font-weight:400; float:left; }

#left-side #reseller{background:; position: absolute; width:180px; height:200px; margin:55px auto auto 230px; font-size:16px; font-weight:400;}

#left-side #dedicated{background:; position: absolute; width:230px; height:200px; margin:55px auto auto 440px; font-size:16px; font-weight:400; }

/*right*/
#right-side {width:332px; height:453px; background:#FFFFFF url(images/index_slice_03.jpg) no-repeat;}

/*pst body*/
#linne{ height:9px; background:#0000FF url(images/index_slice_04.jpg) repeat;}

/*content*/
#content{ background:#ffffff; height:292px;}

#content #one{position: absolute; width:300px; height:250px; margin:20px auto auto 20px; font-size:16px; font-weight:400; float:left; }

#content #line{position: absolute; background:url(images/line.jpg) repeat-y; height:200px; width:2px; margin:40px 15px 15px 340px;}

#content #two{position: absolute; width:300px; height:250px; margin:20px auto auto 358px; font-size:16px; font-weight:400;}

#content #line1{position: absolute; background:url(images/line.jpg) repeat-y; height:200px; width:2px; margin:40px 15px 15px 675px;}

#content #three{ position: absolute; width:300px; height:250px; margin:20px auto auto 695px; font-size:16px; font-weight:400; }

/*pre-footer*/
#black{ background:#3b3b3b; height:100px; }
/*footer*/
#footer {height:120px; padding:0; background:#ffffff url(images/index_08.jpg) repeat-x; color:#000000; font-size:12px; clear:both;}


.strip{background:#bf0a07 url(images/strip.jpg) no-repeat; height:2%; margin:1% auto auto 0; width:98%; color:#FFFFFF; font-size:15px; font-weight:300;}
/*other text format*/
h1{color:#000000; font-size:40px; margin: 0 0 0 0;}
h2{color:#792d5b; font-size:20px; margin: 0 0 0 0;}

.heading{color:#333333; font-size:24px; font-weight:bold;}
.blue{color:#016295; font-size:16px; font-weight:bold;}
.brown{color:#590202; font-size:19px; font-weight:bold;}
.orange{color:#fb721c; font-size:18px; font-weight:bold;}
.red{color:#ce0000; font-size:19px; font-weight:bold;}
.green{color:#4b9b0d; font-size:19px; font-weight:bold;}
.white{color:#ffffff; font-size:19px; font-weight:bold;}
.gray{line-height:1.5em;}
.light{color:#666666; font:18px; font-weight:bold;}
.w-white{color:#ffffff; font-size:13px; font-weight:300; margin:20px auto auto 150px;}

.black_box{width:58%; background:#FF0000; background:#000000 url(images/black.jpg) repeat-x; color:#FFFFFF; font-size:13px;padding:5px 5px 5px 5px;}
.yallow{ color:#fff623; font-size:15; font-weight:bold;}

/*images*/

.button{background:url(images/button.jpg) no-repeat; width:140px; height:40px;}