@CHARSET "UTF-8";
/*
Theme Name: vanilla
Theme URI: http://cokidoo.com
Description: Coded & designed by <a href="http://twitter.com/adrianmg">Adrian Mato Gondelle</a>.
Version: 1.0
Author: Adrian Mato
Author URI: http://twitter.com/adrianmg
Tags: clean, vanilla, elegant, corporate
*/



/*
*   Section:      CSS reset
*   Description:  Reset of most selectors
*/
body{
	background: #57677e url("../img/body_bg.png") repeat 0 0;
  color: #333;
	font-size: 12px;
  padding: 50px 0 0;
}
.clear{
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
	line-height: 0;
}
.clearfix:after{
  visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix{ zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

h1 a, h2 a, h3 a, h4 a,
h5 a,h6 a{
  text-decoration: none;
}
h1.nomargin, h2.nomargin, h3.nomargin, h4.nomargin,
h5.nomargin,h6.nomargin{
  margin-bottom: 5px;
}
a:active {
  outline: none;
}
h2{
  font-size: 28px;
  color: #a42c0c;
}
h3{
  font-size: 22px;
  color: #353535;
}
h4, h5, h6{
  color: #444;
}
h5{
  font-size: 16px;
}
h6{
  font-size: 12px;
  border-bottom: 1px solid #dfdfdf;
}
a{
  color: #3151A2;
}
a:hover{
  color: #cc0000;
}
code{
  margin-bottom: 20px;
}
.fleft{
  float: left;
}
.fright{
  float: right;
}
.center{
  text-align: center;
}
.underline{
  border-bottom: 1px solid #dfdfdf;
}
textarea{
  font-family: 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
}
input, textarea{
  border: 1px solid #dfdfdf;
  color: #555;
  margin: 0 0 1em 0;
}
input.error, textarea.error, .contacterror{
  background: #fb8f72;
  border-color: #ce4521;
  color: #fff;
}



/*
*   Section:      Wrapper
*   Description:  Wrapper of the site
*/
#wrapper{
  width: 980px;
  margin: 0 auto;
  background: transparent url("../img/content_bg.png") repeat-y 0 0;
}



/*
*   Section:      Header
*   Description:  Top section of the site
*/
#header{
  width: 980px;
  margin: 0 auto;
  background: transparent url("../img/main_bg.png") no-repeat 0 0;
  height: 92px;
}
#header .logo{
  float: left;
  position: relative;
  z-index: 6;
  left: 30px;
  top: 20px;
  background: transparent url("../img/main_bg.png") no-repeat -160px -92px;
  display: block;
  text-indent: -99999px;
}
#header .logo a{
  width: 340px;
  height: 84px;
  display: block;
  background: transparent url("../img/logo.png");
}
#header #menu{
  float: right;
  position: relative;
  right: 30px;
  top: 10px;
  line-height: 82px;
  cursor: default;
}
#header #menu li{
  list-style: none;
  display: inline-block;
  margin: 0 0 0 13px;
  position: relative;
}
#header #menu a{
  color: #794128;
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: #fff 0 1px 1px;
  font-size: 12px;
  text-decoration: none;
}
#header #menu a span{
  line-height: 25px;
  padding: 5px 0 5px 11px;
}
#header #menu a span span{
  padding: 5px 11px 5px 0;
}
#header #menu a:hover span, #header #menu .current-menu-item a span,
#header #menu .sfHover a span{
  background: transparent url("../img/menu_bg.png") no-repeat left center;  
}
#header #menu a:hover span span, #header #menu .current-menu-item a span span, #header #menu .sfHover a span span{
  background: transparent url("../img/menu_bg.png") no-repeat right center;
}



/*
*   Section:      Content
*   Description:  Container of content for the site
*/
#content{
  width: 960px;
  margin: 0 auto;
  background: #fff;
  background: transparent url("../img/content_sidebar_bg.png") repeat-y 0 0;
}



