body {
background-color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin: 0px;
padding: 0px;
}

#container {
background-image:url(../img/bg.jpg);
background-repeat:repeat-x;
}

#wrapper {
background-image: url(../img/header.jpg);
background-repeat: no-repeat;
width: 800px;
min-height: 600px;
padding: 0px;
margin: 0px;
}

h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 24px;
color:#accf7e;
font-weight: 100;
text-decoration: none;
font-style: normal;
margin: 0px;
padding: 30px 0px 0px 30px;
}

h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color:#accf7e;
font-weight: 100;
text-decoration: none;
font-style: normal;
margin: 0px;
padding: 0px 0px 20px 30px;
}



h4 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color:#ffffff;
font-weight: 100;
text-decoration: none;
font-style: normal;
float: left;
margin: 0px;
padding: 0px 0px 0px 15px;
}




/* TOP SECTION */

#header {
margin: 0px;
padding: 0px;
width: 800px;
}

#blank {
width: 800px;
height: 140px;
margin: 0px;
padding: 0px;
}

#mainnav {
width: 800px;
margin: 0px;
padding: 0px;
}

#mainnav ul {
width: 100%;
list-style: none;
margin: 0;
padding: 0;
float: left;
}

#mainnav li {
list-style:none;
display: inline;
padding: 0px;
margin: 0px;
}

#mainnav a {
text-decoration:none;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size: 12px;
color:#9a9797;
}

#mainnav a.homeact {
background-position: 20px 15px;
background-image:url(../img/high.gif);
background-repeat:no-repeat;
color:#FFFFFF;
margin: 0px;
padding:25px 15px 20px 30px;
float: left;
}

#mainnav a.home {
margin: 0px;
padding:25px 15px 20px 30px;
float: left;
}

#mainnav a.home:hover,active {
background-position: 25px 15px;
color:#FFFFFF;
}

#mainnav a.servicesact {
background-position: 20px 15px;
background-image:url(../img/high.gif);
background-repeat:no-repeat;
color:#FFFFFF;
margin: 0px;
padding:25px 15px 20px 15px;
float: left;
}

#mainnav a.services {
margin: 0px;
padding:25px 15px 20px 15px;
float: left;
}

#mainnav a.services:hover {
color:#FFFFFF;
}

#mainnav a.portfolioact {
background-position: 20px 15px;
background-image:url(../img/high.gif);
background-repeat:no-repeat;
color:#FFFFFF;
margin: 0px;
padding:25px 15px 20px 15px;
float: left;
}

#mainnav a.portfolio {
margin: 0px;
padding:25px 15px 20px 15px;
float: left;
}

#mainnav a.portfolio:hover {
color:#FFFFFF;
}

#mainnav a.aboutact {
background-position: 20px 15px;
background-image:url(../img/high.gif);
background-repeat:no-repeat;
color:#FFFFFF;
margin: 0px;
padding:25px 15px 20px 15px;
float: left;
}

#mainnav a.about {
margin: 0px;
padding:25px 15px 20px 15px;
float: left;
}

#mainnav a.about:hover {
color:#FFFFFF;
}

#mainnav a.contactact {
background-position: 20px 15px;
background-image:url(../img/high.gif);
background-repeat:no-repeat;
color:#FFFFFF;
margin: 0px;
padding:25px 15px 20px 15px;
float: left;
}

#mainnav a.contact {
margin: 0px;
padding:25px 15px 20px 15px;
float: left;
}

#mainnav a.contact:hover {
color:#FFFFFF;
}


/*MIDDLE SECTION */

#left {
width:400px;
height: auto;
margin: 0px;
padding: 0px;
float: left;
}

#welcome{
width: 390px;
height: 210px;
margin: 0px;
padding: 0px;
}

#welcome p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#ffffff;
margin: 0px;
padding: 0px 15px 10px 30px;
}

#welcome p.welcome {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color:#ffffff;
font-weight: 100;
text-decoration: none;
font-style: normal;
margin: 0px;
padding: 0px 0px 10px 30px;
}

#welcome p.desc {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#b4b4b4;
margin: 0px;
padding: 0px 0px 0px 30px;
}

#welcome a {
background-image:url(../img/bullet.gif);
background-repeat: no-repeat;
background-position: 0px 13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#accf7e;
margin: 0px;
padding: 10px 20px 0px 8px;
float: right;
text-decoration:none;
}

#welcome a:hover {
color:#FFFFFF;
background-image:url(../img/bullet1.gif);
background-repeat: no-repeat;
background-position: 0px 13px;
}

#project {
background-image:url(../img/line.gif);
background-repeat: no-repeat;
background-position: 170px 9px;
width: 390px;
height: 265px;
margin: 0px;
padding: 0px 0px 30px 0px;
}

