
body {
background: #231f20 url('images/bg.gif') repeat-x;
 font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8pt; line-height:12pt; color:#fff;}

input, textarea { font-family:Arial, Helvetica, sans-serif; font-size: 9px;}

form{
  font-size: 10pt;
  padding: 5px;
}
#main{

/*  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;*/
}

.headgraphic{
 color: #333333;
 background: #ffffff url('images/headgraphic.jpg');
 width: 976px;
 height:100px;
 position: relative;
}

ul li { list-style: square; }


.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper, block { width:100%; overflow:hidden;}
.container { width:100%;}

.maxheight img { position:relative;}

p { margin-bottom:22px;}

/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;font-size: 9px;}
img {border:0; vertical-align:top; text-align:left;}

#contacts-form .form { height:30px;}
#contacts-form .form input {width:206px; color:#84817c; padding:2px 0 2px 3px; background:none; border:1px solid #84817c;}
#contacts-form textarea { width:206px; height:111px; background:none; overflow:auto; border:1px solid #84817c; color:#84817c; padding:1px 0 0 3px; margin-bottom:20px;}
#contacts-form .link1 b { width:auto; padding-right:17px; padding-left:17px;}
#contacts-form .send { margin-left:10px;}


/*==================list====================*/
ul.list2 { list-style:none;margin: 0px 0px 0px 0px;}

.list1 dt { background:url(images/icon1.gif) no-repeat left 2px; padding:0 0 9px 21px; font-size:1.1em;}
.list1 dd { padding-bottom:28px;}

