/*
Theme Name: neutral
Author: Flashxml.net
*/


body{margin:0px;padding:0px;background:#FFF;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
h1, h2, h3, h4, h5, h6, form, p, ul{margin:0px;padding:0px;}

#page{width:100%;background:url(images/main_bg.jpg)no-repeat bottom center #000000;}

#page #top{height: 100px;background: #000000;width: 100%;overflow: hidden;}
.center{margin: 0 auto;width:950px;}



a{outline:none;}

#page #top .pic{background:url(" images/pic_news.jpg") no-repeat scroll 0 0 transparent;
float:left;
height:100px;
position:relative;
top:14px;
width:300px;}

#page #top .title{float: left; margin-top:28px; font-size:27px; font-weight:bold; color:#a5a5a5; letter-spacing:1px;text-shadow: #ffffff 1px 1px 1px;}

#page #top .floatwrite {float: right; margin-left:5px; position:relative; margin: 0; z-index:10;}

#page .back_header{width: 100%;background: url("images/back_header.jpg") repeat-x;height:81px;position: relative;z-index: 900;}

/*------------------ Logo ---------------*/

#page #Logo{float:left;width:auto;border: none;margin-top:-8px;}
#page #Logo a{border: none;}
#page #Logo a img{border:medium none;height:auto;position:relative;width:108px;}
#page a.logo{background:url("images/logo.png") no-repeat scroll 0 0 transparent;
float:left;
height:75px;
position:relative;
padding-right:80px;
top:14px;
width:247px;}



#header {float: left; width: 950px;margin-top:11px;}

/*------------------ Menu ---------------*/
.relative {position:relative;z-index:9999;}
.menu{float:right;  padding-top: 0;position:relative;width:950px;position:relative;z-index:9999;}


#navigation{float:right;padding-top:0px;position:relative;z-index:9990; top: 14px !important;}
#navigation ul#menu-navigation {
    float: right; 
	margin-left: auto; margin-right: auto;
}
#navigation ul#menu-navigation li {
    float: left;
	margin-left: auto; margin-right: auto;
    height: 31px;
    list-style: none outside none;
    padding-bottom: 1px;
    position: relative;
    z-index: 9999;
}
#navigation ul#menu-navigation li span {
    background: none repeat scroll 0 0 transparent;
    cursor: pointer;
    float: left;
	margin-left: auto; margin-right: auto;
    height: 31px;
    line-height: 31px;
}
#navigation ul#menu-navigation li span a {
    background: none repeat scroll 0 0 transparent;
   color:#ececec;
    float: left;
	margin-left: auto; margin-right: auto;
    font-size: 14px;
    font-weight: bold; 
    height: 31px;
    padding: 0 7px;
    text-decoration: none; margin-left: -4px;


}
#navigation ul#menu-navigation li a:hover{
    color: #cccccc; /* Modern browsers */
       
      filter: none !important; /* IE */
     filter: none !important;;
}


#navigation ul#menu-navigation li ul{  left: -5px !important; background-color:#99161b; scroll center top transparent;display: none;height: auto;left: 0;line-height: normal;padding-top: 7px;position: absolute;   top: 31px !important;width: 200px !important;}
#navigation ul#menu-navigation li:hover ul, #navigation ul#menu-navigation li a:hover ul{display:block;}
#navigation ul#menu-navigation li ul li{ background-color:#333333; scroll 0 0;height: auto !important;line-height: normal;padding:0px;width:100%;float:left;}
#navigation ul#menu-navigation li ul li span{float:left;margin:0px;padding:0px;height:auto;line-height:normal; background-color:#99161b; scroll center bottom transparent !important;width: 200px;}
#navigation ul#menu-navigation li ul li a{ width: 200x !important;color:#cccccc;

font-size: 13px;font-weight: bold;height: auto !important;line-height: normal;padding: 8px 12px !important;margin: 0px;float:left;}

#navigation ul#menu-navigation li ul li span:hover{background:none !important;}

#navigation ul#menu-navigation li ul li.last{ background: url("images/bottom.png") no-repeat scroll bottom;width:100%;clear:none !important;}
#navigation ul#menu-navigation li ul li span:hover{background:none !important;}

#navigation ul#menu-navigation li ul li a:hover{color: #fffff !important;width: 93px !important;}

#navigation ul#menu-navigation li ul.children li span:hover{background-color:#99161b; scroll center bottom transparent !important; width: 200x !important;}
#navigation ul#menu-navigation li ul.orphans li span:hover{background-color:#99161b; scroll center bottom transparent !important; width: 200x !important;}
#navigation ul#menu-navigation li ul li.last{background-color:#99161b; scroll bottom !important;padding-bottom: 6px;width: 200px !important;}
#navigation ul#menu-navigation li ul li.last a{}
#navigation ul#menu-navigation li ul li.last span{float:left; margin: 0px;padding: 0px;background-color:#99161b; scroll 0 0 !important;width: 200px !important;}
#navigation ul#menu-navigation li ul li.last span:hover{background-color:#333333; scroll 0 0 !important; width: 200x !important;}
#navigation ul#menu-navigation li.current { font-style:italic; color:red; }

