html{
  background:#282828;
  /*background:#282828 url(../images/bg-top.jpg) repeat-y center top; */
}
body{
	text-align:left;
	background:#fff url('../images/bg.jpg') no-repeat center top;
	/* background:transparent url('../images/bg.jpg') repeat-y center top; */
	color:#666;
	font-family:Arial,Verdana,sans-serif;
  font-size:13px;
  line-height:1.4em;
overflow-x: hidden;
}
a{
  text-decoration:none;
  color:#333;
}
a:hover{
  text-decoration:underline;
}
h1{
  font-size:23px;
  color:#333;
  font-weight:normal;
  margin:0 0 20px 0;
  line-height:28px;
}
.clear{
  clear:both;
  font-size:0;
  line-height:0;
  height:0;
}
#header{
  background:url(../images/header-bg.gif) repeat-x 0 -19px;

position: relative;
z-index: 10000;
}

#headerWrapper{
  width:1000px;
  margin:0 auto 0 auto;
  padding:0;
  position:relative;
  height:145px;
  position:relative;
  z-index:1000;
  z-index:1;
}

#logo{
  position:absolute;
  left:0;
  top:15px;
  display:block;
  width:297px;
  height:84px;
  background:url(../images/logo.jpeg) no-repeat 0 0;
  z-index: 1;
}

#logo span{
  display:none;
}
#contactInfo{
  position:absolute;
  right:0;
  top:35px;
  text-align:right;
  color:#888;
  font-size:16px;
  line-height:1.3em;
}
#nav{
  display:block;
  position:absolute;
  left:0;
  top:114px;
  font-family:Verdana, Arial, sans-serif;
  font-size:12px;
z-index: 1000000;
  width:100%;
}
#nav a{
z-index: 1000000;
  color:#ffffff;
}
#nav a:hover{
  text-decoration:none;
}
#nav .li{
  display:block;
  float:left;
  background:url(../images/nav-separator.gif) no-repeat 0 5px;
  padding:0 2px 10px 4px;
  position:relative;
  
  text-align:center;
  padding:0 0 10px 0;
z-index: 1000000;
}
#nav .first{
  background:none;
  padding-left:0;
}
#nav .lia{
  display:block;
  float:left;
  padding:3px 25px 3px 23px;

  padding:3px 0 3px 0;
  width:100%;
z-index: 1000000;
}
#nav .li:hover .lia, #nav .lia.selected{
  background:#f1c823;
}

#nav .li ul{
 display:none;
 position:absolute;
 top:27px;
 left:0;
 background:#282828;
 width:200px;
 border-left:1px solid #9f9f9f;
 border-right:1px solid #9f9f9f;
 border-bottom:1px solid #9f9f9f;
 
 text-align:left;
z-index: 1000000;
}

#nav .li:hover ul{
  display:block;
}

#nav .li ul li{
  display:block;
}
#nav .li ul li a{
  display:block;
  border-top:1px solid #c2c2c2;
  padding:5px 10px 5px 15px;
}
#nav .li ul li a:hover, #nav .li ul li a.selected{
  background:#f1c823;
  color:#000000;
}

#mainWrapper{
  width:1000px;
  margin:0 auto 0 auto;
  padding:25px 0 40px 0;
}
#mainWrapper:after {
   content: ".";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

#footer{
  margin:100px 0 0 0;
}
#sitemap{
  padding:10px 0;
  background:transparent url(../images/transparent.png) repeat 0 0;
  color:#fff;
}
#sitemap h4, #sitemap #list{
  width:980px;
  margin:0 auto 0 auto;
}
#sitemap h4{
  margin-top:10px;
  font-weight:normal;
  font-size:14px;
  padding:0 0 0 0;
}
#sitemap #list{
  display:block;
  margin-top:20px;
  overflow:hidden;
}
#sitemap .li{
  display:block;
  float:left;
  margin:0 20px 0 0;
}
#sitemap .lia{
  font-weight:bold;
  color:#fff;
}
#sitemap a{
  color:#ddd;
}
.bottom{
  background:#282828;
  color:#fff;
  padding:40px 0 10px 0;
}
#seoText{
  width:1000px;
  margin:0 auto 0 auto;
  overflow:hidden;
}
#copyright{
  clear:both;
  margin:50px 0 0 0;
  width:1000px;
  margin:0 auto 0 auto;
  overflow:hidden;
}
#copyright a{
  color:#fff;
}

#content{
  background:#ffffff;
  float:left;
  width:640px;
  padding:40px 49px 20px 49px;
  overflow:hidden;
  -webkit-box-shadow: 3px 3px 5px #333;
  -moz-box-shadow: 3px 3px 5px #333;
  box-shadow: 3px 3px 5px #333;
  position:relative;
}
#content.wide{
  width:980px;
  padding:10px;
  float:none;
}
#content.home{
  float:none;
  background: #fff;
  min-height: 200px;
  padding: 9px;
  width: 980px;
}

html p{
  margin:0 0 15px 0;
}
#content img{
/*
  margin:0 0 10px 0;
*/
}
#content ul{
  list-style:disc outside;
  margin:0 0 10px 0;
}
#content ul li{
  margin: 0 0 10px 20px;
}


