body { margin:0; padding:0; width:100%; background:#1F1E1E;}


body
{
background-image:url('images/backdrop4.jpg');
background-repeat:repeat;
}

html { padding:0; margin:0;}

/* main */
.main { 
margin:0; padding:0;
}

ul {
font-size:12px;
color:#555555;
}

.main_resize { 
margin:0 auto; 
padding:0 10px; 
width:958px; 
border-right:1px solid #ececec; 
border-left:1px solid #ececec; 
border-bottom:1px solid #ececec; 
background:#fff;
}

.main_resize h2 { 
font:normal 14px "Trebuchet MS",Arial, Helvetica, sans-serif; 
color:#555555; 
padding:10px 5px; 
margin:0;
}

.main_resize h2 span { 
font:  italic 11px "Trebuchet MS",Arial, Helvetica, sans-serif; 
color:#999;
}

.main_resize h3 { 
font:normal 16px "Trebuchet MS",Arial, Helvetica, sans-serif; 
color:#7e7e7e; 
padding:20px 5px; 
margin:0; 
text-align:right;
}

.main_resize p { 
font:normal 12px "Trebuchet MS",Arial, Helvetica, sans-serif; 
color:#606060; 
line-height:1.8em; 
padding:5px; 
margin:0;
}

.main_resize p span { 
color:#b1b1b1; 
font: italic 11px "Trebuchet MS",Arial, Helvetica, sans-serif; 
line-height:1.8em;
}

.main_resize a { 
color:#2d75c0; 
text-decoration:none;
}

.main_resize img { 
margin:5px auto; 
padding:0;
}

.main_resize ul.serv { 
list-style:none; 
margin:10px 0 10px 5px; 
padding:0; 
width:230px; 
float:left;
}

.main_resize li.serv { 
padding:5px; 
margin:0; 
font:normal 12px "Trebuchet MS",Arial, Helvetica, sans-serif; 
color:#2d75c0;
}

.main_resize img.floated { 
float:left; 
margin:5px 10px 5px 0; 
padding:0;
}

.line {
margin-bottom:50px; 
border-bottom:1px solid #dfdfdf;
background:#303030;
padding:0px;
height:220px;
}



.main_left { 
width:420px; 
float:left; 
padding: 10px 20px 10px 20px; 
margin:0;
border-top:1px solid #dfdfdf;
}

.main_left p { 
font-size:12px;
text-align: justify;
}

.main_center { 
width:800px; 
float:left; 
font-family:inherit;
text-align:justify;
margin: 20px 0px 20px 80px;
}

.main_center img {
float:left;
margin:0px 15px 15px 0px;
border:1px solid #dfdfdf;
padding:5px;
background:#fafafa;
}

.main_center h1 {
font:normal 18px "Trebuchet MS",Arial, Helvetica, sans-serif; 
color:#616161;
padding:10px 10px 10px 5px;
border-bottom:1px solid #dfdfdf;
line-height:15px;
}

.main_center h2 {
font-size:15px;
text-decoration:underline;
line-height:15px;
}

.main_center p {
font:Normal 12px "Trebuchet MS", Webdings, Verdana,Arial, Helvetica, sans-serif; 
line-height:15px;
}

.main_center li {
font:Normal 11px "Trebuchet MS", Webdings, Verdana,Arial, Helvetica, sans-serif;
line-height:18px;
list-style-type:square;
}

.main_center a {

list-style-type:square;
font-size:10px;
font-family:verdana, sans-serif;
font-weight:normal;
color:#777;
margin-bottom:8px;
padding:3px;
}

.main_center a:hover {
color:#bbb;
text-decoration:underline;
}

.main_right { 
width:420px; 
float:right; 
padding: 10px 20px 20px 20px; 
margin:0; 
border-top:1px solid #dfdfdf;
}

.main_right p { 
font-size:12px;
text-align: justify;
}

.blog { 
width:280px; 
float:left; 
padding:0; 
margin:10px 30px 10px 10px;
}

.blog2 { 
width:215px; 
float:left; 
padding:0; 
margin:10px 10px 30px 0;
}


/* header */

.header { 
padding:0 0 0px 0; 
margin-top:7px; 
background:#fff;
border-bottom:1px solid #dfdfdf;
}

/* logo */
.logo {
padding:0 70px 0 10px; 
-moz-border-radius:0px 3px 0 0;
border-radius: 0px 3px 0 0;
margin:0; 
background:#fff;
width:232px; 
float:left;
}

.logo img { 
margin:0; 
padding-left:10px;
}

/*menu*/

.menu {
float:right;
background:#494949;
margin-right:10px;
margin-top:0px;
margin-bottom:0px;
width:35%;
height:13px;
padding:5px 0 6px 0;
-moz-border-radius:0px 0px 0px 2px;
border-radius: 0px 0px 0px 2px;
}

.menu ul { 
padding:0; 
margin:0; 
list-style:none; 
border:0;
}

.menu ul li { 
display:inline;  
margin:0 auto; 
padding:0px; 
border-right:1px solid #999;
}

.menu ul li a {  
display:inline; 
margin:10px; 
padding:5px; 
color:#777;
letter-spacing:1px;
font:Normal 11px "Trebuchet MS", Webdings, Verdana,Arial, Helvetica, sans-serif; 
text-decoration:none;
}

.menu ul li a:hover { 
border-top:2px solid #771607;
color:#ddd;
}

.menu ul li a.active {  
color:#ddd;
}

 /* click */
.click { 
width:350px; 
float:right; 
padding:0; 
margin:0; 
text-align:right;
}

.click p { 
font: normal 12px "Trebuchet MS",Arial, Helvetica, sans-serif; 
color:#959595; 
padding:0; 
margin:0;
}


/* slider_main */

#gallery {
margin-top:0px;
}

