@charset "utf-8";
/* CSS Document */

/*	CSS Reset Values			*/

html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,
abbr,acronym, address,big,cite,code,del,
dfn,em,font,img,ins,kbd,q,s,samp,small,
strike,strong,sub,sup,tt, var,dd,dl,dt,
li,ol,ul,fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td 
{
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
}

table 
{
	border-collapse: collapse;
	border-spacing: 0;
}

ol,ul 
{
	list-style: none;
}

/*	General Settings			*/

body{
 font-family:Geneva, Arial, Helvetica, sans-serif;
 font-size:15px;
 color:#666;
 margin:0;
 padding:0;
 font-weight:normal;
 background:  url(bgla3st.jpg) repeat;
 background-attachment:fixed;

 }
 
#main{
 background: url(../images/wrap.gif) repeat-x;
 background: url(../images/wrap.gif) repeat-y;
 top:0;
 left:0;
 height: 7px;
 position:fixed;
 width:100%;
 z-index:1000;
} 
 
#wrap {
 width:960px;
 margin:0 auto;
 padding:0 0 0 0;
 } 
 
img.left{
 float:left;
 background:#fff;
 padding:6px;
 border:1px solid #bbb;
 margin: 2px 10px 5px 0; 
 } 
 
img.right{
 float:right;
 background:#fff;
 padding:6px;
 border:1px solid #bbb;
 margin: 2px 0 5px 10px;
 } 
 
.clear {
 clear: both;
 height:1px;
 } 
 
.line {
 margin:0;
 padding:0;
 background: url(../images/line.gif) bottom repeat-x; 
 }

em {
 font-style:italic;
 }
 
blockquote {
 background: url(../images/quote.png) top left no-repeat;
 line-height:1.3em;
 margin:20px 0 0 0;
 padding:0px 0 0 80px;
 }
   
h1,h2,h3,h4,h5,h6 {
 color:#222;
 font-weight:normal;
 margin:0;
 padding:0;
 text-transform:uppercase;
 } 
 
h1{
 font-size:24px;
 }  
 
h2{
	font-size:35px;
 } 
 
h3{
 font-size:16px; 
 }
 
h4{
 font-size:13px; 
 }
 
h5{
 font-size:10px; 
 }
  
h6{
 font-size:8px; 
 } 
   
 
/*	General Links			*/

a:link,a:active,a:visited,a:hover{
 color:#e48904;
 outline: none; 
 text-decoration:none;
 }
a:hover{
 text-decoration:underline;
 }


 /*	Sidebar		*/ 

#sidebar {
 width:170px; 
 display:inline;
 position:fixed;
 top:50px;
 float:left;
 padding: 47px 0 0 0px;
 }
 
 
/*	Header			*/ 

#header {
	position:absolute;
	top:50px;
	height:60px;
	width: 5px;
}
  
 
/*	Navigation			*/

ul.nav li a:link, ul.nav li a:active, ul.nav li a:visited  {
 background:url(../images/transbg.png) repeat;
 float:right;
 margin:5px 0 0 0;
 display:block;
 font-weight:600;
 width:125px;
 color:#444;
 font-size:16px;
 text-shadow:1px 1px 1px #fff;
  -moz-border-radius: 6px;
 -webkit-border-radius: 6px;
 text-transform:uppercase;
 padding:8px ;
 }
 
ul.nav li a:hover  {
 color:#fff;
 background:#fc9600;
 text-decoration:none;
 text-shadow:1px 1px 1px #111;
 }  
 
/*	Container			*/  

#container {
 width:770px;
 padding:0 ;
 margin:0 0 0 190px;
 display:block; 
 } 

/*	Slideshow			*/ 

 
#slideshow {
 height:300px;
 position:relative;
 top:8px;
 width:750px;
 background:url(../images/slidebg.png) repeat-x;
 padding:10px;
 left:0px;
 }

.clear{
 clear:both;
 height:1px;
 } 

.stepcarousel{
 position: relative; 
 overflow: scroll;
 top:8px;
 width: 770px;
 background:url(../images/transbg.png);  
 height: 302px;
 left:0;
 margin:0 ;
 }

.stepcarousel .belt{
 position: absolute; 
 left: 0;
 top: 0;
 }

.stepcarousel .panel{
 float: left;
 overflow: hidden; 
 width: 350px;
 padding:14px; 
 margin:0;
 } 

/*	Middle Container			*/ 

#middle-container {
 padding:5px 0;
 margin:60px 0 10px 0;
 border-bottom:1px solid #ccc;
 border-top:1px solid #ccc;   
 }
 
#middle-container img{
 float:right;
 width:150px;
 margin: 8px 0 0 0;
 padding: 0;
 }
 
#middle-container p{
 font-size:23px;
 width:570px;
 line-height:1.1em;
 float:left;
 margin: 0;
 color:#111;
 padding:5px 5px 0px 5px;
 } 
 
#middle-container p small{
	font-size:16px;
	width:590px;
	line-height:1.3em;
	float:left;
	color:#666;
	margin: 0;
	padding:1px 5px 5px 3px;
	text-align: left;
	font-family: inherit;
 }  

 
#main-container, .container {
 margin-bottom:500px;
 padding:0 0 0 0;
 }  
 
.home-bottom {
 padding:20px 0 0 0;
 }
 
.home-bottom h3{
 padding:5px 0;
 font-size:16px;
 margin-bottom:10px;
 text-shadow:1px 1px 1px #fff;
 } 

