/*  CSS  html body style for centre    */

body {
padding:0px; 
margin:0px; 
font-size: 12px;
font-family: arial,verdana,sans-serif;
color:#999999;
height:100%; 
 background: #000000 url('../images/tile.gif') repeat;

  
}

#container {
  min-height:100%;
  position:relative;
  
}
* html #container {
  height:100%;
  overflow:visible;
}

/*  CSS  container for centre content  */


#wrapper{
width: 900px;
position: relative;
margin-left: auto;
margin-right: auto; 
background-color:#2a2a26;
}

a:link {
color:#666666;
font-size:12px;  
text-decoration:none; 

}

a:visited{
color:#666666; 
font-size:12px;  
text-decoration:none; 

}

a:hover{ 
color:#ffffff; 
font-size:12px; 
text-decoration:underline;

}

img{border:none}



form{
margin:0px;
padding:0px;
}

p{line-height:18px;}


/*  CSS  Header styles */

#header{
position:relative;
float:left; 
width:876px;
top:0px;
padding:0px;
margin:0px; 
display:block;
background-image:url(../images/header_background.gif);
width:900px;
height:96px;
clear:both; 
}

#header ul { 
position:relative;
width:550px;
left:10px;
top:50px;
list-style-type:none;
margin:0px; 
padding:0px;
}


#header ul li{ 
list-style-type:none;
float:left; 
}


#header ul li a, #header ul li a:visited{ 
list-style-type:none;
float:left; 
background-image:url(../images/taboff.gif);
background-repeat:no-repeat; 
height:38px; 
width:83px;
display:block;
padding-top:12px;
text-align:center;
font-weight:bold;
color:#ffffff;
}



#header ul li a:hover{
list-style-type:none;
float:left; 
background-image:url(../images/tabon.gif);
background-repeat:no-repeat; 
height:38px; 
width:83px;
display:block;
padding-top:12px;
text-align:center;
font-weight:bold;
color:#ffffff;
}


#header ul li.on{
list-style-type:none;
float:left; 


}



#header ul li.on a, #header ul li.on a:visited{ 
list-style-type:none;
float:left; 
background-image:url(../images/tabon.gif);
background-repeat:no-repeat; 
height:38px; 
width:83px;
display:block;
padding-top:12px;
text-align:center;
font-weight:bold;
color:#ffffff;
}



#header ul li.on a:hover{
list-style-type:none;
float:left; 
background-image:url(../images/tabon.gif);
background-repeat:no-repeat; 
height:38px; 
width:83px;
display:block;
padding-top:12px;
text-align:center;
font-weight:bold;
color:#ffffff;
}



#logo{
position:absolute;
top:10px;
left:605px;
}

/*  CSS  division and styles for left side */




#left {
position:relative;
float: left;
left:7px; 
width: 554px; 
margin:0px; 
padding:0px; 
}


#left-content{
width:530px;
margin-left:10px;
margin-bottom:40px;
}

hr{
margin:0 0 20px 0;
color: #2a2a26;
background-color: transparent;
border: none;
border-bottom:1px dotted #9E9E9E ;
}

#left h1 {
font-size:28px;
color:#999999;
}

#left h2 {
font-size:22px;
color:#ff0000;
}

#left h2 span {
font-size:22px;
color:#ffffff!important;
}


#title {
font-size:22px;
color:#ff0000;
margin:0px;
font-weight:bold;
}

#title span {
font-size:22px;
color:#ffffff!important;
margin:0px;
font-weight:bold;
}

#services_box{
position:relative;
top:-5px;
left:-5px;
width:185px;
display:block;
float:right;
margin-left:25px;
margin-bottom:20px;
padding:5px 5px 5px 8px; 
background-color:#171715;
}

#services_box h2{
margin:0px!important;
padding:0px!important;
}


#services_box ul{
list-style-type:square;
}

#services_box ul li{
list-style-type:square;
color:#999999!important;
font-weight:bold;


}

#services_box ul li span{

}


.images_home{
margin:30px 0 20px 0 ;
padding:0px;
list-style-type:none;


}

.images_home img{
margin-bottom:10px;

}

.images_home li{
float:left;
margin-right:25px;
font-weight:bold;
font-size:11px;
width:145px;
}

.images_home li span{
color:#ff0000;
font-weight:bold;
font-size:11px;

}




/*  CSS  division and styles for middle    */


#middle {
position:relative;
float:left;
width:145px; 
margin:0 0 30px 0; 
padding:0px; 
left:25px; 
top:0px;

}




/*  CSS  division and styles for right    */