#gallery-thumbs {
padding-left:120px;
background:#eee;
}

.slider_main { 
margin:0 auto; 
padding:0;
}

.slider_main .leftt { 
float:left; 
width:260px; 
padding:5px; 
margin-left:0px;
}

.slider_main .leftt h2 {
font: normal 18px "Trebuchet MS",Arial, Helvetica, sans-serif; 
color:#616161; 
padding:0px 0 0 8px; 
margin:30px 0px 10px 15px;
line-height:1.2em;
}

.slider_main .leftt p { 
font: normal 12px "Trebuchet MS",Arial, Helvetica, sans-serif; 
color:#818181;
text-align: justify;
width:230px;
margin:0px 0px 20px 20px;
line-height:1.8em;
}

.slider_main .leftt img { 
float:left; 
margin:0; 
padding:0 0 0 24px;
}

.slider_main .leftt button{
border:none;
float:right;
width:130px;
height:30px;
background: url(images/portfolio.png) no-repeat;
text-align:center;
color:#fff;
font-size:11px;
font-weight:bold;
cursor:pointer;
}

.slider_main .leftt button a {
color:#fff;
}


/* search */

.search { 
padding:0; 
margin:0 auto 30px auto;
}

.search form { 
display:block; 
float:left; 
padding:5px; 
margin:0; 
background:#fafafa;
}

.search p { 
font: bold 11px "Trebuchet MS",Arial, Helvetica, sans-serif; 
color:#959595; 
padding:7px 0; 
height:16px; 
margin:0; 
float:left; 
line-height:14px;
}

.search span {
display:block; 
float:left; 
background:#f6f6f6;
border:1px solid #eaeaea;
width:150px;
padding:0 5px; 
height:30px;
margin:0 3px;
}

.search form .keywords { 
line-height:16px; 
float:left; 
border:0;
width:150px; 
padding:7px 0;
height:16px;
background:none;
margin:0; 
font:normal 14px Arial, Helvetica, sans-serif; 
color:#9c9c9c;
}

.search form .button {
float:left; 
margin:0;
padding:0;
}

/* left_text */

#left_text { 
background:#303030; 
padding:0; 
height:300px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#left_text h2 {
font-size:13px;
font-family:verdana, sans-serif;
font-weight:normal;
color:#bbb;
padding:22px 5px 0 10px;
margin-bottom:8px;
border-bottom:solid 1px #555;
}

#left_text p {
margin:20px;
line-height:20px;
font: normal 11px "Trebuchet MS",Arial, Helvetica, sans-serif; 
color:#777;
}


/* right_text */

#right_text { 
background:#ececec; 
margin:20px 70px;
}

.right_text p { 
font: normal 11px "Trebuchet MS",Arial, Helvetica, sans-serif; 
color:#7e7e7e; 
padding:15px; 
margin:0;
}

/********** contact form **********/
#contactform {
margin:0; 
padding:5px 10px; 
}

#contactform * { 
color:#F00; 
}

#contactform ol {
margin:0; 
padding:0; 
list-style:none;
}

#contactform li {
margin:0;
padding:0; 
background:none; 
border:none;
display:block; 
clear:both; 
}

#contactform li.buttons {
margin:5px 0 5px 0; 
clear:both;
}

#contactform label {
margin:0;
width:150px;
display:block;
padding:10px 0; 
color:#222222; 
font: normal 12px Arial, Helvetica, sans-serif; 
text-transform:capitalize; 
float:left;
}

#contactform label span {
color:#F00; 
}