.list2 li { background:url(images/marker.gif) no-repeat left 4px; padding:0 0 8px 19px; }
.list2 li a { color:#ffffff; text-decoration:none;}
.list2 li a:hover { text-decoration:underline;}


/*==================other====================*/
.img-indent { margin:0 20px 0 0; float:left;}
.img-box { width:100%; overflow:hidden; padding-bottom:30px; position:relative;}
.img-box img { float:left; margin:0 20px 0 0;}

.p1 { margin-bottom:22px;}
.p2 { margin-bottom:10px;}
.p3 { margin-bottom:32px;}


/*==================txt, links, lines, titles====================*/
a {color:#99cc00;}
a:hover{text-decoration:none;}





h1,h2,h3,h4,h5,h6 {
 font-family: "Myriad Pro", Arial; }







h1 { font-size:1.9em; line-height:2.4em; margin-bottom:8px; color:#CCCCCC;text-align: left;font-weight: lighter;}
h2 { font-size:1.4em; line-height:1em; margin-bottom:8px; color:#CCCCCC;text-align: left;font-weight: lighter;}
h3 { font-size:1.1em; font-weight:bold; margin-bottom:8px; color:#CCCCCC;text-align: left;font-weight: lighter;}
h4 { font-size:1.1em; line-height:1.1em; margin-bottom:8px; color:#CCCCCC;text-align: left;font-weight: lighter;}
h5 {font-size:1.1em; color:#007000;text-align: left;font-weight: lighter;}

.link1 { display:block; float:left; background:url(images/link1-bgd.gif) left top repeat-x; color:#fff; text-decoration:none;}
.link1 em { display:block; background:url(images/link1-left.gif) no-repeat left top;}
.link1 b { display:block; background:url(images/link1-right.gif) no-repeat right top; padding:2px 15px 2px 15px; font-weight:normal; font-style:normal;}
.link1:hover { text-decoration:underline;}

.extra-link { background:url(images/arrow.gif) no-repeat left 1px; padding:0 0 0 15px; font-size:1.1em;}

.title { margin-bottom:14px; background:url(images/line-hor.gif) left bottom repeat-x;}
.title img { margin:0 0 0 -10px; position:relative;}


/*==================boxes====================*/
.box { background:url(images/box-bg.gif) left top repeat-y; width:100%;}
.box .top { background:url(images/box-top.gif) no-repeat left top;}
.box .top1 { background:url(images/box-top.gif) no-repeat left top;}
.box .top2 { background:url(images/box-top.gif) no-repeat left top;}
.box .bottom { background:url(images/box-bot.gif) no-repeat left bottom;}
.box .inner { padding:20px 15px 30px 20px; width:80%; font-size: 12px;}

.box1 { background:url(images/box1-bg.jpg) left top repeat-y; width:100%;}
.box1 .top { background:url(images/box1-top.jpg) no-repeat left top;}
.box1 .top1 { background:url(images/box1-top1.jpg) no-repeat left top;}
.box1 .bottom { background:url(images/box1-bot.jpg) no-repeat left bottom;}
.box1 .inner { padding:20px 25px 30px 32px;}

.box2 { background:url(images/box2-bg.gif) left top repeat-y; width:100%;}
.box2 .top { background:url(images/box2-top.gif) no-repeat left top;}
.box2 .bottom { background:url(images/box2-bot.gif) no-repeat left bottom;}
.box2 .inner { padding:20px 25px 30px 32px;}


.box3 { background:url(images/box3-bg.gif) left top repeat-y; width:100%;}
.box3 .top { background:url(images/box3-top.gif) no-repeat left top;}
.box3 .bottom { background:url(images/box3-bot.gif) no-repeat left bottom;}
.box3 .inner { padding:10px 15px 5px 12px; }

.roundbox-content ul { margin-left: 0; padding-left: 15px; margin-bottom: 0; padding-bottom: 0; }
.roundbox-content ul li { list-style: square; padding-bottom: 5px;  }


.cont-box { padding:0 25px 0 0; margin:0;}
.cont-box span { float:right;}


/*header*/
/* #header div { position:absolute; } */

/*content*/
#content { background:url(images/content-bg.gif); width:100%; text-align: left;}
#content .bg { background:#141414 url(images/content-top.jpg) no-repeat left -1px; width:100%;}
#content .inside { padding:23px 21px 20px 21px; text-align: left; }
#content .inside.home { padding-left: 15px; padding-right: 0; }

/*footer*/
#footer { background:url(images/footer-bg.jpg) left top no-repeat; text-align:center;}
#footer p { padding:30px 0 10px 0; margin:0; font-size:1.1em;}
#footer p a { padding:0 28px 0 28px; color:#84817c; text-decoration:none;}
#footer p a:hover { text-decoration:underline;}
.projjy{
  font-size: 80%;
}

strong,b{
  font-weight:bold;
  color:#ffffff;
}
/*==========================================*/

.projthumb{
padding: 0px 0px 0px 10px;
}

.col-1{
  margin: 0px 0px 0px 20px;
}

.frontbullet a{
  font-size: 13px;
  color: #ffffff;
  font-weight:bold;
  text-decoration: none;
}

#main {width:976px; margin:0 auto;}

#header {height:410px;}
#header, #content, #footer { font-size:9pt;}

.col-1, .col-2, .col-3 { float:left;}


.col-1 {width:280px; margin-right:9px;text-align: left;}


.col-2 {width:569px; margin-right:9px;text-align: left;}


.col-3 {width:896px; margin-right:9px;text-align: left;}

.bold{
font-weight:bold;
color: #FFFFFF;
}


/*=========================*/


#footer {height:100px; font-size:.75em;}




.roundbox-tr { margin: 0px 10px 0px 20px; padding:0; background:url("images/roundbox_tr.jpg") no-repeat right top; }

.roundbox-tl { margin:0; padding:0; background: url("images/roundbox_tl.jpg") no-repeat left top; }

.roundbox-br { margin:0; padding:0; background: url("images/roundbox_br.jpg") no-repeat right bottom; }

.roundbox-bl { margin:0; padding:0; background: url("images/roundbox_bl.jpg") no-repeat left bottom; }

.roundbox-content { margin:0; padding: 10px 10px 10px 15px;font-size:9pt;line-height:11pt; height: auto;  }

.small_right { float: right; width: 200px; height: auto; }

.wp-image-399 { margin-right: 10px; margin-top: 10px; display: block; clear: both; }

.view_project { margin-top: 10px; }

#facebook { display: block; float: right; width: 100px; height: 31px; background: url(images/facebook.png) top left no-repeat; margin-top: 45px; margin-left: 10px; margin-right: 10px; }
#twitter { display: block; float: right; width: 86px; height: 31px; background: url(images/twitter.png) top left no-repeat; margin-top: 45px; }

div.wrap{
width:600px;
margin:0;
text-align:left;
}
div#top div#nav{
float:left;
clear:both;
width:600px;
height:52px;
margin:22px 0 0;
background:url(images/nav-bg.png) 0 0 no-repeat;
}
div#top div#nav ul{
float:left;
width:600px;
height:52px;
list-style-type:none;
}
div#nav ul li{
float:left;
height:52px;
}
div#nav ul li a{
border:0;
height:52px;
display:block;
line-height:52px;
text-indent:-9999px;
}
div#header{
margin:-1px 0 0;
width:600px;
height: 325px;
float: left;
}
div#video-header{
height:600px;
margin:-1px 0 0;
}
div#header div.wrap{
height:299px;
background:url(images/header-bg.png) 50% 0 no-repeat;
}
div#header div#slide-holder{
width:600px;
height:325px;
position:absolute;
}
div#header div#slide-holder div#slide-runner{
top:0px;
left:0px;
width:600px;
height:325px;
overflow:hidden;
position:absolute;
background-color: #000;
}
div#header div#slide-holder img{
margin:0;
display:none;
position:absolute;
}
div#header div#slide-holder div#slide-controls{
left:0;
bottom:10px;
width:600px;
height:46px;
display:none;
position:absolute;
background:url(images/slide-bg.png) 0 0;
}
div#header div#slide-holder div#slide-controls p.text{
float:left;
color:#fff;
display:inline;
font-size:10px;
line-height:16px;
margin:15px 0 0 20px;
text-transform:uppercase;
}
div#header div#slide-holder div#slide-controls p#slide-nav{
float:right;
height:24px;
display:inline;
margin:11px 15px 0 0;
}
div#header div#slide-holder div#slide-controls p#slide-nav a{
float:left;
width:24px;
height:24px;
display:inline;
font-size:11px;
margin:0 5px 0 0;
line-height:24px;
font-weight:bold;
text-align:center;
text-decoration:none;
background-position:0 0;
background-repeat:no-repeat;
color: #fff;
}
div#header div#slide-holder div#slide-controls p#slide-nav a.on{
background-position:0 -24px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a{background-image:url(images/slide-nav.png);}
div#nav ul li a{background:url(images/nav.png) no-repeat;} 