/*
*   Section:      Splash
*   Description:  Presentation showcase images on frontpage
*/
#splash{
  background: #fff url("../img/splash_bg.png") repeat 0 0;
  height: 400px;
  padding: 40px 0 0;
  text-align: center;
  position: relative;
}
#splash .slider{
  width: 786px;
  height: 377px;
  margin: 0 auto;
}
#splash .slider img, #splash .slider .caption{
  position:absolute;
	left:-9999px;
}
#splash .advanced-slider{
  position: relative;
	overflow: visible;
}
#splash .advanced-slider .slide{
	position:absolute;
	width: 100%;
	height: 100%;
	z-index:10;
}
#splash .advanced-slider .slice{
	display:block;
	position:absolute;
}
#splash .advanced-slider .preloader{
	/*background:url(../img/slider-assets/preloader2.gif) no-repeat;
	width:62px;
	height:14px;
	position:absolute;
	z-index:15;*/
  display: none;
  visibility: hidden;
}
#splash_left, #splash_right{
  width: 40px;
  height: 80px;
  background: transparent url("../img/main_bg.png") no-repeat 0 -92px;
  position: absolute;
  top: 180px;
  left: 0;
  cursor: pointer;
  opacity: 1 !Important;
}
#splash_right{
  background-position: -40px -92px;
  right: 0;
  left: auto;
}
#splash_left:hover{
  background-position: -80px -92px;
}
#splash_right:hover{
  background-position: -120px -92px;
}



/*
*   Section:      Quote
*   Description:  Quote section for contacting
*/
#quote{
  width: 976px;
  height: 188px;
  position: relative;
  z-index: 4;
  left: -8px;
  background: transparent url("../img/main_bg.png") no-repeat center -172px;
 }
 #quote p{
  width: 620px;
  color: #c04c2e;
  font-family: 'Droid Serif', georgia, arial;
  font-style: italic;
  font-size: 26px;
  text-shadow: #ffe3ae -1px 1px 1px;
  display: block;
  position: absolute;
  top: 35px;
  left: 60px;
  line-height: 1.4em;
 }
 #quote a{
  width: 183px;
  height: 69px;
  text-indent: -99999px;
  position: absolute;
  top: 58px;
  right: 61px;
  background: transparent url("../img/main_bg.png") no-repeat -604px -98px;
 }
 #quote a:hover{
  background-position: -787px -98px;
 }

#intro{
	width: 786px;
	position: relative;
	margin: 0 auto;
}

#intro p{
	font-size: 1.3em;
}

#illus{
	position: absolute;
	top: 150px;
	right: -20px;
	z-index: 99;
}

#illus img{
	position: absolute;
	z-index: 99;
}
 
/*
*   Section:      Services
*   Description:  Services offered
*/
#services, #lead-form{
  padding: 10px 70px 0 70px;
  background: #fff url("../img/services_bg.png") repeat 0 0;
}
#services div.left{
  float: left;
}
#services div.right{
  float: right;
}
#services div div{
  width: 410px;
  padding: 25px 0;
  border-bottom: 1px dashed #d1d1d1;
}
#services div.left div{
  border-right: 1px dashed #d1d1d1;
}
#services div.right div{
  width: 370px;
  padding-left: 39px;
}
#services div.first{
  padding-top: 0;
}
#services div.last{
  border-bottom: 0;
  padding-bottom: 4px;
}
#services h3{
  font-size: 24px;
  color: #111;
  margin: 0 0 4px 0;
  text-transform: uppercase;
  line-height: 32px;
}
#services p{
  width: 370px;
  font-size: 14px;
  color: #6f6f6f;
  line-height: 1.25em;
  text-align: justify;
  margin: 0;
}
#services .help h3{
  padding-left: 38px;
  background: transparent url("../img/services_icons.png") no-repeat 0 0;
}
#services .upload h3{
  padding-left: 38px;
  background: transparent url("../img/services_icons.png") no-repeat 0 -32px;
  color: #a42c0c;
}
#services .media h3{
  padding-left: 38px;
  background: transparent url("../img/services_icons.png") no-repeat 0 -64px;
}
#services .storage h3{
  padding-left: 38px;
  background: transparent url("../img/services_icons.png") no-repeat 0 -96px;
}
#services .time h3{
  padding-left: 38px;
  background: transparent url("../img/services_icons.png") no-repeat 0 -128px;
  color: #a42c0c;
}
#services .stats h3{
  padding-left: 38px;
  background: transparent url("../img/services_icons.png") no-repeat 0 -160px;
}

