
/**
* this is a generic theme used by cms_tuning team
* Drupal version 6x
* Here are only minimal necessary styles to produce center aligned fixed-width theme
* Most of the classes are inherited from drupal phptemplate engine
* Add/correct the styles below to get the necessary template
**/

/* ----- layout ----- */
body {
	margin: 0;
	padding: 10px 0;
	color:#231F20;
	background:#fff;
	font:12px Arial, Helvetica, Verdana, sans-serif;
	line-height:1.4em;
}

#header { position:relative; height:162px; background:url(img/header-bg.jpg) left bottom no-repeat; margin-bottom:25px; position:relative;}

#logo {display:block;
position:absolute; top:30px; left:30px;}

#logo img {display:block;
 /* this is necessary for FF browsers in order to fix the gap under image */ 
 }

/* 
Normally we count minimal screen width 1024px minus browser chrome (for eg scrollbar). So, it's normally used value from 960 to 980px
*/

/* -------------------- layout. Floating columns technique  ------------------- */

.wrapper {
	width:799px;
	padding:0 6px;
	margin: 0 auto;
	}
	
#wrapper {
	text-align:left;
	background: url(img/body-glow.png) top right repeat-y;
}
#top-glow {background:url(img/body-glow-top.png) top right no-repeat; height:9px;}
#bottom-glow {background:url(img/body-glow-bottom.png) bottom right no-repeat; height:11px;}

#wrapper .column { float: left; }

/* 
columns widths are calculated as following: (#center + padding-left + padding-right)+(#left + padding-left + padding-right)+(#right + padding-left + padding-right) = #wrapper
If you add border-left or border-right (for eg. 1px) it should also be added into calculations as well as margins!
*/



#left {
	width: 130px;
	padding: 0 33px 0 12px;
}

#right {
	width: 150px;
	padding: 0 20px 0 0;
}

#center {
	padding: 0 15px 0 0;
	width: 609px;
}

.sidebar-right #center {width:757px;}
.sidebar-left #center {width:609px;}

.no-sidebars #center {width:auto; padding:0 15px;} /* do not touch this :) */

#footer { clear: both; /* it's necessary to clear all floated columns! */ }

/* ----- end of layout ----- */


/* -- system messages --*/
.messages, .preview {
margin:0.75em 0;
padding:0.5em 1em;
}

.messages {
background-color:#FFFFFF;
border:1px solid #B8D3E5;
}

div.status {
border-color:#C7F2C8;
color:#33A333;
}



/*-- drupal interface --*/
.form-item label {
  font-size: 1em;
  color: #222;
}
.item-list .title {
  font-size: 1em;
  color: #222;
}
.links {
  margin-bottom: 0;
}
.comment .links {
  margin-bottom: 0;
}

ul.links li { border-left: 1px solid #ccc; }
ul.links li a { margin-left:2px; }
ul.links li.first { border-left: none !important; }
ul.links li.last { padding-right:0 !important; }

/*----- theme-specific styles start here -----*/

#wrapper-inner {background:url(img/gas-img.jpg) top right no-repeat; overflow:hidden;}

#primary {float:right; margin:128px 15px 0 0;}
#primary li {font-size:16px; border:none;}
#primary li a {color:#FEFEFE; text-decoration:none;}
#primary li a:hover {color:#E57824;}

#footer {background:url(img/footer-bg.jpg) center center no-repeat; text-align:center; overflow:hidden;}
#footer .g-logo {display:block; float:left; margin-left:30px;}
#footer .msg {color:#949494; font-size:10px; padding-top:29px; margin-right:25px;}

.views-field-title {font-weight:bold;}
.view-testimonials.view-display-id-block_1 {font-size:.9em;}
.view-testimonials.view-display-id-block_1 .view-content {height:120px;}

#center .block-title {color:#E57824; margin-top:30px;}

/* -- callback --*/
#block-views-request_callback-block_1 h2 {color:#1077BD; text-align:center; font-size:16px;
margin-top:10px;}
#block-views-request_callback-block_1 .content {font-size:.9em; color:#0E7CC1; text-align:justify;}

.form-item label {
color:#1077BD;
font-size:.9em;
}

.form-text, .form-textarea {border:1px solid #1077BD;}

#block-views-request_callback-block_1 .form-text {width:128px;}

#webform-client-form-82 .form-submit,
#contact-mail-page .form-submit {text-indent:-999px; border:none; background:url(img/btn-request.png) no-repeat; width:116px; height:41px; opacity:.8; cursor:pointer; margin-top:30px; overflow:hidden; line-height:100px;}
#contact-mail-page .form-submit {background:url(img/btn-send-email.png) no-repeat;}

#webform-client-form-82 .form-submit:hover,
#contact-mail-page .form-submit:hover {opacity:1;}