.backLink{
  position:absolute;
  top:20px;
  right:50px;
}
#right{
  width:252px;
  float:right;
}
#right p, .box{
  display:block;
  background:url(../images/box-bg.png) no-repeat right bottom;
  padding:15px 15px 18px 15px;
  margin:0 0 1px 0;
  width:210px;
  width:222px;
}
.box ul{
  margin:5px 0 5px 0;
}
.box ul li{
  border-bottom:1px dashed #ccc;
  padding:2px 0 2px 0;
}

.box.portfolio{
  float:left;
  margin:10px 0 0 0;
  padding-top:10px;
  color:#666;
}
#imagesGallery{
  width:980px;
  height:580px;
  overflow:hidden;
  position:relative;
}
#imagesContainer{
  overflow:hidden;
}
.image{
  float:left;
  width:980px;
  height:580px;
}
/*
.controller{
  position:absolute;
  top:280px;
  padding:0 0 0 0;
  color:#333;
  z-index:2000;
}
#prevImage{
  left:10px;
  padding-left:20px;
  background:url(../images/prev.png) no-repeat left 0;
}
#nextImage{
  right:10px;
  padding-right:20px;
  background:url(../images/next.png) no-repeat right 0;
}
*/

.projectcontrolbar {
  background-color: #707070;
  margin: 0;
  padding: 10px;
  padding-top: 5px;
  padding-top: 5px;
  height: 20px;
}

.projectcontrolbar a{
  color: #fff;
}

#projectsContainer .projectname {
  float: left;
  font-size: 17px;
}

#projectsContainer .moreinfo {
  float: right;
  vertical-align: middle;
  font-size: 11px;
  margin-right: 25px;
}

#projectsContainer .moreinfo img{
  vertical-align: middle;
}


#projectsContainer .moreimages {
  float: right;
}

.projectcontrolbar #prevProject {
  font-size: 15px;
  float: left;
  display: block;
  padding-left: 20px;
  background-image: url(/images/left.jpg);
  background-repeat: no-repeat;
  background-position: left 5px;
}

.projectcontrolbar #nextProject {
  font-size: 15px;
  float: right;
  display: block;
  padding-right: 20px;
  background-image: url(/images/right.jpg);
  background-repeat: no-repeat;
  background-position: right 5px;
}


#info{
  position:absolute;
  bottom:30px;
  left:30px;
  z-index:2000;
  
  display:none;
}
#info h2{
  color:#999;
  font-size:20px;
  font-weight:normal;
}

#newsForm{
  overflow:hidden;
  padding:40px 0 20px 0;
}
#newsFilters{
  float:left;
}
#newsFilters input{
  margin-left:15px;
}
#newsPagination{
  float:right;
}
#newsPagination a{
  text-decoration:underline;
}
#newsPagination a, #newsPagination span{
  padding:0 4px 0 4px ;
}


#newsTable{
 width:100%; 
 font-size:13px;
 font-weight:normal;
}
#newsTable th{
  background:#ccc;
  padding:8px 10px 8px 20px;
}
#newsTable td{
  padding:15px 10px 15px 20px;
}
#newsTable .odd td{
  
}
#newsTable .nDate{
  width:80px;
}
#newsTable .nTitle{
  
}
#newsTable .nAuthor{
 width:120px; 
}
#newsTable .nMode{
  width:100px;
}
#newsTable .even td{
  background:#000;
  color:#fff;
}
#newsTable .even td.nTitle{
  color:#f1c823;
}
#newsTable .newsMore{
  padding:2px 8px 2px 8px;
  background:#cccccc;
  color:#000;
  border:1px solid #000;
}
#newsTable .even .newsMore{
  border-color:#fff;
}

#clients{
  overflow:hidden;
  margin:30px 0 30px 0;
}
#clients a{
 display:block;
 border:2px solid #ccc;
 float:left;
 margin:0 23px 23px 0;
}

#homeBigBoxes{
  margin:10px 0 0 0;
  
}
.homeBigBox{
  -webkit-box-shadow: 3px 3px 5px #333;
  -moz-box-shadow: 3px 3px 5px #333;
  box-shadow: 3px 3px 5px #333;
  position:relative;
  overflow:hidden;
  background:#fff;
  border:0;
  padding:0;
  width:405px;
  height:132px;
  background-image: url(../images/home-box-big.jpg);
  padding: 31px 45px;
  color: #fff;
}

.homeBigBox blockquote{
  border-left:1px solid #fff;
  padding:0 0 0 10px;
}
#homeBigBoxLeft{
  float:left;
  /*background:#2e2e2e url(../images/home-left-bg.gif) no-repeat right bottom;
  color:#fff;*/
  
}
#homeBigBoxRight{
  float:right;
  /*background:#ffffff url(../images/home-right-bg.gif) no-repeat right bottom;*/
}

#homeSmallBoxes{
  margin:10px 0 0 0;
  position:relative;
}

#homeSmallBoxes .box{
  width: 200px;
  height: 66px;
  float:left;
  padding: 21px;
  margin: 5px;
  /* margin:0 1px 0 0; */
  /*min-height:85px; */
  background-image: url(../images/box.png);
}