#lead-form .gform_wrapper h3.gform_title{
	font-size: 30px;
	color: #a42c15;
}

#lead-form .gform_wrapper .gform_footer input.button{
	font-size: 1.6em;
	background: #a42c15;
	color: #fff;
}

/*
*   Section:      Footer
*   Description:  Bottom section of the site
*/
#footer{
  width: 960px;
  margin: 0 auto;
  background: #f2e7c6 url("../img/main_bg.png") no-repeat center -360px;
  padding: 20px 0 20px 0;
}
#twitter{
  padding: 0 110px 0 200px;
  color: #c4411e;
  font-family: 'Droid Serif', georgia, arial;
  font-style: italic;
  font-size: 17px;
  text-shadow: #fefefe -1px 1px 1px;
  text-align: center;
}
#twitter span{
  font-size: 12px;
  color: #938350;
  text-transform: lowercase;
}
#twitter a{
  color: #ce4521;
  text-decoration: none;
}
#twitter a:hover{
  text-decoration: underline;
}

#footer .cols h4{
  font-size: 24px;
  line-height: 32px;
  background: #f2e7c6 url("../img/border_bg.png") repeat-x left bottom;
  color: #635839;
  margin: 0 0 10px;
}
#footer .cols > div{
  float: left;
  margin-left: 62px;
  color: #b5a67a;
  text-shadow: #fff 0 1px 1px;
  font-size: 13px;
}
#footer .cols a{
  color: #958861;
  text-decoration: none;
}
#footer .cols a:hover{
  text-decoration: underline;
  color: #9a8d67;
}
#footer .col_1{
	display: none;
  /*width: 350px;*/
}
#footer .col_2, #footer .col_3{
	display: none;
  /*width: 185px;*/
}
#footer .cols ul{
  list-style-position: outside;
  margin: 0;
  list-style: none;
}
#footer .cols li{
  margin: 0;
  line-height: 1.9em;
  text-shadow: #fcfcfc 0 1px 1px;
  color: #958861;
}
#footer .credits{
  margin-top: 60px;
  font-size: 11px;
  color: #958861;
  text-align: center;
  text-shadow: #fcfcfc 0 1px 1px;
}
#footer .credits a{
  color: #958861;
}
#footer .credits a:hover{
  color: #706441;
}



/*
*   Section:      Section
*   Description:  Section common items
*/
#splash.section{
  /*height: auto;*/
  height: 41px; /* so there is no problems loading preview imgs*/
  padding: 20px;
  border-bottom: 1px dashed #e8e8e8;
  position: static;
  background: #fff url("../img/services_bg.png") repeat 0 0;
  border-bottom: 1px solid #eaeaea;
}
#splash.section h1{
  font-size: 36px;
  line-height: 1em;
  margin-bottom: 0;
}
#splash.section span{
  font-family: 'Droid Serif', georgia, arial;
  font-size: 15px;
  color: #969595;
  font-style: italic;
}
#main{
  width: 560px;
  float: left;
  padding: 40px 0 80px 0;
}
#main.full{
  width: auto;
  float: none;
}



