@charset "utf-8";
/* CSS Document */

body {
	background-color: #000000;
	margin: 0;
	padding: 0;
	font: normal 11px/16px Tahoma;
	color: #a6a6a6;
}

a {
	color: #ffffff;
	text-decoration: none;
	border-bottom: 1px solid #00baff;
}

a.img {
	border-bottom: 0px;
}

a:hover {
	color: #ffffff;
	text-decoration: none;
	border-bottom-color: #ff9900;
}

a.brnone, a.brnone:hover {
	text-decoration: none;
	border: none;
	background: none;
}

a.quotehref {
	color: #000000;
	border-bottom: 1px solid #ff9900;
}
a.quotehref:hover {
	color: #000000;
	border-bottom-color: #00baff;
}

#hidden {
	display:none;
	position: absolute;
}

.areonix {
	width:70px; 
	height:92px;
}
#logo {
	position:absolute; left: 50%; top: 0; z-index: 11;  margin: 64px 0 0 -429px;
}
div#logo a{
	text-decoration: none; border: none
}
#top_menu {
	position:absolute; left: 50%; top: 0; z-index: 50;  margin: 0;
}


#top_links {
	position: relative;
	height: 51px;
	padding-right: 30px;
	padding-top: 11px;
	text-align: right;
	z-index: 55;
}
#top_links  span{color:#EEAD4D; font-size:12px/36px;}
div#top_links a{
	text-decoration: none;
	border: none;
	padding: 6px 0 6px 24px;
	background: url('../img/dot1.gif') top left no-repeat; 
	font:normal 11px Tahoma;
	color: #999999;
}
div#top_links a span{
	color: #ffffff;
}
div#top_links a:hover{
	color: #999999;
}
div#top_links a:hover span{
	border-bottom: 1px solid #00baff;
	color: #ffffff;
}




h1 {
	font: normal 30px/24px "Trebuchet MS", "Myriad Pro", Arial, Tahoma;
	color: #ffffff;
	margin: 0; 
	padding: 0;
}
.pproject h1 {
	font: normal 30px/24px "Trebuchet MS", "Myriad Pro", Arial, Tahoma;
	margin-top: -2px;
}
h1 span{
	font: normal 17px/18px "Trebuchet MS", "Myriad Pro", Arial, Tahoma;
	color: #a8a7a7;
	margin: 0; 
	padding: 0;
}

h2 {
	font: normal 17px/30px "Trebuchet MS", "Myriad Pro", Arial, Tahoma;
	color: #ffffff;
	margin: 0; 
	padding: 0;
}
h3 {
	font: bold 11px Tahoma;
	color: #ffffff;
	margin: 15px 0 0 0; 
	padding: 0;
}

h4 {
	font: normal 17px/18px "Trebuchet MS", "Myriad Pro", Arial, Tahoma;
	color: #ffffff;
	margin: 0; 
	padding: 0;
}

h5 {
	font: normal 17px/20px "Trebuchet MS", "Myriad Pro", Arial, Tahoma;
	color: #bbbbbb;
	margin: 0; 
	padding: 0;
}
h6 {
	font: bold 12px/20px "Trebuchet MS", "Myriad Pro", Arial, Tahoma;
	color: #ffffff;
	margin: 0; 
	padding: 0;
}

form {
	margin: 0;
	padding: 0;
	line-height: 34px;
}
input, textarea, select {
	font: normal 11px Tahoma;
	border: 1px solid #565656;
	color: #ffffff;
	background-color: #000000;
	padding: 3px 0;
}
input {
	text-indent: 5px;
}
input.no {
	border: none;
}
textarea.noscroll {
	overflow: hidden;
}
.w212 {
	width: 212px;
}
.subbut {
	text-align: center;
	padding: 15px 0 5px;
}


#bottommenu h5 a {
	font: normal 17px/34px "Trebuchet MS", "Myriad Pro", Arial, Tahoma;
	color: #bbbbbb;
	margin: 0; 
	padding: 0;
	text-decoration: none;
	border: none;
	background: none;
}
#bottommenu ul li {height:14px;}