.comments { align="left"; color:white; margin:5px 15px 5px 15px; width:400px; }
.floatleft {float: left; position:absolute; margin: 0; z-index:6}


.clear {clear:both;font-size:1px;height:1px;width:100%;}
.back_comp{width: 100%;background: url("images/back_comp.jpg") repeat-x;margin: 0px;padding: 0px;height: 377px; z-index:8}
.slideshow_comp{background:none repeat scroll 0 0 #FFFFFF;height:377px;position:relative; top:0px; float: centre; z-index:20}

.main_comp{width: 100%;background: url("images/back_comp.jpg") repeat-x;margin: 0px;padding: 0px;height: 350px;}

.featured{float: left;margin-top: 0px; background-color: #555555; padding:20px 30px 20px 30px; width:890px; box-shadow:inset 0 0 20px #000; -moz-box-shadow:inset 0 0 20px #000; -webkit-box-shadow:inset 0 0 20px #000;}
.featured h2{font-size: 27px;color: #66CC66;text-shadow: #333333 1px 1px 1px;}
.featured ul {list-style:disc; margin-left:20px;}

#area{float:left;height:55px;margin-right:22px;margin-top:1px;padding-top:16px;position:relative;width:100%; padding-left:0px}
#area ul{width: 100%;float: left;margin-left:-6px;}
#area li { text-decoration:underline;}
#area ul li{float:left;list-style:none outside none;padding-left:7px;padding-right:7px;} 

#beforex { margin-top:1px; padding-top:16px; position:relative; width:100%; padding-left:0px }
#beforex ul { width: 100%; float: left; margin-left:-6px; }
#beforex li { text-decoration:underline; }
#beforex ul li { float:left; list-style:none outside none; padding-left:7px; padding-right:7px; }
#afterx { margin-top:1px; padding-top:16px; position:relative; width:100%; padding-left:0px }
#afterx ul { width: 100%; float: left; margin-left:-6px; }
#afterx li { text-decoration:underline; }
#afterx ul li { float:left; list-style:none outside none; padding-left:7px; padding-right:7px; }

/*------------------ Portfolio---------------*/

.portfolio {float: left;margin-top: 32px;}
.portfolio  h1{font-size: 27px;color: #444444;margin-bottom: 20px;font-weight: bold;}


#page .text{float:left;height:auto;padding-bottom:45px;position:relative;width:890px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size:1.2em; line-height:23px; color:#cccccc; text-align:justify;}
#page .text a{color: #66CC66;}
#page .text h2{font-size: 18px;color: #66CC66;text-shadow: #333333 1px 1px 1px;}

#page .form{float:left;height:auto;padding-bottom:45px;position:relative;width:425px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size:1.2em; line-height:23px; color:#cccccc; }



.float_l { float: left }
.float_r { float: right }
.float_r a{color: #66CC66;}

/*------------------ Footer ---------------*/

#footer{border-top:1px solid #dfdfdf;float:left;height:55px;margin-right:22px;margin-top:1px;padding-top:16px;position:relative;width:890px; background-color:#99161b; padding-left:30px}
#footer ul{width: 100%;float: left;margin-left:25px;}
#footer li {list-style: none;}
#footer ul li{float:left;list-style:none outside none;padding-left:7px;padding-right:7px;}
#footer ul li a{text-decoration: none;font-size: 13px;font-weight: bold;color: #ffffff;font-family: arial;} 
#footer ul li a:hover{color: #cccccc;}
#footer p{font-size: 12px;color:#979797;margin-top:6px;float: left; }
#footer p a{text-decoration: none;color:#31b6e1;margin-left: 3px;}

#copyright {font-size: 12px;color:#979797; margin-top:30px; margin-left:50px}
#copyright a{ color:#FFFFFF}
#copyright a:hover{color: #cccccc;}


h1{font-size: 28px;color:#444444;font-weight: bold;margin-bottom:15px;margin-top:15px;padding:0;width:100%;float: left;text-transform: inherit;}
h2{font-size: 26px;color:#444444;font-weight: bold;margin-bottom:15px;margin-top:15px;padding:0;width:100%;float: left;text-transform: inherit;}
h3{font-size: 24px;color:#444444;font-weight: bold;margin-bottom:15px;margin-top:15px;padding:0;width:100%;float: left;text-transform: inherit;}
h4{font-size: 22px;color:#444444;font-weight: bold;margin-bottom:15px;margin-top:15px;padding:0;width:100%;float: left;text-transform: inherit;}
h5{font-size: 12px;color:#cccccc;font-weight: bold;}
h6{font-size: 16px;color:#66CC66;font-weight: bold;margin-bottom:15px;}