/*
*   Section:      Gallery
*   Description:  Gallery showcase section
*/
#main.gallery{
  background: #f9f9f9;
  padding: 50px 40px 80px;
}
#main.gallery div.row{
  margin-bottom: 50px;
}
#main.gallery .item{
  width: 273px;
  margin: 0 30px 50px 0;
  float: left;
  text-align: center;
  position: relative;
}
#main.gallery .item > a{
  display: block;
}
#main.gallery .item.last{
  margin-right: 0;
}
#main.gallery .item div{
  background: transparent url("../img/gallery_item_bg.png") no-repeat right bottom;
  padding-bottom: 8px;
}
#main.gallery span.rollover{
  width: 259px;
  height: 145px;
  top: 7px;
  left: 7px;
  position: absolute;
  background: transparent url("../img/gallery_zoom.png") no-repeat 0 0;
  display: block;
}
#main.gallery span.rollover.video{
  background: transparent url("../img/gallery_video.png") no-repeat 0 0;
}
#main.gallery .item img{
  width: 259px;
  height: 145px;
  padding: 6px;
  border: 1px solid #dfdfdf;
  background: #fff;
}
ul li, ol li{
  line-height: 20px;
}
#main.gallery .item a.title{
  font-family: 'Droid Serif', georgia, arial;
  background: #ce4521;
  color: #fff;
  font-style: italic;
  font-size: 15px;
  text-align: center;
  width: 267px;
  text-decoration: none;
  padding-left: 8px;
  padding-right: 8px;
  margin: 0 auto;
  padding: 3px;
  display: inline;
}
#main.gallery .item  a.title:hover{
  background: #de6040;
}
#main img{
  max-width: 100%;
  padding: 6px;
  border: 1px solid #dfdfdf;
  background: #fff;
}
#main.blog img{
  max-width: 546px;
}
.preloader{
  display: block;
  background: url("../img/loader.gif") no-repeat center center;
}