#contactform input.text {
width:530px;
border:1px solid #e8e8e8;
margin:2px 0; 
padding:5px 2px; 
height:16px;
background:#f8f8f8;
float:left;
}

#contactform textarea {
width:530px; 
border:1px solid #e8e8e8;
margin:2px 0;
padding:2px; 
background:#f8f8f8;
float:left; 
}

#contactform li.buttons input {
padding:3px 0 3px 0px;
margin:10px 0 0 0;
border:0;
color:#FFF; 
float:left; 
}


/*************footer**********/

.footer {
padding:5px 0;  
margin:0;
}

.footer_resize { 
width:960px; 
margin:0 auto; 
padding:5px 10px; 
background:#303030;
}

.footer p {
font:normal 11px  "Trebuchet MS",Arial, Helvetica, sans-serif; 
color:#bbb;
}

.footer a { 
font:normal 10px "Trebuchet MS",Arial, Helvetica, sans-serif;
color:#777; 
text-decoration:none;
padding:5px; 
margin:0;
}

.footer a:hover { 
color:#bbb;
text-decoration:underline;
padding:5px; 
margin:0;
}

.footer_left {
float:left;
}

.footer_left iframe {
border:none;
width:150px;
height:29px;
float:left;
margin:10px 0 
0 0;
}

.footer_left p {
margin:14px 0 0 0;
font-size:9px;
float:right;
text-align:left;
color:#777;
}



.footer_right {
float:right;
}

.footer_right img {
width:100px;
height:25px;
float:right;
padding:5px 10px 5px 10px ;
border-left:1px solid #555;
}

.footer_right p {
margin:7px 0 0 0;
font-size:9px;
float:left;
text-align:right;
color:#777;
}


.footer p.right { 
text-align:right;
width:350px;
margin:0; 
padding:6px 0 0 0; 
float:right;
}

.footer p.leftt { 
text-align:left;
width:550px; 
margin:10px; 
padding:0px; 
float:left;
}


p.clr, .clr { 
clear:both; 
padding:0; 
margin:0; 
background:none;
}

li.bg, .bg {  
clear:both; 
border-top:1px solid #f2f2f2; 
width:100%;
padding:0; 
margin:15px 0;
background:none; 
line-height:0;
}





/* Slider */
#slider { 
width:648px; 
padding:0px 0 0 0; 
margin-top:20px; 
height:428px; 
float:right;
}

#slideshow {
margin:0 auto;
}

.slider-item { 
height: 346px; 
margin:0 auto; 
padding:0; 
}

.slider_content_inner img { 
border: none; 
margin:0 auto;
}

.controls-center { 
width: 608px; 
margin:0 auto; 
padding:0;
}

.controls-center h2 { 
width:350px;
float:left;
font: bold 14px Arial, Helvetica, sans-serif; 
color:#6d6d6d; 
padding:15px 0 0 20px; 
margin:0;
}

.controls-center h3 { 
text-align:right; 
font: normal 36px Arial, Helvetica, sans-serif; 
color:#111; 
padding:10px 20px 15px 0; 
margin:0;
}

.controls-center p {
width:400px; 
float:left;  
font: normal 12px Arial, Helvetica, sans-serif; 
color:#6d6d6d;
padding:3px 0 0 20px; 
margin:0;
}

#slider_controls { 
float: right;
padding: 0px 40px 0 0; 
margin:0; 
width:90px;
}

#slider_controls ul { 
margin:0 auto;
padding:0; 
width:74px;
}

#slider_controls ul li {
background:none;
margin: 0;
padding: 0; 
list-style: none;
}

#slider_controls ul li {
float: left;
display: block; 
}

#slider_controls ul li a {
width: 10px; 
height: 10px; 
background:url('images/tabs_2.gif') no-repeat center center; 
display: block;
float: left;
padding:2px;
margin:2px !important;
margin:1px 1px; 
outline: none; 
}

#slider_controls ul li a:focus {
outline: none; 
}

#slider_controls ul li a:hover,
#slider_controls ul li a.activeSlide { 
background:url('images/tabs_1.gif') no-repeat center center; 
}

.galleria{
list-style:none;
width:200px
}

.galleria li{
display:block;
width:80px;
height:80px;
overflow:hidden;
float:left;
margin:0 10px 10px 0
}

.galleria li a{
display:none
}

.galleria li div{
position:absolute;
display:none;
top:0;
left:180px
}

.galleria li div img{
cursor:pointer
}

.galleria li.active div img,.galleria li.active div{
display:block
}

.galleria li img.thumb{
cursor:pointer;
top:auto;
left:auto;
display:block;
width:auto;
height:auto
}

.galleria li .caption{
display:block;
padding-top:.5em
}

* html .galleria li div span{
width:400px
}

/* MSIE bug */