/*
THEME NAME: SAK Technologies
THEME URI: http://altumdesign.com
DESCRIPTION: A custom template for SAK Technologies
VERSION: 1.0
AUTHOR: <a href="http://altumdesign.com">Altum Design Studios</a>
AUTHOR URI:http://altumdesign.com
*/

/* Two-column with sidebar on left from the /examples/ folder  */


#wrapper{
margin-top:-8px;
}

#page_wrapper{
width:761px;
margin:0 auto 0 auto;
}

#topbar{
background:url('images/topbar.jpg');
margin:0 auto 0 auto;
float:left;
width:761px;
height:48px;
}

#clear{
clear:both;
}

#logo{
float:left;
margin-top:4px;
background:url('images/logo.png');
width:244px;
height:103px;
}

#search_wrapper{
float:right;
background:#84ba89;
width:179px;
height:34px;
}

#searchform input.search_input{
float:left;
height:16px;
border:1px solid #8ca9c3;
margin-left:6px;
margin-right:6px;
margin-top:6px;
padding-left:3px;
background:#eee;
}

#searchform input.search_submit{
float:left;
margin-top:6px;
}

#tagline{
float:right;
height:44px;
margin-right:8px;
vertical-align:bottom;
}

#tagline p{
font-family:"Century Gothic",Helvetica,sans-serif;
font-size:19px;
font-weight:bold;
margin-top:6px;

vertical-align:bottom;

}

#menu_wrapper {
float:right;
}

#menu a{

}

#menu li{
float:left;
list-style:none;
vertical-align:middle;
margin-top:20px;
}

#menu li a{

background:#c4c4c4;
float:left;
margin-left:2px;
padding:10px 0 10px 0;

color:#333;
text-decoration:none;
font-family:Georgia,Helvetica,sans-serif;
font-size:14px;
text-align:center;
width:93px;

}

#menu li.current_page_item a{
  border:1px solid #3d8344;
  background:#3d8344;
  color:#fff;
}

#container{
 border:3px solid #3d8344;
background:#e1e1e1;
width:755px;
min-height:460px;
}

#content_wrapper{
width:755px;
float:none;

}

#content {
width:415px;
padding:15px 50px 20px;
}

#searchcontent {
float:left;
}

#content p{
font-family:"Century Gothic",Helvetica,sans-serif;
font-size:14px;
text-align: justify;
}

#content li{
font-family:"Century Gothic",Helvetica,sans-serif;
font-size:14px;
text-align: justify;
margin-bottom:5px;
}

#sidebar {
float:right;
padding-left:0px;
margin:10px 15px 15px;
width:192px;
}

#sidebar p.header{
font-family:Georgia,Helvetica,sans-serif;
font-size:16px;
}

#question_form{
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:0 15px 15px 15px;
margin-bottom:15px;
}

#question_form .input{
border:1px solid #ccc;
height:18px;
margin-bottom:10px;
padding-left:3px;
}

#question_form .textarea{
border:1px solid #ccc;
width:146px;
max-width:146px !important;
max-height:39px !important;
margin-bottom:3px;
font-family:Arial;
font-size:9pt;
padding-left:3px;
padding-top:3px;
}

#question_form .submit_wrapper{
width:148px;
margin-top:10px;
}

#question_form .submitbutton{
float:right;
}

#requestquote {
margin:0 15px 15px 0;
}

#content .quoteform p{
font-family:Georgia,Helvetica,sans-serif;
font-size:12px;
line-height:2px;
_line-height:12px;
margin:0px;
text-align:right;
}

#content .quoteform tr td{
margin-bottom:15px;
}

#content .submitquote {
float:right;
border:1px solid #84ba89;
background:#eee;
margin-right:0;
}

#quoteborder{
border:1px solid #84ba89;
margin-bottom:5px;
padding-top:5px;
padding-bottom:5px;
}

#address_block{
float:left;
border-right:1px solid #ccc;
padding-right:0px;
padding-left:10px;
margin-top:20px;
width:230px;
min-height:140px;
}

#address_block h2{
font-family:"Century Gothic",Helvetica,sans-serif;
font-size:14px;
color:#222;
text-align:left;
margin-left:4px;
}

#address_block p{
font-family:"Century Gothic",Helvetica,sans-serif;
font-size:14px;
color:#333;
line-height:2px;
text-align:left;
margin-left:20px;
}

#certifications_block{
float:left;
border-right:1px solid #ccc;
padding-right:0px;
padding-left:30px;
margin-top:20px;
width:210px;
min-height:140px;
}

#certifications_block h3{
font-family:"Century Gothic",Helvetica,sans-serif;
font-size:12px;
color:#222;
text-align:left;
margin-left:4px;
}

#certifications_block p{
font-family:"Century Gothic",Helvetica,sans-serif;
font-size:12px;
color:#333;
line-height:4px;
text-align:left;
margin-left:20px;
}

#certification_logos{
float:left;
margin-top:20px;
padding-left:30px;
}

#footer {
margin-top:5px;
margin-bottom:10px;
}

#footer a{
text-decoration:none;
color:#222;
}

#footercopy p{
font-family:"Century Gothic",Helvetica,sans-serif;
font-size:11px;
color:#333;
line-height:4px;
margin-top:10px;
text-align:center;
}

#footercopy p.altumdesign{
font-family:"Century Gothic",Helvetica,sans-serif;
font-size:9px;
color:#333;
line-height:4px;
margin-top:10px;
}

#footercopy {
border-top:1px solid #ccc;
margin-top:15px;
padding-top:20px;
padding-bottom:20px;
}

/*--------------------------*/
 /* SLIDER GALLERY START */
/*==========================*/

#s3slider { 
   width: 755px; /* important to be same as image width */ 
   height: 172px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent li{
   width: 755px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
   left:0;
   list-style:none;

}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   font: 18px/25px Arial, Helvetica, sans-serif;
   padding: 20px 13px 10px;
   width: 374px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}

.left {
	top: 0;
        left: 0;
	width: 162px !important;
	height: 172px;
}
.right {
	right: 0;
	bottom: 0;
	width: 182px !important;
	height: 160px;
}

.off {
	right: 0;
	bottom: 0;
margin-top:20px;
	width: 0px !important;
	height: 0px !important;
}