/*
*   Section:      Page
*   Description:  General page section
*/
.alignleft{
  float: left;
}
.alignright{
  float: right;
}
.highlight{
  background: #fafab5;
}
pre.pre, .pre, code.code{
  display: block;
  border: 1px solid #E0E0E0;
  padding: 10px;
  background: white;
  white-space: pre-wrap;
  overflow: auto;
  line-height: 20px;
}
code.code{
  background: #f1f1f1 url("../img/code_bg.gif") repeat 0 0;
  padding: 20px 10px;
}
#main.page{
  background: #fefefe;
  padding: 50px 40px 80px;
}
#main p{
  font-size: 14px;
  color: #222;
  line-height: 1.7em;
  /*margin-bottom: 25px;*/
}
#main p a:active{
  background: #ffeaec;
}
#main.page.alter p{
  font-family: 'Droid Serif';
}
#main img.alignleft, #main img.alignright{
  margin: 0 20px 5px 0;
  padding: 6px;
  border: 1px solid #dfdfdf;
  background: #f9f9f9;
  display: inline-block;
}
#main img.alignright{
  margin: 0 0 5px 20px;
}
#main blockquote{
  width: 194px;
  padding: 20px;
  margin: 0 20px 0 0;
  border-left: 3px solid #d55230;
}
#main blockquote p{
  font-size: 16px;
  font-style: italic;
  font-family: 'Droid Serif', georgia, arial;
  color: #222;
  margin: 0;
}
#main blockquote span{
  font-size: 38px;
  line-height: 0em;
  color: #d04e2c;
  font-weight: bold;
  color: #999;
}
#main blockquote.alignright{
  text-align: right;
  
  text-align: left;
  margin: 0 0 0px 20px;
}
#main .dropcap{
  font-size: 36px;
  line-height: 40px;
  display: block;
  margin: 0 8px 0 0;
  float: left;
  font-family: 'Droid Serif', georgia, arial;
}
#main .divider{
  position: relative;
  clear: both;
  display: block;
  padding-top: 20px;
  margin-bottom: 40px;
  border-bottom: 1px solid #ececec;
  clear: both;
}
#main .divider a{
  text-decoration: none;
  position: absolute;
  right: 0;
  top: 12px;
  width: 11px;
  background: none repeat scroll 0 0 white;
  font-size: 11px;
  text-transform: lowercase;
  padding: 0 0 0 3px;
  text-align: right;
  text-decoration: none;
  color: #ccc;
}
#main .divider a:hover{
  color: #333;
}
#main ul, #main ol{
  margin-left: 2px;
}
ul{
  list-style: square;
}
#main h4.toggle a{
  display: block;
  padding-left: 16px;
  background: transparent url("../img/toggle_bg.png") no-repeat 0 10px;
  color: #444;
}
#main h4.toggle a.active{
  background: transparent url("../img/toggle_bg.png") no-repeat 0 -17px;  
}
#main .toggle_content{
  display: none;
}
ul.style_1, ul.style_2, ul.style_3, ul.style_4{
  list-style: none outside;
}
ul.style_1 li, ul.style_2 li, ul.style_3 li, ul.style_4 li{
  background: transparent url("../img/list_icons.png") no-repeat 0 0;
  list-style: none outside;
  margin-left: 2px;
  padding-left: 20px;
  margin-bottom: 4px;
}
ul.style_2 li{
  background-position: -40px -60px;
}
ul.style_3 li{
  background-position: -80px -120px;
}
ul.style_4 li{
  background-position: -120px -180px;
}
.navigation{
  padding-top: 20px;
}
.navigation a, #searchsubmit, .submit, .button_shortcode,
.contactform #contactsubmit{
  font-family: 'Droid Serif', georgia, arial;
  background: #ce4521;
  color: #fff;
  font-style: italic;
  font-size: 14px;
  text-align: center;
  display: block;
  text-decoration: none;
  padding-left: 8px;
  padding-right: 8px;
  margin: 0 auto;
  padding: 3px 6px;
}
.button_shortcode{
  width: auto;
  display: inline-block;
  cursor: pointer;
}
.navigation a:hover, #searchsubmit:hover, .submit:hover,
.button_shortcode:hover, .contactform #contactsubmit:hover{
  background: #de6040;
  color: #fff;
}



/*
*   Section:      Comments
*   Description:  form template
*/
#commentform{
  width: 560px;
}
#commentform textarea, .contactform textarea{
  width: 542px;
  min-height: 100px;
  padding: 10px 8px;
}
.contactform input, #commentform input{
  width: 546px;
  padding: 6px;
  margin-bottom: 10px;
}
#commentform input.submit, .contactform #contactsubmit{
  width: auto;
  float: right;
  border: 0;
  margin: 0;
}
.comment{
  width: 560px;
  margin-bottom: 20px;
}
.comment .comment{
  margin: 0 0 10px 98px;
}
.comment .comment .message{
  width: 342px;
}
.comment .name{
  width: 78px;
}
.comment .name div{
  background: transparent url("../img/post_img_bg.png") no-repeat -52px 78px;
  padding-bottom: 5px;
}
.comment .name strong{
  display: block;
  text-align: center;
  line-height: 1.1em;
}
.suggestion{
  margin-bottom: 40px;
}
.comment .message{
  width: 440px;
  margin-left: 20px;
  font-size: 11px;
  padding: 10px;
  background: #fafafa;
  border: 1px solid #dfdfdf;
}
.comment .message p{
  font-size: 12px !Important;
}
.comment .date{
  float: left;
}
.comment .date a{
  text-decoration: none;
  color: #777;
}
.comment .date a:hover{
  text-decoration: underline;
}
.comment-reply-link{
  float: right;
  font-size: 12px;
}
#respond{
  margin-top: 40px;
}



