/* =BODY
---------------------------------------------------------------------------------------------------*/
/*body { margin: 0px; padding:0px; font-size:12px; text-align:left; font-family:Arial, sans-serif; background:#010205 url(../images/layout/bg.jpg) no-repeat top; color:#000;}*/

body { margin: 0px; padding:0px; font-size:12px; text-align:left; font-family:Trebuchet MS, sans-serif; background:#010205 url(../images/layout/bg.jpg) no-repeat top; color:#000;}

/* misc */
h1, h2, h3, p, form, ul { padding:0; margin:0; }
h1 { font-size:27px; font-weight:normal; color:#000; }
h2 { font-size:24px; font-weight:normal; color:#000; margin-bottom:4px; }
h3 { font-size:12px; font-weight:bold; display:block; line-height:170%; margin-top:3px; }
a { color:#000; text-decoration:underline; outline:none; }
a:hover { text-decoration:none; }
img { border:none; padding:0; margin:0; display:block; }
fieldset { border:0; margin:0; padding:0; }
p { line-height:135%; }
p.desc { font-size:15px; font-weight:bold; line-height:125%; }
p.desc_main { font-size:13px; font-weight:bold;  }
.clear { clear:both; }
.float { float:left; }
.floatRight { float:right; }
ul li { list-style:none; line-height:130%; }
.wrap { width:960px; margin:0 auto; position:relative; }

/* =TOP
---------------------------------------------------------------------------------------------------*/
.top { width:851px; height:103px; padding:80px 45px 0 64px; background:#fff url(../images/layout/bg-top.jpg) no-repeat; }
.top a.login { float:right; font-size:12px; padding:3px 0 3px 22px; background:url(../images/layout/icon-login.gif) no-repeat left; }
.top .logo { float:left; }
.top .title { font-size:31px; font-weight:normal; color:#000; float:right; padding:3px 0 0 0; width:570px; text-align:right; }

/* =MAIN-MENU
---------------------------------------------------------------------------------------------------*/
.main-menu { width:960px; height:48px; background:#FF6E0D url(../images/layout/bg-main-menu.jpg) no-repeat; }
.main-menu ul { float:right; }
.main-menu li { float:left; padding:0 0 0 4px; background:url(../images/layout/bg-menu-left.png) no-repeat left; }
.main-menu li a { padding:15px 26px 0 26px; height:33px; font-size:14px; text-decoration:none; display:block; float:left; background:url(../images/layout/bg-menu.png) repeat-x; color:#fff; }
.main-menu li a.active,
.main-menu li a.active:hover { background:url(../images/layout/bg-menu-active.png) repeat-x; color:#000; }
.main-menu li a:hover { background:url(../images/layout/bg-menu-hover.png) repeat-x; }

/* =IMAGE-BOX
---------------------------------------------------------------------------------------------------*/
.image-box { width:960px; height:300px; background:#000 url(../images/layout/bg-image-box.jpg) no-repeat top;}

/* =MAIN
---------------------------------------------------------------------------------------------------*/
.main { width:960px; height:510px; float:left; background:#010205 url(../images/layout/bg-main.jpg) no-repeat top;}

/* =NAVIGATION
---------------------------------------------------------------------------------------------------*/
.navigation { float:left; width:190px; padding:0 10px 0 0; overflow:hidden; background:url(../images/layout/bg-navigation-right.jpg) no-repeat top right; }
.navigation ul { float:left; width:190px; padding:14px 0 0 0; background:url(../images/layout/bg-navigation-top.jpg) no-repeat top left; }
.navigation ul li { width:170px; height:27px; padding:15px 0 0 20px; background:#FF730D url(../images/layout/bg-navigation.jpg) no-repeat bottom right; }
.navigation ul li.first { background:#FF730D url(../images/layout/bg-navigation-first.jpg) no-repeat bottom right; }
.navigation ul li a { color:#000; font-size:15px; text-decoration:none; }
.navigation ul li a:hover, .navigation ul li a.active { color:#fff; }
.bottom-img { width:190px; height:141px; float:left; background:url(../images/layout/bg-navigation-bottom.png) no-repeat; }

/* =CONTENT & FORM STYLES
---------------------------------------------------------------------------------------------------*/
.content { float:right; width:700px; height:455px; padding:25px 30px 0 30px; margin:0 0 30px 0; background:url(../images/layout/bg-content.png) no-repeat; }
.content .overflow { width:680px; height:390px; padding:10px; overflow:auto; background:#fff; }
* html .content .overflow { position: absolute; }
.content .overflow p { margin-bottom:25px; }
.content h1 { margin-bottom:10px; }
.myinputstyle { border: 1px inset #FFFFFF; background: url(none) no-repeat #FFFFFF; font-family: Trebuchet MS; font-style: normal; font-size: 15px; color: #454743; }
.myinputstyle:hover { background: url(none) no-repeat #F7F7F7; color: #454743; }
.dropstyle { border: 1px inset #FFFFFF; background: url(none) no-repeat #FFFFFF; font-family: Trebuchet MS; font-style: normal; font-size: 13px; color: #454743; }
.dropstyle:hover { background: url(none) no-repeat #F7F7F7; color: #454743; }

/* =TABLE
---------------------------------------------------------------------------------------------------*/
.content_tbl { width: 100%; margin-top: 17px; border-bottom: 1px solid #e2e2e2; }
.content_tbl th { height: 24px; text-indent: 30px; background: #061826; text-transform: none; text-align: left; color: #FFFFFF; }
.content_tbl td { padding: 6px 7px; background: #F7F7F7; }

/* =BOXES
---------------------------------------------------------------------------------------------------*/
.content ul.boxes li { width:297px; padding:15px 14px; float:left; border:1px solid #EBEBEB; margin-bottom:25px; }
.content ul.boxes li.rear { float:right; }
.content ul.boxes li.shared { background:url(../images/layout/bg-box-share.gif); }
.content ul.boxes li.dedicated { background:url(../images/layout/bg-box-dedicated.gif); }
.content ul.boxes li ul { margin-bottom:10px; }
.content ul.boxes li ul li { width:240px; padding:0; margin:0; border:0; float:none; list-style:disc; margin-left:15px; line-height:140%; }
.content ul.boxes li a.button { width:207px; height:36px; display:block; text-align:center; line-height:36px; margin-bottom:5px; background:url(../images/layout/button.gif); text-decoration:none; font-size:16px; }
.content ul.boxes li a.button:hover { text-decoration:underline; background:url(../images/layout/button_hover.gif); }
.content ul.boxes li .price { color:#061826; margin-bottom:10px; text-align:right; font-weight:bold; font-size:13px; }

/* =BOXES2
---------------------------------------------------------------------------------------------------*/
.content ul.boxes2 li { width:610px; padding:15px 14px; float:left; border:1px solid #EBEBEB; margin-bottom:25px; }
.content ul.boxes2 li.rear { float:right; }
.content ul.boxes2 li.shared { background:url(../images/layout/bg-box-share2.gif); }
.content ul.boxes2 li.dedicated { background:url(../images/layout/bg-box-dedicated.gif); }
.content ul.boxes2 li ul { margin-bottom:10px; }
.content ul.boxes2 li ul li { width:240px; padding:0; margin:0; border:0; float:none; list-style:disc; margin-left:15px; line-height:140%; }
.content ul.boxes2 li a.button { width:460px; height:55px; display:block; text-align:center; line-height:55px; margin-bottom:5px; background:url(../images/layout/button2.gif); text-decoration:none; font-size:20px; color:#FFFFFF; }
.content ul.boxes2 li a.button:hover { text-decoration:underline; background:url(../images/layout/button_hover2.gif); }
.content ul.boxes2 li .price { color:#061826; margin-bottom:10px; text-align:right; font-weight:bold; font-size:24px; }
.content ul.boxes2 li .price2 { color:#061826; margin-bottom:10px; text-align:left; font-size:12px; }

/* =BOXES860
---------------------------------------------------------------------------------------------------*/
.content ul.boxes860 li { width:610px; padding:15px 14px; float:left; border:1px solid #EBEBEB; margin-bottom:25px; }
.content ul.boxes860 li.rear { float:right; }
.content ul.boxes860 li.shared { background:url(../images/layout/bg-box-share-860.gif); }
.content ul.boxes860 li.dedicated { background:url(../images/layout/bg-box-dedicated.gif); }
.content ul.boxes860 li ul { margin-bottom:10px; }
.content ul.boxes860 li ul li { width:240px; padding:0; margin:0; border:0; float:none; list-style:disc; margin-left:15px; line-height:140%; }
.content ul.boxes860 li a.button { width:460px; height:55px; display:block; text-align:center; line-height:55px; margin-bottom:5px; background:url(../images/layout/button2.gif); text-decoration:none; font-size:20px; color:#FFFFFF; }
.content ul.boxes860 li a.button:hover { text-decoration:underline; background:url(../images/layout/button_hover2.gif); }
.content ul.boxes860 li .price { color:#061826; margin-bottom:10px; text-align:right; font-weight:bold; font-size:24px; }
.content ul.boxes860 li .price2 { color:#061826; margin-bottom:10px; text-align:left; font-size:12px; }

/* =FOOTER
---------------------------------------------------------------------------------------------------*/
.footer-out { background:#030D16 url(../images/layout/bg-footer.jpg) repeat-x top; clear:both; }
.footer { width:960px; padding:30px 0 0 0; margin:0 auto; color:#fff; }
.footer p { margin-bottom:20px; }
.footer a { display:block; width:244px; height:39px; font-size:15px; padding:14px 0 0 0; color:#041422; text-decoration:none; text-align:center; background:url(../images/layout/footer-button.jpg); }
.footer a:hover { text-decoration:underline; }
.footer .box { width:360px; padding:0 120px 20px 0; float:left; }
.footer .box.first { background:url(../images/layout/bg-footer-box-left.jpg) no-repeat top right; }
.footer .box.two { background:url(../images/layout/bg-footer-box-right.jpg) no-repeat top right; }
.footer .box .title { font-size:28px; display:block; margin-bottom:5px; letter-spacing:-1px; }

/* =COPY
---------------------------------------------------------------------------------------------------*/
.copy { width:960px; margin:0 auto; padding:30px 0 70px 0; color:#585A5C; clear:both; }
.copy a { color:#585A5C; } 
.copy .l { float:left; }
.copy .r { float:right; }
.copy .r a { margin:0 0 0 20px; }

/* =FOR TOOLTIP
---------------------------------------------------------------------------------------------------*/
#screenshot { position:absolute; border:1px solid #414141; background:#333; padding:5px; display:none; color:#fff; }
pre{
	display:block;
	font:100% "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	overflow:auto;
	width:800px;
}