#project img{
border: double #7d7d7d 3px;
width: 344px;
height: 158px;
margin: 0px;
padding: 0px;
}

#project ul {
margin: 0px;
padding: 10px 0px 0px 30px;
list-style: none;
float: left;
}

#project li {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color:#FFFFFF;
padding: 0px;
margin: 0px;
}

#project span{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color:#b3b3b3;
margin: 0px;
padding: 0px;
}

#project span.titlecol {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color:#ffffff;
font-weight: 100;
text-decoration: none;
font-style: normal;
margin: 0px;
padding: 0px 0px 0px 0px;
}

#project a {
margin: 0px;
text-decoration:none;
padding: 10px 0px 0px 30px;
}

#project a.more:hover {
background-image:url(../img/bullet1.gif);
background-repeat: no-repeat;
background-position: 0px 13px;
color:#FFFFFF;
}

#project a.more {
background-image:url(../img/bullet.gif);
background-repeat: no-repeat;
background-position: 0px 13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#accf7e;
margin: 0px;
text-decoration:none;
padding: 10px 20px 0px 8px;
float: right;
}

#right {
width:400px;
margin: 0px;
padding: 0px;
float: right;
}

#news {
background-image:url(../img/line.gif);
background-repeat: no-repeat;
background-position: 170px 70px;
display: block;
width: 400px;
float: right;
padding: 60px 0px 0px 0px;
margin: 0px;
}

#news ul.news {
padding: 0px;
margin: 0px;
float: left;
}

#news ul.news li {
padding: 0px;
margin: 0px;
float: left;
}

#news a.image{
width: 80px;
height: 63px;
margin: 0px 0px 20px 30px;
padding: 0px;
float: left;
}

#news img {
text-decoration: none;
border: double #7d7d7d 3px;
}

#news span{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color:#b3b3b3;
margin: 0px;
padding: 0px;
}

#news span.titlecol {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color:#ffffff;
font-weight: 100;
text-decoration: none;
font-style: normal;
margin: 0px;
padding: 0px 0px 0px 0px;
}

#news p.insert {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
width: 250px;
float: left;
color:#b3b3b3;
margin: 0px;
padding: 0px 0px 0px 15px;
}

#news p.title {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
width: 250px;
display: inline;
float: left;
color:#ffffff;
margin: 0px;
padding: 0px 0px 0px 15px;
}

#news a.way {
background-position: 0px 13px;
background-image:url(../img/bullet.gif);
background-repeat: no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#accf7e;
margin: 0px;
border: none ;
text-decoration:none;
padding: 10px 20px 20px 8px;
float: right;
}

#news a.way:hover {
color:#FFFFFF;
background-position: 0px 13px;
background-image:url(../img/bullet1.gif);
background-repeat: no-repeat;
}

#newsletter {
background-image:url(../img/line.gif);
background-repeat: no-repeat;
background-position: 170px 10px;
clear: both;
float: right;
width: 400px;
padding: 0px 0px 0px 0px;
margin: 0px;
}

#newsletter span{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color:#ffffff;
font-weight: 100;
text-decoration: none;
font-style: normal;
margin: 0px;
padding: 0px 0px 0px 0px;
}

#newsletter p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#ffffff;
margin: 0px;
padding: 0px 0px 10px 30px;
}

#newsletter p.desc {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#b4b4b4;
margin: 0px;
padding: 0px 0px 10px 30px;
}

#framerow {
float: left;
display: inline;
margin: 0px;
padding: 0px 0px 0px 0px;
}

#framerows {
float: left;
display: inline;
margin: 0px;
padding: 0px 0px 0px 0px;
}

#framerowss {
float: left;
display: inline;
margin: 0px;
padding: 0px 0px 0px 0px;
}

.newslabel {
width: 120px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
float: left;
color:#ffffff;
margin: 0px;
padding: 5px 5px 0px 30px;
}

.newsbox {
width: 220px;
float: left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background-color:#000000;
color:#FFFFFF;
border: 1px #545454 solid;
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.newsbutton {
width: 85px;
background-image:url(../img/bullet.gif);
cursor: pointer;
background-repeat: no-repeat;
background-position: 0px 3px;
background-color:#000000;
border: none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#accf7e;
margin: 10px 0px 0px 0px;
padding: 0px 18px 0px 6px;
float: right;
}

.newsbutton:hover {
cursor: pointer;
background-image:url(../img/bullet1.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
background-color:#000000;
border: none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#ffffff;
margin: 10px 0px 0px 0px;
padding: 0px 18px 0px 6px;
float: right;
}




/*BOTTOM SECTION*/

#footer {
clear: both;
background-image: url(../img/footer.gif);
background-repeat: repeat-x;
height: 37px;
padding: 0px;
margin: 0px;
}

#footer p{
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size: 11px;
color:#737373;
margin: 0px;
padding: 13px 0px 0px 20px;
}