/*
*   Section:      Columns stuff
*   Description:  lot of possibilities for your columns!
*/
/* ------- Fluid Columns ------- */
.last{
  margin-right:0 !important;
  clear:right;
}
.clearboth{
  clear:both;
  display:block;
  font-size:0;
  height:0;
  line-height:0;
  width:100%;
}
.one_half{
  width:48%;
}
.one_third{
  width:30.66%;
}
.two_third{
  width:65.33%;
}
.one_fourth{
  width:22%;
}
.three_fourth{
  width:74%;
}
.one_half,.one_third,.two_third,.three_fourth,.one_fourth{
  position:relative;
  margin-right:4%;
  float:left;
}



/*
*   Section:      Tables
*   Description:  tables's style
*/
table{
  width: 100%;
  border-top: 2px solid #555;
}
th, td, tfoot td{
  background: #f1f1f1 url("../img/line_bg.gif") repeat-x center bottom;
}
th{
  padding: 10px;
  color: #444;
  text-transform: uppercase;
  text-align: left;
}
tbody tr:hover td{
  background-color: #fff;
  color: #333;
}
td{
  padding: 10px;
  color: #666;
  background-color: #f9f9f9;
}
tfoot{
  text-align: center;
  font-size: 11px;
  color: #666;
}



/*
*   Section:      Boxes
*   Description:  Box's style
*/
.box_info{
  padding: 20px 16px 20px 64px;
  color: #284253;
  border: 1px solid #79a7c4;
  background: #b5dffa url("../img/info_icon.png") no-repeat 16px 16px;
  margin-bottom: 20px;
}
.box_note{
  padding: 20px 16px 20px 64px;
  color: #525328;
  border: 1px solid #dfcd35;
  background: #fafab5 url("../img/note_icon.png") no-repeat 16px 16px;
  margin-bottom: 20px;
}
.box_download{
  padding: 20px 16px 20px 64px;
  color: #375328;
  border: 1px solid #93c479;
  background: #ccfab5 url("../img/download_icon.png") no-repeat 16px 16px;
  margin-bottom: 20px;
}
.box_error{
  padding: 20px 16px 20px 64px;
  color: #632525;
  border: 1px solid #c47979;
  background: #fab5b5 url("../img/error_icon.png") no-repeat 16px 16px;
  margin-bottom: 20px;
}



/*
*   Section:      Entry
*   Description:  Entry in blogs
*/
.entry{
  margin-bottom: 50px;
}
.entry.general p{
  margin-bottom: 10px;
}

.entry h2{
  margin-bottom: 0;
}
.entry h2 a{
  color: #a42c0c;
  text-decoration: none;
}
.entry h2 a:hover{
  color: #333;
}
.entry .post_image{
  background: transparent url("../img/post_img_bg.png") no-repeat right bottom;
  padding-bottom: 5px;
}
.entry .info{
  margin-bottom: 20px;
  font-size: 11px;
  color: #666;
}




/*
*   Section:      Project
*   Description:  Project from the gallery
*/
#main.project{
  padding-top: 30px;
}
#main.project h2.title{
  font-size: 42px;
  text-align: center;
}
p.featured{
  display: block;
  text-align: center;
}


