/* 
CSS Document
Designer: asterix
*/

body {
font-family :  arial, Tahoma, Sans-Serif;
font-size : 12px;
color : #767B87;
margin : 0; padding : 0; 
background:#282D39 url(../images/bg.jpg)
}

/* Common */
a {text-decoration:none; color:#D21128;}
a:hover {text-decoration :underline;}
h1, h2, h3,h4,  img, form,input,ul, li {margin:0; padding:0;}
a img {border:0;}
p {padding :8px 0; margin : 0;}
h1 {font-size:18px;font-weight:normal;color:#B4BCC7;}
h2 {font-size:15px;padding:10px 0 5px 0;font-weight:normal;}
h3 {font-size:14px;font-weight:normal;padding:10px 0 5px 0;}
h4 {font-size:12px;font-weight:normal;padding-bottom:5px;}


/* Alignments */
.alignleft {float:left;}
.alignright {float:right;}
.center {text-align:center;}
img.alignleft {margin:0 10px 2px 0;}
img.alignright {margin:0 0 2px 10px;}
img.center {display:block; margin-left:auto;margin-right:auto;}

/* ======= Page Strucure ======== */
#wrapper {width:950px;margin:0 auto;}
#header {height:170px; background:url(../images/header.jpg) no-repeat;color:#fff;}
#page {width:928px;margin:0 auto;background:#12141A;padding:11px 0 12px 2px;}
#gallery {width:904px;background:#08090E;padding:12px;}
#content {float:left; width:600px;padding:15px 0 15px 20px;}
#sidebar {float:left; width:280px;padding:15px 12px;font-size:12px;}
#footer {padding:20px 0;clear:both;color:#AAAEBC;clear:both;background:#1E212A;border-top:1px solid #2C3242;width:900px;margin:0 auto;text-align:center;font-size : 11px;}
#bottom {width:880px;padding:10px; border:15px solid #1E212A;background:#21242E;color:#5D616B;margin:15px auto; }


/* ======= common ======== */
/* Forms*/
p.space {padding:0;line-height:14px;clear:both;}
.clr {clear:both; margin:0; padding:0; font-size:1px; line-height:1px;height:1px;}


/* ===== Header ===== */

/* logo */
#logo {padding:30px 0 14px 0;width:370px;}
#logo img {display:block;}




#myGallery {float:left;width:613px;}
.gallery-img {float:left; width:291px; float:right;}
.gallery-img img {display:block; float:left; padding:0 0 5px 13px;}


/* ===== Content ===== */
#content img {border:8px solid #f5f5f5;}
#content h1 {border-bottom:1px solid #282C39;padding-bottom:5px;}
#content h2 a, #content h3 a {color:#767B87;}
#content p {line-height:20px;}
.hlight {border:1px dashed #9b9b9b; background:#F0FBFF; padding:7px;}
* html .hlight {width:97%}
#content ul {list-style:none; padding:10px 20px;}



/* ===== Sidebar ===== */
.sb_box {width:280px;background:#1E212A;margin-bottom:15px;}
.sb_box .sb_main {width:250px;padding:0 15px;}
#sidebar a {color:#E81F37;}
#sidebar h3 {font-size:16px; color:#B4BCC7;background:#272A33 url(../images/sqr.jpg) no-repeat 10px 16px;padding:10px 10px 10px 28px; border-bottom:1px dotted #2C3242;/*font-weight:normal;*/ line-height:19px;}
#sidebar ul {list-style:none;}
#sidebar li {padding:6px 0 6px 10px;line-height:16px;background:url(../images/sqr2.jpg) no-repeat 0 12px;}
#sidebar .sb_more {width:65px;float:right;padding-left:15px; height:21px;background:#2B2F3A url(../images/more-bg.jpg) no-repeat;}
#sidebar .sb_more a{color:#979797;line-height:21px;background:url(../images/arrow-red.jpg) no-repeat left center;padding-left:15px;}
#sidebar .sb_more a:hover {color:#fff;text-decoration:none;}


/* ======= Footer ======== */
#footer p {padding:0;line-height:20px;}
#footer a {color:#AAAEBC;}

#bottom a{color:#5D616B;}


/* ======= DropDown ======== */

/*
ul#nav {list-style:none;height:36px;}
ul#nav li {list-style:none; display:inline;font-size:13px;}
ul#nav li a {line-height:36px; padding:0 16px;display:block; float:left;color:#fff;}
ul#nav li a:hover, ul#nav li.selected a {background:#5F5D5E;text-decoration :none;color:#DEE5EF;border:1px solid #585254;line-height:34px; padding:0 15px;}
*/

ul#nav {
margin : 0;
padding : 0;
list-style: none;
}
ul#nav ul {list-style: none;}
ul#nav li {
float : left;
position : relative;
z-index : 1000;
line-height : 36px;
}
ul#nav li a {
display : block;
float : left;
height : 36px;
line-height : 36px;
padding : 0 16px;
text-decoration : none;
font-size : 13px;
color:#fff;
}


ul#nav li ul {
display : none;
border : none;
}

#nav table {
position : absolute;
z-index : 999;
top : 0;
left : 0;
border-collapse : collapse;
border:0;
}


ul#nav li:hover ul {
display : block;
position : absolute;
z-index : 998;
margin-top : 35px;
left :0;
}
ul#nav li:hover ul li a {  /* --- Drop Down for FF --- */
display : block;
width : 160px;
height : auto;
line-height : 1.3em;
padding : 4px 10px 4px 30px;
background:#181213 url(../images/arrow-red.gif) no-repeat 15px center;
}
ul#nav li:hover ul li a:hover {
background : #5F5D5E url(../images/arrow-red.gif) no-repeat 15px center;
text-decoration : none;
}
ul#nav li a:hover {
background:#5F5D5E;
text-decoration : none;
color:#DEE5EF;
}
ul#nav li a:hover ul {
display : block;
position : absolute;
z-index : 998;
margin : 35px 0 0 0;
}
ul#nav li a:hover ul li a { /* --- Drop Down for IE 6 --- */
display : block;
width : 160px;
height : 1px;
line-height : 1.3em;
padding : 4px 10px 4px 30px;
background:#181213 url(../images/arrow-red.gif) no-repeat 15px center;
}
ul#nav li a:hover ul li a:hover {
background:#5F5D5E url(../images/arrow-red.gif) no-repeat 15px center;
text-decoration : none;
}
ul#nav li a {text-decoration:none;color:#fff;}
ul#nav li.selected a {background:#5F5D5E;text-decoration :none;color:#DEE5EF;}