#bottommenu {
	position: relative;
	width: 100%;
	height: 123px;
	background: url('../img/bmbg.gif') top repeat-x; 
}
#bottommenucontent {
	width:990px; text-align: left; clear:both;
}
#bottommenucontentn {
	border:1px solid yellow;
}
div#bottommenu div.sub {
	display: block;
	float: left;
	height: 123px;
	text-align:left;
}
#bottommenu .sep {
	display: block;
	float: left;
	width: 1px;
	height: 123px;
	background: url('../img/bmsep.gif') top repeat-x;
}
#bottommenu .sub p { margin: 0 0 5px 0; padding: 0;}
#bottommenu .sub ul{
	margin: 0px; padding: 0 0 0px 0px;
}
#bottommenu .sub ul li{
	list-style-position: outside; list-style-type: none; padding: 0 0 0px 2px;
	font: normal 11px/14px Tahoma;
	color: #646464;
}
#bottommenu .sub ul li a{
	background: url('../img/li.gif') top left no-repeat; 
	font: normal 11px/11px Tahoma;
	color: #646464;
	border-bottom: none;
	padding: 0 0 0 10px;
}
#bottommenu .sub ul li a:hover{
	background: url('../img/li_.gif') top left no-repeat; 
	font: normal 11px/11px Tahoma;
	color: #cccccc;
	border-bottom: none;
	padding: 0 0 0 10px;
}

#bottommenu .sub ul li a.sublink,
#bottommenu .sub p a.sublink{
    border-bottom:1px solid #00BAFF;
    color:#FFFFFF;
    text-decoration:none;
	background:none; 
	font: normal 11px/11px Tahoma;
	padding:0px;
}

#bottommenu .sub ul li a.sublink:hover,
#bottommenu .sub p a.sublink:hover{
	border-bottom-color:#FF9900;
	padding: 0px;
}
div.sub ul li strong{color:#FFFFFF; font-size:13px}

.botcont {
	padding: 6px 0;
}
.botcont strong {
	font:bold 11px/12px Tahoma;
	color:#FFFFFF;
}
.botsep {
	width:20px; 
	display: block; 
	float: left;
}
.botcomp {
	margin-left: 8px;
	width:160px; 
	display: block; 
	float: left; 
	color: #5b5b5b;
	text-align: left;
}
#copycont {
	width:212px; 
	display: block; float: left; text-align:left;
}
#copy {
	padding-left: 20px; 
	color: #5b5b5b; 
}
#compscont {
	width: 390px;
	margin-right: 0px; 
	float: right; 
	text-align:right;
	
}

.tight {
	font: normal 11px/14px Tahoma;
	margin-top: 10px;
	margin-bottom: 10px;
}

ul.leftm{
	margin: 0; padding: 0;
}
ul.leftm li{
	list-style-position: outside; list-style-type: none; padding: 0;
	font: normal 11px/18px Tahoma;
	color: #7f7f7f;
}
ul.leftm li a{
	background: url('../img/li2.gif') top left no-repeat; 
	font: normal 11px/11px Tahoma;
	color: #7f7f7f;
	border-bottom: none;
	padding: 0 0 0 18px;
}
ul.leftm li a:hover{
	background: url('../img/li2_.gif') top left no-repeat; 
	font: normal 11px/11px Tahoma;
	color: #ffffff;
	border-bottom: none;
	padding: 0 0 0 18px;
}
ul.leftm li a.active{
	background: url('../img/li2h.gif') top left no-repeat; 
	font: normal 11px/11px Tahoma;
	color: #ccc;
	border-bottom: none;
	padding: 0 0 0 18px;
}
ul.leftm li a.active:hover{
	background: url('../img/li2_.gif') top left no-repeat; 
	font: normal 11px/11px Tahoma;
	color: #ccc;
	border-bottom: none;
	padding: 0 0 0 18px;
}


.i1 {
	background: url('../img/icons/s/i1.gif') top left no-repeat; 
	font: normal 11px/25px Tahoma;
	padding: 0 0 10px 34px;
}
.i2 {
	background: url('../img/icons/s/i2.gif') top left no-repeat; 
	font: normal 11px/25px Tahoma;
	padding: 0 0 10px 34px;
}
.i3 {
	background: url('../img/icons/s/i4.gif') top left no-repeat; 
	font: normal 11px/25px Tahoma;
	padding: 0 0 10px 34px;
}
.i4 {
	background: url('../img/icons/s/i3.gif') top left no-repeat; 
	font: normal 11px/25px Tahoma;
	padding: 0 0 10px 34px;
}
.i5 {
	background: url('../img/icons/s/i5.gif') top left no-repeat; 
	font: normal 11px/25px Tahoma;
	padding: 0 0 10px 34px;
}