#right {
position:relative;
float: right; 
left:-8px; 
width:318px;
margin:0 0 30px 0; 
padding:0px; 
}


#contact{
position:relative;

background-image:url(../images/form.jpg); 
background-repeat:no-repeat;
width:318px;
height:411px;
padding:236px 0 0 0;
margin:0px;
}

#contact p{
font-size:11px;
color:#666666;
padding-left:20px;
margin:38px 0 0 0;
}


#contact hr{
width:300px!important;
margin:8px 0 20px 8px;
padding:0px ;
color: #2a2a26;
background-color: transparent;
border: none;
border-bottom:1px dotted #9E9E9E ;
text-align:center;
}



fieldset{ 
position:relative;
top:-10px;
border:none;
position:relative; 
padding:0px 10px 10px 10px;
margin-bottom:10px; 
color:#ff9933;
width:300px; 
font-size:14px;
font-weight:bold; 
}

fieldset label {
width:120px; 
float:left;
color:#999999!important;
padding-top:5px; 
margin-top:8px;
margin-left:5px; 
font-size:12px!important;
font-weight:normal!important; 
}

fieldset input { 
margin-top:8px;
color:#cccccc;
background-color:#333333; 
border-top:1px solid #666666;
border-bottom:1px solid #1d1c1c;
border-right:1px solid #666666;
border-left:1px solid #1d1c1c;
width:160px;
}

.submit { 
color:#ff0000!important;
width:90px!important;
cursor:pointer!important;
}

fieldset textarea { 
margin-top:8px; 
background-color:#333333; 
border-top:1px solid #1d1c1c;
border-bottom:1px solid #1d1c1c;
border-right:1px solid #1d1c1c;
border-left:1px solid #1d1c1c;
width:160px;
color:#ffffff;
}


.testimonials{
width:291px;
margin:-5px 0 0 1px!important;
padding:10px;
background-color:#171715;
}

.testimonials h2{
margin:0 0 10px 0!important;
padding:0px!important;
color:#CCCCCC;
}


.testimonials hr{
margin:10px 0 10px 0!important;
padding:0px!important;
}

.testimonials p{
margin:0px!important;
padding:0px!important;
font-size:14px!important;
color:#999999!important;
font-style:italic;
}


.gallery{
margin:0px;
padding:0px;
list-style-type:none;
}

.gallery li{
margin:0 9px 9px 0;
padding:0px ;
float:left;
}

.gallery li.last{
margin:0 0 9px 0;
padding:0px;
float:left
}

.gallery img{ 
border: 1px dotted #999999!important
}



#workshop{
margin:0 0 15px 0;
padding:0px;
list-style-type:none;
width:500px;
}

#workshop li{
float:left;
width:163px;
margin:0 0 8px 0;
padding:0px;
border-bottom:1px dotted #666666;
}

#workshop li span{
color:#ffffff;
font-weight:bold;
}

.table th{
background-color:#000000;
color:#ffffff;
font-weight:bold;
border-right:1px dotted #666666;
}

.table {
border:1px dotted #666666;

}

.table td{
border-bottom:1px dotted #666666;
border-right:1px dotted #666666;
}

.table td.curcuit{
background-color:#333333!important;
color:#ffffff!important;

}
.table tr.curcuit{
background-color:#333333!important;
color:#e0e0e0!important;

}

#big {
border:1px solid #ff0000;
padding:5px;

}


/*  CSS floating styles                    */



.clear{
clear:both; 
margin:0px;
padding:0px; 
font-size:1px
}


/*  CSS footer content and styles          */



#footer {
background-image:url(../images/wrapper_repeat.gif);
background-repeat:repeat-y; 
width: 884px;
margin:10px 0 0 0;
padding:12px 8px 12px 8px;   
background-color:#181717; 
clear:both;
  
}




#footer ul{
margin:0px;
padding:0px;
list-style-type:none;
float:left;
}
#footer ul li{
margin:0px;
padding:0 15px 0 15px;
border-right:1px dotted #ffffff;
font-size:12px;
display:inline;
}
#footer ul li.last{
border-right:none!important;
}
#footer ul li.first{
padding:0 15px 0 0 !important;
}
#footer ul li a, #footer ul li a:visited {color:#ffffff!important;}
#footer ul li a:hover {color:#ff0000!important;}

#footer ol{

margin:0px;
padding:0px;
list-style-type:none;
width:325px;
float:right;
}

#footer ol li{
margin:0px;
padding:8px 0 8px 0;
border-bottom:1px dotted #666666;
font-size:12px;
width:160px;
display:block;
float:left;
}

#footer ol li span{
color:#ffffff;
}