#homeSmallBoxes .box.first {
  margin-left:0;
}

#homeSmallBoxes .box.last{
  margin-right:0;
 /* position:absolute;
  top:0;
  width:223px;
  right:-10px; */
}


.member{
  border-top:1px dotted #ccc;
  padding:30px 0 30px 120px;
  position:relative;
}
.member .memberImage{
  position:absolute;
  top:30px;
  left:0;
}
.member h2 a{
  padding:0;
  margin:0 0 3px 0;
  color:#f1c823;
  font-size:18px;
}
.member .position{
  display:block;
  margin:3px 0 8px 0;
}

#memberInfo{
  float:left;
  width:410px;
  margin:0 0 20px 0;
}
#memberInfo h1{
  color:#f1c823;
  font-size:20px;
  margin:0 0 3px 0;
  line-height:1.4em;
  font-weight:bold;
}
#memberImage{
  float:left;
  padding:0 30px 30px 0;
}

#contact_table{
  
}

#contact_table th, #contact_table td {
  padding:0 20px 10px 0;
}

#contact_table th{
  
}
#contact_table td{
  
}

.infobar {
  background-color: #262626;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  color: #fff;
  height: 40px;
}

.subinfobar {
  font-size:12px;
  color:  #9d9d9d;
}

/* slider */
.slider-container {
/*
	border:10px solid #fff;
*/
	background-color: #fff;
	position: relative;
/*
	margin-bottom: 12px;
	overflow:hidden;
*/
}
.slider {
    position:relative;
    width:980px;
    height:580px;
/*
    width:850px;
    height:355px;
    background:url(../images/loading.gif) no-repeat 50% 50%;
*/
}
.slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.slider a {        /* => new sfWidgetFormInputFileUploadable(array('dir' => 'home', 'with_thumb' => 'thumb', 'with_delete' => false, 'label'=>'Homepage Left Box Text Image','uploadable' =>  array(
                    //'image_resize' => true, 
                    //'image_ratio_crop' => true, 
                    //'image_x' => '490', 
                    //'image_y' => '160', 
                    'thumbnails' =>  array( 
                      'thumb' =>  array( 
                        'image_resize' => true,
                        'image_ratio_crop' => true,
                        'image_x' => '40',
                        'image_y' => '40',  
                      ), 
                    ))
        )), */
    border:0;
    display:block;
}
.nivo-controlNav {
	padding-top: 4px;
/*
	position:absolute;
	left:40px;
	bottom:30px;
*/
}
.nivo-controlNav a {
	display:block;
	width:12px;
	height:12px;
	background:url(../images/disc.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:8px;
	float:left;
	background-position:0 -12px;
}
.nivo-controlNav a.active {
/*
	background-position:0 -12px;
*/
	background-position:0 0;
}

.nivoSlider {
    position:relative;
    /*width:618px; /* Change this to your images width */
    /*height:246px; /* Change this to your images height */
    background:url(../images/loading.gif) no-repeat 50% 50%;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.nivoSlider a {
    border:0;
    display:block;
}

#slider{
  width:980px;
  height:384px;
}

/* popup styling */



.overlaycolumn {
  float: left;
  width: 250px;
  margin: 0;
  padding: 0;
  padding-right: 20px;
}

#social_links {
  position: absolute;
  top: 5px;
  right: 0px
}

#social_links img{
  height: 15px;
}

.twtr-tweet-text p { background-image: none !important; }

.homepage-click-here {
  display: inline-block;
  color: #fff;
  padding: 6px 16px;
  position: absolute;
  bottom: 20px;
  background: #000 url(../images/bg-button-homepage.png) top left no-repeat;
}

.homepage-click-here:hover {
  text-decoration: none;
  color: #dac23d;
}

.big_box_link_header {
  display: inline-block;
  margin-bottom: 20px;
}

#content-home {
  position: absolute;
  left: 100000px;
  overflow: none;
}

/* Contact Form */

#contact-us {
	width: 650px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #4f4f4f;
}

#contact-us p {
	font-size: 14px;
}

#contact-us table, #contact-us td {
	overflow: hidden;
	margin-top: 20px;
}
	
#contact-form {
	
}

#contact-form p {
	overflow: hidden;
	margin-bottom: 25px;
	width: 100%;
	display: block;
	font-size: 12px;
}

#contact-form label {
	color: #000;
	font-size: 13px;
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
}

#contact-form input, #contact-form textarea {
	border: 1px solid #b2b2b2;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
}

#contact-form input {
	width: 170px;
	padding: 3px;
}

#contact-form span {
	display: block;
	float: left;
	margin-right: 10px;
	width: auto;
	white-space: nowrap;
	font-size: 12px;
}

#contact-form input.radio {
	border: none;
	width: auto;
}

#contact-form select {
	width: 170px;
}

#contact-form .submit-button {
	background: transparent url('images/button-contact-submit.png') center center no-repeat;
	width: 58px;
	height: 23px;
	border: 0;
	float: left;
	margin-right: 10px;
	cursor: pointer;
}