* {margin:0;padding:0;}
body {background:url(bg.jpg) #000}
.root {margin:5px auto;border:0}
.logo {background:url(logo2.jpg) top left no-repeat;width:1019px; float:left; height:43px ;
height: 129px;}
.left_sh {background:url(left_sh.jpg) 0 43px no-repeat;width:52px;height:831px}
.right_sh {background:url(right_sh.jpg) 0 43px no-repeat;width:52px;height:831px ;
}
.line1 {background:url(line.jpg) repeat-y 0 40px #343530;width:1px;height:831px}
.line2 {background:url(line2.jpg) repeat-y #343530;width:1px;height:831px}
.right {
	float:right;
	background:url(menu_c.gif) repeat-x bottom;
	width:595px;
	padding-right:13px;
	margin:5px 9px 0 0;
	display:inline;
	height:34px ;
	margin-top: 90px ;
}
.nav_l {float:left;margin:5px 0 0 330px;background:url(menu_l.gif) no-repeat;width:72px;height:34px;display:inline ;
margin-top: 90px ;}
#nav {position:relative;width:595px;height:34px;float:right}
#nav ul {border:none;list-style-type:none;clear:left;height:34px;background:url(menu.gif) no-repeat top right;margin:0;padding:0}
#nav ul li {float:left;border:none;margin:0;padding:0}
#nav ul li a {display:block;height:34px;margin:0;padding:0}
#home a {background:url(menu.gif) 0 0;width:79px}
#aboutus a {background:url(menu.gif) -79px 0;width:94px}
#services a {background:url(menu.gif) -173px 0;width:94px}
#portfolio a {background:url(menu.gif) -267px 0;width:120px}
#products a {background:url(menu.gif) -387px 0;width:90px}
#contactus a {background:url(menu.gif) -477px 0;width:118px}

#phome a {background:url(menu.gif) 0 -34px;width:78px}
#paboutus a {background:url(menu.gif) -79px -34px;width:94px}
#pservices a {background:url(menu.gif) -173px -34px;width:94px}
#pportfolio a {background:url(menu.gif) -267px -34px;width:120px}
#pproducts a {background:url(menu.gif) -387px -34px;width:90px}
#pcontactus a {background:url(menu.gif) -477px -34px;width:118px}

#home a:hover {background-position:0 -34px}
#aboutus a:hover {background-position:-79px -34px}
#services a:hover {background-position:-173px -34px}
#portfolio a:hover {background-position:-267px -34px}
#products a:hover {background-position:-387px -34px}
#contactus a:hover {background-position:-477px -34px}
.banner {
width:988px;height:233px;border:7px #5b3716 solid;margin:8px}
#content { width:1002px; height:524px;margin:0 8px}
.port_btn {background:url(port_btn.gif) no-repeat top;width:88px;height:25px;float:right;margin:202px 5px 0 0}
.port_btn:hover {background-position:0 -25px}
.news_tit_bg {background:url(news_tit_bar.gif) repeat-x top;height:33px}
.news_bg {
	background:url(news_bg.gif) top repeat-x;
	margin-bottom:8px
}
.news_bg2 {background:url(news_bg.gif) top repeat-x;height:460px;margin-bottom:8px;padding:10px 5px 0 15px}
.about_us,.features,.floor,.contact {margin:10px 15px}
.memberscontrol {margin:10px}
.memberscontrol {background:url(members_control.gif) top no-repeat;width:145px;height:13px}
.about_us {background:url(about_us.gif) top no-repeat;width:78px;height:13px}
.features {background:url(features.gif) top no-repeat;width:69px;height:13px}
.floor {background:url(floor.gif) top no-repeat;width:74px;height:13px}
.contact {background:url(contact_us.gif) top no-repeat;width:91px;height:13px}
.border-one,.border-two  {height:310px;border:1px #614426 solid;margin:0px 0 9px 9px}
#border1 {background:url(web-design.jpg) #201307 no-repeat left top;height:80px;border:1px #614426 solid;margin:11px 0 5px 9px}
#border1:hover, #border1.hovered {border:1px #d9de7c solid;cursor:pointer}
#border1:hover h1, #border1.hovered h1 {color:#ecc49c}
#border2 {background:url(redesign.jpg) #201307 no-repeat left top;height:80px;border:1px #614426 solid;margin:0px 0 5px 9px}
#border2:hover, #border2.hovered {border:1px #d9de7c solid;cursor:pointer}
#border2:hover h1, #border2.hovered h1 {color:#ecc49c}
#border3 {background:url(web-applications.jpg) #201307 no-repeat left top;height:80px;border:1px #614426 solid;margin:11px 0 5px 9px}
#border3:hover, #border3.hovered {border:1px #d9de7c solid;cursor:pointer}
#border3:hover h1, #border3.hovered h1 {color:#ecc49c}
#border4 {background:url(logotypes.jpg) #201307 no-repeat left top;height:80px;border:1px #614426 solid;margin:0px 0 5px 9px}
#border4:hover, #border4.hovered {border:1px #d9de7c solid;cursor:pointer}
#border4:hover h1, #border4.hovered h1 {color:#ecc49c}
#border5 {background:url(corporate-id.jpg) #201307 no-repeat left top;height:80px;border:1px #614426 solid;margin:0px 0 5px 9px}
#border5:hover, #border5.hovered {border:1px #d9de7c solid;cursor:pointer}
#border5:hover h1, #border5.hovered h1{color:#ecc49c}
#border6 {background:url(technical-support.jpg) #201307 no-repeat left top;height:80px;border:1px #614426 solid;margin:0px 0 5px 9px}
#border6:hover, #border6.hovered {border:1px #d9de7c solid;cursor:pointer}
#border6:hover h1, #border6.hovered h1{color:#ecc49c}
.webapptable {width:100%;border:1px #614426 solid}
table.webapptable p {padding:10px}
.tit1 {background:url(one.gif) no-repeat top left #201307; height:28px;border-bottom:1px #614426 solid;}
.tit2 {background:url(two.gif) no-repeat top left #201307; height:28px;border-bottom:1px #614426 solid;}
p, .passwordlost, .small {font:11px Verdana, sans-serif;color:#d9de7c;text-decoration:none}
.passwordtext {	margin:0px 0 5px 10px}
.passwordlost {text-decoration:none;padding:5px 0 0 15px}
.passwordlost:hover {color:#fff}
h1 {font:bold 12px Verdana, sans-serif !important;color:#f0f4a5;margin-left:95px;padding:3px 10px 0px}
h2 {font:bold 12px Verdana, sans-serif !important;color:#f0f4a5;padding:6px 0 0 28px}
h3 {font:bold 12px Verdana, sans-serif !important;color:#f0f4a5;margin:0 0 5px 0}
.text {clear:left;margin-left:95px;padding:4px 10px 8px}
.text1 {clear:left;margin:5px 10px 0 10px; line-height:17px}
.text2 {color:#ecc49c}
.text3 {clear:left;margin:5px 10px 0 10px}
.text4 {clear:left; line-height:16px;font:13px Verdana !important;color:#f0f4a5}
.text5 {clear:left;margin:0 20px;font:10px Verdana !important}
#form  {background:url(form.gif) no-repeat top;width:80px;height:25px;float:right;margin:10px 10px 10px 0}
#form:hover, #form.hovered {background-position:0 -25px}
.work-block {height:335px;width:214px;border:1px #614426 solid;	margin:9px; clear:both}
.user {width:154px;height:27px;background:url(pass.gif) no-repeat;overflow:hidden;margin:3px 10px 0 10px}
.user #s {color:#d9de7c;border:0;width:214px;background:none;margin:4px 0;padding:0 5px 2px}
#pass-in {float:right;margin:5px 10px}
input, textarea {outline:none}
.border-bottom {border-bottom:1px #2e2e26 solid}
.footer {margin:5px auto;border:1px #2e2e26 solid;height:10px;clear: both}
.small a {color:#d9de7c;text-decoration:none}
.small a:hover {color:#fff;text-decoration:none}
.copy {float:left;padding:5px 20px}
.cont {float:right;padding:5px 20px}
.menu {clear:left;background:#342f2e;list-style:none;margin:35px 15px 0 10px;padding:0}
.menu li {margin:0 0 2px;padding:0}
.menu li a {display:block;width:200px;background:#3b3838;border-left:4px solid #d9de7c;font:12px Verdana, sans-serif;color:#d9de7c;text-decoration:none;margin:0;padding:4px 10px}
.menu li a:hover,.menu li a.active,.menu li a.menu_active {color:#f0f4a5;background:#494747;border-left:4px solid #f0f4a5;text-decoration:none}
.icon-about {float:left; background:url(about-us.jpg); width:100px; height:80px;margin:10px}
.icon-web {float:left; background:url(web-design.jpg); width:100px; height:80px;margin:10px}
.icon-app {float:left; background:url(web-applications.jpg); width:100px; height:80px;margin:10px}
.icon-log {float:left; background:url(logotypes.jpg); width:100px; height:80px;margin:10px}
.icon-red {float:left; background:url(redesign.jpg); width:100px; height:80px;margin:10px}
.icon-cor {float:left; background:url(corporate-id.jpg); width:100px; height:80px;margin:10px}
.icon-tec {float:left; background:url(technical-support.jpg); width:100px; height:80px;margin:10px}
.icon-block {padding:10px;margin:0 15px 15px 15px;border:1px #614426 solid; display:block}
.icon-block2 {margin:0 0 10px 0;border:1px #614426 solid;width:100%}
.icon-block3 {margin:0 0 10px 0;border:1px #614426 solid;width:100%; background:#333}
.icon-block4 {margin:0 0 10px 0;border:1px #614426 solid;width:100%; background:#2e2828; height:100px; position:relative}
.icon-block2  p, .icon-block3  p, .icon-block4  p {padding:10px}
.rule {border-top:1px #43453a solid;height:9px;margin:10px 0 0 0;width: 100%}
#sections {clear:left;overflow:hidden;width:891px;height:738px;margin:10px}
#sections ul li { display: block}
.works {background:url(item_background.gif) no-repeat #201307; height:246px; width:297px;margin:0}
.works:hover .text5 {color:#f0f4a5}
.works a img  {border:none;margin:10px 10px 1px 10px}
.client,.target {margin:0 0 1px 10px}
.contact_pic {background:url(contacts.jpg) no-repeat;width:224px;height:308px;border:7px #5b3716 solid;margin:0px}

#next {background:url(down.jpg) no-repeat top;width:51px;height:36px;cursor:pointer}
#prev {background:url(up.jpg) no-repeat top;width:51px;height:36px;cursor:pointer}
#prev:hover, #prev.hovered {background-position:bottom}
#next:hover, #next.hovered {background-position:bottom}
#screen {width:989px;position:relative;height:757px;border:7px #5b3716 solid;overflow:hidden;margin:8px}
#screen #next {position:absolute;top:370px;right:20px}
#screen #prev {position:absolute;top:330px;right:20px;}
.line3 {background:url(line3.jpg) no-repeat top;float:right;width:1px;height:442px}
.rule2 {background:#43453a;	height:1px;	margin:0 15px 0 15px; clear:left}

.contactform form {height:278px;display:block;float:left;border:7px #5b3716 solid;padding:15px;width:680px}
.comment { width:400px; float: right;padding:13px; background:#201307;border:1px #1f2222 solid}
#name, #email, #telephon {height:18px; width:200px;margin:0 0 5px 0;font:12px Verdana;background:#333;border:1px #1f2222 solid;color:#d9de7c;padding:4px 0 2px 5px;float:left}
#message {width:673px;height:140px;margin:10px 0 10px 0;font:12px Verdana;background:#333;border:1px #1f2222 solid;color:#d9de7c;padding:2px 0 2px 5px;overflow:hidden;float:left} 
#submit {margin:0 0 10px 0;float:left}
.textbox {
font-family: Verdana, Arial, Helvetica, sans-serif ;
font-size: 12px ;
background: #fdf5e0 ;
border: medium solid #deca7c ;
color: #3b2918 ;
height: 15px ;
width: 135px ;
}
.textbox:hover {
border: medium solid #846240;
}
.textarea{
font-family: Verdana, Arial, Helvetica, sans-serif ;
font-size: 12px ;
background: #fdf5e0 ;
border: medium solid #deca7c ;
color: #3b2918 ;
height: 50px ;
width: 135px ;
}
.textarea:hover {
border: medium solid #846240;
}
.go{
font-family: Verdana, Arial, Helvetica, sans-serif ;
font-size: 10px ;
background: #392816 ;
border: medium solid #deca7c ;
color: #fdf5e0 ;
height: 25px ;
width: 30px ;
margin-right: 25px ;
margin-bottom: 10px ;
float:right ;
font-weight: bold ;
}
.go:hover {
border: medium solid #846240;
}
.contact1 {
font-family:13px Verdana, sans-serif;
color:#d9de7c;
text-decoration:none ;
font-weight: bold ;
text-align: center ;
}







.chromestyle{
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block;
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
width: 100%;
background: url(chromebg3.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 6px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #3D3E2E;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #7E8859; /*THEME CHANGE HERE*/
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(chromebg3-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #7E8859; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: #87A13A;
width: 200px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#87A13A,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border: 1px solid #7E8859; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #D0E987;
}