/*
*   Section:      Sidebar
*   Description:  On the right
*/
#sidebar{
  width: 280px;
  float: right;
  padding: 54px 20px 80px 20px;
  font-size: 12px;
}
#sidebar .section{
  margin-bottom: 35px;
  font-family: 'Droid Serif', georgia, arial;
  font-style: italic;
}
#sidebar h3{
  margin-bottom: 5px;
  font-style: normal;
  font-family: 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;
}
#sidebar li{
  border-bottom: 1px dashed #dfdfdf;
  list-style: none;
  margin-left: 2px;
  padding: 1px 1px 2px 5px;
  margin-bottom: 10px;
}
#sidebar a{
  color: #777;
  text-decoration: none;
}
#sidebar a:hover{
  color: #ce4521;
}
#sidebar .widget_categories li a, #sidebar .widget_archive li a{
  display: block;
}
.tagcloud{
  text-align: center;
  line-height: 1.5em;
  margin-bottom: 20px;
}
.tagcloud a:hover{
  color: #3151A2;
}
.flickr{
  color: #0061d8;
}
.flickr span{
  color: #ff1183;
}
#sidebar .widget_flickrRSS h3.widgettitle{
  display: none;
  visibility: hidden;
}
#sidebar .widget_flickrRSS li{
  padding: 0;
  margin-left: 7px;
  margin-bottom: 2px;
  float: left;
  border: 0;
}
#sidebar .widget_flickrRSS li img{
  display: block;
  border: 1px solid #dfdfdf;
  padding: 4px;
  background: #fff;
}
#sidebar .widget_flickrRSS li:hover img{
  display: block;
  border: 1px solid #aaa;
}
#sidebar .widget_flickrRSS li a{
  display: block;
  background: transparent url("../img/gallery_item_bg.png") no-repeat right bottom;
  padding-bottom: 9px;
}
#searchform input{
  width: 190px;
  border: 1px dashed #dfdfdf;
  padding: 5px 6px;
  color: #777;
  font-family: 'Droid Serif', georgia, arial;
  font-style: italic;
  margin-bottom: 0;
}
input#searchsubmit{
  width: auto;
  border: 0;
  display: inline-block;
  color: #fff;
  border: 0;
  padding: 5px 8px;
  margin-left: 2px;
  color: #fff;
  margin-bottom: 0;
}
input#searchsubmit:hover{
  background: #de6040;
}



/*
*   Section:      Advanced slider
*   Description:  Showcase from Frontpage
*/
.advanced-slider{
  position: relative;
	overflow: visible;
}
.advanced-slider .slide{
	position:absolute;
	width: 100%;
	height: 100%;
	z-index:10;
}
.advanced-slider .slice{
	display:block;
	position:absolute;
}
.advanced-slider .preloader{
	background:url(../img/slider-assets/preloader2.gif) no-repeat;
	width:62px;
	height:14px;
	position:absolute;
	z-index:15;
}



/*
*   Section:      Contact
*   Description:  form for contact
*/
.contactform{
  width: 516px !Important;
}
.contactform .contactleft, .contactform .contactright{
  font-family: 'Droid Serif', georgia, arial;
  width: auto;
  display: block;
  float: none !Important;
  padding: 4px 0 4px 0;
  margin: 0;
  text-align: left;
}
.contactform .contactright{
  font-size: 11px;
  color: #777;
  padding: 0;
}
.contactform input{
  width: 502px !Important;
}
.contactform textarea{
  width: 498px !Important;
}
.contactform #contactsubmit{
  width: auto !Important;
  padding: 6px !Important;
}
.contactform .box_error, .contactform .box_info{
  font-size: 12px;
}



/*
*   Section:      Menu
*   Description:  Main menu of the site
*/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul{
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
.sf-sub-indicator{
  display: none;
  visibility: hidden;
}
#header #menu .sub-menu{
  position: absolute;
  display: none;
  visibility: hidden;
  top: 30px;
  left: 0px;
  z-index: 99;
  background: #fcf0d0;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #b33817;
  padding: 10px 0;
  background: #ce4521;
}
#header #menu .sub-menu li, #header #menu .sub-menu a span,
#header #menu .sub-menu a span span, #header #menu .sub-menu a{ 
  margin: 0;
  padding: 0;
  display: block;
  background: transparent;
  line-height: 20px;
  text-shadow: none;
}
#header #menu .sub-menu li{
  font-family: 'Droid Serif', georgia, arial;
}
#header #menu .sub-menu a{
  min-width: 100px;
  padding: 5px 14px;
  color: #ffa68e;
  text-transform: none !Important;
  font-weight: normal;
}
#header #menu .sub-menu a:hover{
  background: #de6040;
  color: #fff;
}
#header #menu .sub-menu a:hover span{
  background: transparent;
}