/* PORTFOLIO PAGE */


#sidenav {
background-image:url(../img/reflect.gif);
background-repeat: no-repeat;
background-position: -1px 48px;
clear: both;
width:214px;
min-height: 200px;
margin: 0px;
padding: 0px 0px 0px 0px;
float: left;
}

#clearnav {
clear: both;
float: left;
min-height: 600px;
width: 30px;
padding: 0px;
margin: 0px;
}

#navcontainer {
float: left;
width: 184px;
margin: 20px 0px 0px 0px;
padding: 0px;
overflow: auto;
cursor: default;
}

.nav {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color:#accf7e;
font-weight: 100;
text-decoration: none;
font-style: normal;
margin: 0px;
padding: 0px 0px 20px 30px;
}

#accordion .toggle {
background-image:url(../img/top_up.gif);
background-repeat: no-repeat;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color:#accf7e;
font-weight: 100;
display: block;
margin: 0;
padding: 2px 0px 6px 30px;  
color: #fff;
text-decoration: none;
outline: none;
cursor: pointer;
}

#accordion .toggle.active {
background-image:url(../img/top_down.gif);
background-repeat: no-repeat;
color: #fff;
}

#accordion ul {
list-style: none;
margin: 0px;
padding: 0px 0px 10px 0px;
float: left;
}

#accordion li {
margin: 0px;
padding: 0px 0px 2px 0px;
}

#accordion a {
text-decoration:none;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size: 10px;
color:#999999;
margin: 0px;
padding: 0px 0px 0px 0px;
}

#accordion a:hover {
color: #FFFFFF;
}

#accordion .top {
color: #c7c7c7;
background-image:url(../img/top_up.gif);
}

#accordion .top.active {
background-image:url(../img/top_down.gif);
}

#accordion .mid {
color: #c7c7c7;
background-image:url(../img/mid_up.gif);
}

#accordion .mid.active {
background-image:url(../img/mid_down.gif);
}

#accordion .bot {
color: #c7c7c7;
background-image:url(../img/bottom_down.gif);
}

#accordion .bot.active {
background-image:url(../img/mid_down.gif);
}
      
#accordion .content {
background-color: #151515;
color: #999999;
overflow: hidden;
}

#accordion .content div.contentBody {
padding: 10px 0px 0px 20px;
}
      
#form_content form input {
display: block;
margin-bottom: 20px;
}

#navdesc {
float: left;
width: 184px;
padding: 10px 0px 0px 0px;
margin: 0px;
}

#navdesc p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#ffffff;
}

#navdesc p.rest {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#b4b4b4;
}

#gallery {
background-image:url(../img/line3.gif);
background-repeat: no-repeat;
background-position: 157px 84px;
width:586px;
margin: 0px;
padding: 75px 0px 30px 0px;
float: right;
}

#gallery span.titlecol {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color:#ffffff;
font-weight: 100;
text-decoration: none;
font-style: normal;
margin: 0px;
padding: 0px 0px 0px 0px;
}

#featured {
width: 585px;
padding: 0px 0px 30px 30px;
margin: 0px;
float: left;
}

#featured img{
border: double #7d7d7d 3px;
width: 507px;
margin: 0px;
padding: 0px;
}

#featured a.flash{
	width: 507px;
	margin: 0px;
	padding: 0px;
}

#featured ul {
margin: 0px;
padding: 10px 0px 0px 0px;
list-style: none;
float: left;
}
#featured p {
background-image: url(../img/div.gif);
background-repeat: no-repeat;
background-position: 0px 80px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
width: 500px;
color:#FFFFFF;
padding: 20px 0px 50px 0px;
margin: 0px;
float: left;
}

#featured li {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color:#FFFFFF;
padding: 0px;
margin: 0px;
}

#featured span{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color:#b3b3b3;
margin: 0px;
padding: 0px;
}

#featured span.titlecol {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color:#ffffff;
font-weight: 100;
text-decoration: none;
font-style: normal;
margin: 0px;
padding: 0px 0px 0px 0px;
}

#featured a {
margin: 0px;
text-decoration:none;
padding: 10px 0px 0px 30px;
}

#featured a.more:hover {
background-image:url(../img/bullet1.gif);
background-repeat: no-repeat;
background-position: 0px 13px;
color:#FFFFFF;
}