.line h3{
 padding:5px 0 10px 0;
 font-size:16px;
 margin-bottom:5px;
 }
 
.home-bottom p{
 padding:5px 0;
 line-height:1.2em;
 } 
  
.home-bottom img{ 
 float:left;
 padding:0;
 margin:3px 10px 0 0;
 }   
 
.left-container {
 width:240px;
 padding:5px;
 float:left;
 margin-right:10px;
 }
 
 
.centre-container {
 width:240px;
 padding:5px;
 float:left;
 margin-right:10px;
 } 
 
.right-container {
 width:240px;
 padding:5px;
 float:left;
 }
 
/*	Content Box			*/ 


.content-box {
 padding:0 0; 
 }
 
.content-box ul, .content-box ol {
 margin:0px 10px 15px 10px;
 padding:3px;
 } 
 
.content-box ol {
 margin:0px 10px 15px 15px;
 padding:3px;
 }  
 
.content-box ul li{
 list-style:disc;
 margin:5px 0;
 padding:1px 0;
 }  
 
.content-box ol li{
 list-style:decimal;
 margin:5px 0;
 padding:1px 0;
 } 
  
.content-box h2 {
 font-size:35px;
 padding-bottom:10px;
 margin-bottom:20px;
 }
 
.content-box p.first{
 padding:5px 0;
 margin:5px 0;
 font-size:20px;
 line-height:1.4em;
 color:#333;
 }  
 
.content-box p {
 padding:5px 0;
 margin:5px 0;
 line-height:1.4em;
 } 
 
.content-box ul li span {
 color:#333;
 font-size:16px; 
 }  


/*	Products			*/

.product {
 border-bottom:1px solid #ccc;
 padding:13px 0 10px 0;
 }
 
 
 
/* Portfolio  */

#portfolio {
 margin: 0;
 padding: 0px 0 0 10px;
 }

ul#portfolio-filter{ 
 margin: 0;
 padding: 0 17px 0 0; 
 height: 47px;
 line-height: 1.8em;
 float:right;
 }
 
ul#portfolio-filter li{
 display: inline;
 text-transform:uppercase; 
 }
 
ul#portfolio-filter a{
 padding: 5px 10px; 
 font-weight: bold; 
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;  
 text-decoration: none;
 color: #444;
 text-shadow:1px 1px 1px #fff;   
 }
 
ul#portfolio-filter a:hover {
 background:url(../images/transbg.png) repeat; 
 text-shadow:1px 1px 1px #fff;  
 color:#000; }
 
ul#portfolio-filter a.current{
 background:#fc9600; 
 text-shadow:1px 1px 1px #000;  
 color:#fff;
 }

ul#portfolio-list{
 margin: 0 0 0 0; 
 padding: 3px 0 0 0; 
 list-style: none;
 }
 
ul#portfolio-list li{
 display: block; 
 float: left; 
 margin: 0 20px 15px 0; 
 overflow: hidden; 
 background:#fff; 
 padding:8px; 
 width:150px;
 height:100px; 
 border-left:1px solid #ccc;
 border-bottom:1px solid #bbb; 
 }
 
ul#portfolio-list li img{

 }
  
ul#portfolio-list li a{
 display: block; 
 overflow: hidden; 
 }
 
.port-box {
 float:left;
 position:relative;
 }
  
.portfolio-zoom {
 position:absolute;
 cursor:pointer; 
 padding:8px; 
 height:100px; 
 top:0; 
 left:0; 
 display:none; 
 width:150px;
 } 

/*	Contact Form			*/  

#contact_form {
 margin:0px 0 20px 0;
 padding:0 0 30px 0;
 border-bottom:1px solid #ccc;
 }
 
#contact_form .contact {
 width:450px;
 float:left;
 padding-top:15px;
 } 

#contact_form label {
 line-height:35px;
 width:70px; 
 float:left; 
 margin:0 10px 0px 5px;
 }
 
#contact_form input, #contact_form textarea	{
 color:#222; 
 float:left; 
 padding:8px; 
 border:1px solid #bbb; 
 margin-left:10px; 
 background:#fff; 
 -moz-border-radius:5px; 
 -webkit-border-radius:5px;
 }
 
#contact_form input { 
 width:330px;
 }
 
#contact_form textarea	{
 width:330px; 
 height:180px; 
 resize:none;
 }
 
#contact_form .submit {
 width:100px; 
 margin-left:345px; 
 margin-top:3px; 
 color:#222;
 }

#contact_form ul {
 margin:0;
 padding:15px 0 0 0;
 border-bottom:1px solid #ccc;
 } 
 
#contact_form ul li{
 display:block;
 font-size:13px;
 padding:0px 10px 10px 40px;
 } 
 
#contact_form ul.social img{
 width:64px;
 height:64px;
 }
 
.contact-info {
 float:right;
 width:280px;
 padding-left:5px;
 padding-top:20px;
 }
 
li.phone {
 background: url(../images/phone.png) no-repeat;
 height:40px;
 }   
 
li.email {
 background: url(../images/msg.png) no-repeat;
 height:33px;
 }  

 
/*	Footer			*/  
 
#footer {
 text-align:center;
 font-size:12px;
 position:relative;
 padding:1px 0 2px 0;
 }
.bold {
	font-weight: bold;
}
#wrap #container .container .content-box p .bold {
	font-weight: bold;
}
.bold {
	font-weight: bold;
}
.bold {
	font-weight: bold;
}
.bold {
	font-weight: bold;
}
.bold {
	font-weight: bold;
}
.bold {
	font-weight: bold;
}