ul.list{
	margin: 0; padding: 0;
}
ul.list li{
	list-style-position: outside; list-style-type: none;
	font: normal 11px/18px Tahoma;
	color: #a6a6a6;
	padding: 0 0 0px 10px;
	background: url('../img/li_.gif');
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

a.page {
	padding: 2px 4px;
	background-color: #000;
	text-decoration: none;
	border: none;
	color: #a6a6a6;
}
.pAct {
	padding: 2px 4px;
	background-color: #3d3d3d;
	text-decoration: none;
	border: none;
	color: #f67d00;
}
a.page:hover {
	padding: 2px 4px;
	background-color: #3d3d3d;
	text-decoration: none;
	border: none;
	color: #a6a6a6;
}

a.requestaquote {
	display: block;
	width: 161px; 
	height: 37px;
	background: url('../img/btn/requestaquote.gif') top left no-repeat;
}
a.requestaquote:hover {
	background: url('../img/btn/requestaquote.gif') bottom left no-repeat;
}

a.viewportfolio {
	display: block;
	width: 161px; 
	height: 37px;
	background: url('../img/btn/viewportfolio.gif') top left no-repeat;
}
a.viewportfolio:hover {
	background: url('../img/btn/viewportfolio.gif') bottom left no-repeat;
}


ul.leftm2{
	margin: 0; padding: 18px 0 0 0;
	border-bottom: 1px solid #2b2b2b;
}
ul.leftm2 li{
	list-style-position: outside; list-style-type: none; padding: 0;
	font: normal 12px/36px Tahoma;
	color: #7f7f7f;
	border-top: 1px solid #2b2b2b;
}
ul.leftm2 li a{
	background: url('../img/li3.png') 15px 0px no-repeat; 
	font: normal 12px/36px Tahoma;
	color: #7f7f7f;
	border-bottom: none;
	padding: 0 0 0 47px;
}

*html ul.leftm2 li a {background: url('../img/li3.png') 15px 12px no-repeat;}

ul.leftm2 li a:hover{
	background: url('../img/li3_.png') 15px 0px no-repeat; 
	font: normal 12px/36px Tahoma;
	color: #ffffff;
	border-bottom: none;
	padding: 0 0 0 47px;
}

*html ul.leftm2 li a:hover{
	background: url('../img/li3_.png') 15px 12px no-repeat;
}

ul.leftm2 li a.active{
	background: url('../img/li3a.png') 15px 0px no-repeat; 
	font: normal 12px/36px; Tahoma;
	color: #ccc;
	border-bottom: none;
	padding: 0 0 0 47px;
}

*html ul.leftm2 li a.active{
	background: url('../img/li3a.png') 15px 12px no-repeat;
}

ul.leftm2 li a.active:hover{
	background: url('../img/li3_.png') 15px 0px no-repeat; 
	font: normal 12px/36px Tahoma;
	color: #ccc;
	border-bottom: none;
	padding: 0 0 0 47px;
}

*html ul.leftm2 li a.active:hover{
	background: url('../img/li3_.png') 15px 12px no-repeat;
}

ul.leftm2 li.submenu{
	background: url('../img/bmbg.gif') bottom center repeat-x; 
}

ul.leftm2 li.submenu ul {	margin: 0; padding: 0;padding: 0 0 10px 25px;}
ul.leftm2 li.submenu ul li { border:0;	margin: 0; padding: 0;	font: normal 13px Tahoma;}
ul.leftm2 li.submenu ul li a{
	background: url('../img/li.gif') 5px 0px no-repeat; 
	font: normal 11px/14px Tahoma;
	color: #646464;
	border-bottom: none;
	padding: 0 0 0 23px;

}



ul.leftm2 li.submenu ul li a:hover{
	background: url('../img/bullet_active.png') 1px 0px no-repeat; 
	font: normal 11px/14px Tahoma;
	color: #cccccc;
	border-bottom: none;
	padding: 0 0 0 23px;

}

*html ul.leftm2 li.submenu ul li a:hover{
	background: url('../img/li_ie6.gif') 5px 0px no-repeat; 
}

ul.leftm2 li.submenu ul li a.active{
	background: url('../img/li_.gif') 5px 0px no-repeat; 
	font: normal 11px/14px Tahoma;
	color:#EEAD4D;
	border-bottom: none;
	padding: 0 0 0 23px;
}