#featured a.more {
background-image:url(../img/bullet.gif);
background-repeat: no-repeat;
background-position: 0px 13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#accf7e;
margin: 0px;
text-decoration:none;
padding: 10px 55px 0px 8px;
float: right;
}

#pro {
width: 265px;
padding: 0px 0px 15px 0px;
margin: 0px;
float: left;
}

#pro img{
border: double #7d7d7d 3px;
width: 243px;
height: 127px;
margin: 0px;
padding: 0px;
}

#pro ul {
width: 150px;
margin: 0px;
padding: 10px 0px 0px 30px;
list-style: none;
float: left;
}

#pro li {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color:#FFFFFF;
padding: 0px;
margin: 0px;
}

#pro span{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color:#b3b3b3;
margin: 0px;
padding: 0px;
}

#pro span.titlecol {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color:#ffffff;
font-weight: 100;
text-decoration: none;
font-style: normal;
margin: 0px;
padding: 0px 0px 0px 0px;
}

#pro a {
margin: 0px;
text-decoration:none;
padding: 10px 0px 0px 30px;
}

#pro a.more:hover {
background-image:url(../img/bullet1.gif);
background-repeat: no-repeat;
background-position: 0px 13px;
color:#FFFFFF;
}

#pro a.more {
background-image:url(../img/bullet.gif);
background-repeat: no-repeat;
background-position: 0px 13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#accf7e;
margin: 0px;
text-decoration:none;
padding: 10px 0px 0px 8px;
float: right;
}

/* SERVICES PAGE */

#servnav {
background-image:url(../img/reflect2.gif);
background-repeat: no-repeat;
background-position: -1px 48px;
clear: both;
width:214px;
min-height: 200px;
margin: 0px;
padding: 0px 0px 0px 0px;
float: left;
}

#service {
width:586px;
margin: 0px;
padding: 75px 0px 30px 0px;
float: right;
}

#service.s {
background-image:url(../img/line1.gif);
background-repeat: no-repeat;
background-position: 220px 84px;
}

#service.w {
background-image:url(../img/line1.gif);
background-repeat: no-repeat;
background-position: 220px 84px;
}

#service.b {
background-image:url(../img/line2.gif);
background-repeat: no-repeat;
background-position: 140px 84px;
}

#service.m {
background-image:url(../img/line1.gif);
background-repeat: no-repeat;
background-position: 220px 84px;
}

#service.d {
background-image:url(../img/line.gif);
background-repeat: no-repeat;
background-position: 330px 84px;
}

#service.g {
background-image:url(../img/line3.gif);
background-repeat: no-repeat;
background-position: 155px 84px;
}



#service p {
margin: 0px;
padding: 0px 50px 20px 30px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#FFFFFF;
}

#service ul {
margin: 0px;
padding: 10px 0px 0px 30px;
list-style: none;
float: left;
}

#service li {
background-image:url(../img/bullet.gif);
background-repeat: no-repeat;
background-position: 0px 12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color:#ffffff;
padding: 10px 0px 0px 10px;
margin: 0px;
}


/* ABOUT US PAGE */

#about {
background-image:url(../img/reflect1.gif);
background-repeat: no-repeat;
background-position: -1px 48px;
clear: both;
width:800px;
min-height: 200px;
margin: 0px;
padding: 0px 0px 0px 0px;
float: left;
}

#about p {
margin: 0px;
padding: 30px 50px 0px 30px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#FFFFFF;
}

#sa {
margin: 0px;
padding: 0px;
background-position: 25px 0px;
background-image:url(../img/sa.gif);
background-repeat: no-repeat;
width: 709px;
height: 176px;
}



/* CONTACT US PAGE */

#contact {
background-image:url(../img/reflect3.gif);
background-repeat: no-repeat;
background-position: -1px 48px;
clear: both;
width:800px;
min-height: 200px;
margin: 0px;
padding: 0px 0px 0px 0px;
float: left;
}

#adres {
width:200px;
margin: 0px;
padding: 17px 0px 0px 0px;
float: left;
}

#adres p {
margin: 0px;
padding: 1px 50px 0px 30px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#FFFFFF;
}

#tel {
width:200px;
margin: 0px;
padding: 17px 0px 0px 0px;
float: left;
}

#tel p {
margin: 0px;
padding: 1px 0px 30px 30px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#FFFFFF;
}

#tel a {
margin: 0px;
padding: 1px 0px 30px 30px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
text-decoration: none;
}

#tel a:hover {
color:#999999;
} 

#map {
background-position: 20px 30px;
background-image:url(../img/map.gif);
background-repeat: no-repeat;
width: 550px;
height: 450px;
margin: 0px;
padding: 0px;
float: left;
}