/*



/* ________________________________________________________________________________________________________________
                                                  01. GENERAL TYPOGRAPHY
   ________________________________________________________________________________________________________________ ** ------- 1. CSS Reset ------- */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,address,code,del,dfn,em,img,q,
dl,dt,dd,ol,ul,li,
table,caption,tbody,tfoot,thead,tr,th,td,br,fieldset,textarea{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:16px;
	letter-spacing:0.1px;
	word-spacing:1px;
	margin:0;
	padding:0;
	border:0;
	vertical-align:top;
}
h1,h2,h3,h4,h5,h6,hr,p,ul,ol,dl,pre,address,table,form{margin:0 0 20px}
p,h1, h2, h3, h4, h5, h6, ul.check_list, ul.arrowlist{padding-left:2px;}
strong, b{font-weight:bold;}
em, dfn, i{font-style:italic;}

/* ------- 2. General ------- */

body{
	color:#333333;
	font-size:11px;
}
h1,h2,h3,h4,h5,h6,th,blockquote,.top_metadata,.date,.cancel-comment-reply a,#blurb,.bottom_metadata,span.current_crumb, p.breadcrumb {letter-spacing:1px;font-family:font-family:Verdana, Arial, Helvetica, sans-serif;}
a:link,a:visited,a:hover,a:active,a:focus{text-decoration:none;outline:none;-moz-outline-style:none;}
a{color:#888;}
a:hover{color:#aaa;}
pre,code{font-family:mono-space,monospace;white-space:pre;overflow:auto;padding:20px;}
pre{padding:5px;}
code{background:#f6f6f6 url(..code.png) repeat scroll 0 0;display:block;padding:0 20px 18px;border:1px solid #ddd;}
blockquote {background:transparent url(..sprite.png) no-repeat scroll -168px -166px;font-size:14px;line-height:20px;letter-spacing:0;margin:40px 0;
padding:10px 20px 10px 40px;}
blockquote cite{color:#aaa;display:block;font-size:10px;}	

/* ------- 3. List Styles ------- */

ul,li{list-style:none outside;margin-left:20px;list-style-type:disc;}
ol, ol li{list-style:decimal outside;}
ol, dd{margin-left:24px;}
ul ul, ol ul, ul ol, ol ol{margin-bottom:0;margin-top:0;}
#sub_footer ul,#sub_footer li,#footer ul,#footer li,#secondary ul,#secondary li,ul.arrow_list,ul.arrow_list li,ul.check_list,ul.check_list li,ul.thumbnail_list,ul.thumbnail_list li,.jqueryslidemenu ul,.jqueryslidemenu li, #comments li{margin-left:0;list-style:none;}


/* ------- 4. Borders & Dividers ------- */

h3.widgettitle,h6,td,th,.divider,hr,div.widget li,.top_metadata,#body_block .thumbnail_list li,#body_block ul.thumbnail_list,.blog_header{
}
#primary ul.thumbnail_list,.top_metadata div,div.widget_pages li ul li,div.widget_categories li ul li{background: url(..line.gif) repeat-x scroll center top;}
#footer h3.widgettitle,#footer div.widget li{text-shadow:none;background:none;border-bottom:1px solid #333;}
#footer .background div.widget_pages li , #footer .background div.widget_categories li {border-bottom:none;padding:0;}
#footer div.widget_categories li a,#footer div.widget_pages li a{border-bottom:1px solid #333;display:block;padding:5px 0;}
hr{border:0px solid transparent !important;background-color:transparent !important;height:1px;}
.divider{clear:both;display:block;margin-bottom:20px;padding-top:20px;width:100%;}	
.top{font-size:8px;line-height:10px;margin-bottom:40px;text-align:right;position:relative;}
.top a{background:#F9F9F9 none repeat scroll 0 0; color:#bbb; height:20px; position:absolute; right:0; text-shadow:1px 1px 0 #fff; top:12px; width:20px;}
.clearboth{clear:both;display:block;font-size:0px;height:0px;line-height:0;width:100%;}

/* ------- 5. Tables ------- */

table {
	border-collapse:separate;
	border-spacing:0;
	border-top:0px solid #ffffff;
	margin-bottom:18px;
}
table,td,th {
	vertical-align:top;
}
th{padding:10px;color:#666;border-top:1px solid #fff;text-transform:uppercase;}
td{padding:10px;color:#888;}
tfoot td{border:0px;}
th,tr:hover{
	background-color:#ffffff;
}

/* ------- 6. Forms ------- */

fieldset{padding:20px;border:1px solid #e5e5e5;}
legend,label{letter-spacing:1px;text-transform:uppercase;font-size:11px;}
input[type=text],input[type=password],input[type=file],textarea{padding:5px;width:180px;-moz-border-radius:6px;-webkit-border-radius:5px;}
.textfield_label{margin-left:12px;}
textarea{width:97%;height:120px;font-size:12px;}
input, textarea {outline-style:none!important;}
pre,input[type=text],input[type=password],input[type=file],textarea{
/*	background:#F9F9F9 url(../files/form-gradient.gif) repeat-x scroll -1px -2px;*/
	border-color:#D9D9D9 #EAEAEA #FFFFFF;
	border-style:solid;
	border-width:1px;
	color:#666;}
input[type="submit"]::-moz-focus-inner{border : 0px;} 
input[type="submit"]:focus{outline:none;}

/* ------- 7. Images------- */

.alignright,img.alignright,a img.alignright {float:right; margin:10px 0px 10px 16px;}
.alignleft,img.alignleft,a img.alignleft {float:left; margin:10px 16px 10px 0;}
.aligncenter,img.aligncenter,a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.frame,.small_frame {border:1px solid #eaeaea;display:inline-block;}
.frame img{background:#F5F5F5 none repeat scroll 0 0;border:1px solid #fff;padding:8px;margin:0;}
.small_frame img {background:#F5F5F5 none repeat scroll 0 0;border:1px solid #fff;padding:4px;margin:0;}

/* ------- 8. Headers ------- */

h1,h2,h3,h4,h5,h6{font-weight:normal;line-height:100%;}
#home_feature h2{font-size:26px;}
#secondary h3.widgettitle{color:#888;}
h1{font-size:36px;}
h2{font-size:28px;}
h3{font-size:22px;}
h3.widgettitle,#popular_related_posts h3{margin-bottom:12px;padding-bottom:18px;padding-left:0;}
h4{font-size:18px;}
h5{font-size:16px;letter-spacing:1.6px;margin-bottom:20px;text-transform:uppercase;}
h6{font-size:12px;letter-spacing:1.6px;margin-bottom:15px;padding-bottom:5px;text-transform:uppercase;color:#888;line-height:20px;}
.fancy_header span{
	background-color:#F9F9F9;
	color:#888;
	font-size:12px;
	letter-spacing:1px;
	line-height:12px;
	padding-right:5px;
	text-transform:uppercase;}	
.fancy_header{clear:both;padding-left:0;background: url(..stripes.png) repeat scroll 0 0;margin:14px 0;}
.flush{margin:0 !important;}


/* ________________________________________________________________________________________________________________
                                                  02. GENERAL LAYOUT  
   ________________________________________________________________________________________________________________ ** ------- 1. General Structure  ------- */

#primary_full, #primary, #secondary{position:relative;overflow:hidden;}
* html #primary, * html #secondary{display:inline;}
* html body{text-align:center;}
body {
	min-width:960px;
	background-color:#FFFFFF;
}
#body_block{z-index:0;padding-top:10px;}
#primary{float:left;width:672px;}
#secondary{float:right;width:288px;min-height:300px;}
#primary .content{margin-right:48px;margin-top:0px;}
#secondary .content{margin-right:0px;margin-left:0px;}
.inner{
	height:70%;
	width:960px;
	min-width:960px;
	position:relative;
	clear:both;
	text-align:justify;
	margin:0 auto;
}
#primary-full .content, #subfooter .content{ margin-left:10px;margin-right:10px;padding:1px;margin-top:0px;overflow:hidden;}
#body_block #primary-full{width:960px;}
.entry{overflow:hidden;}

/* ------- 2. Header ------- */

#header{z-index:10;height:100px;position:relative;background:#111 url(header.jpg) repeat-x scroll center top}
/* logo & sitename */
#default_logo {
	background:transparent url(logo.png) no-repeat scroll center top;
	height:70px;
	width:250px;
}
#default_logo a{display:block;height:100%;width:100%;}
#logo{
	left:0px;
	position:absolute;
	top:10px;
	width:250px;
	font-size:32px;
}
#site_name{left:0px;position:absolute;top:32px;font-size:32px;}
#site_name a{color:#eee;}
/* default intro */
#intro_blurb{background:#e6e6e6;position:relative;min-height:123px;overflow:hidden;}
#intro_blurb_title {
	background:transparent url(..intro.gif) no-repeat scroll right -7px;
	color:#F9F9F9;
	display:block;
	float:left;
	font-size:32px;
	height:62px;
	line-height:32px;
	margin-right:30px;
	margin-top:40px;
	padding-right:17px;}
#intro_blurb_title span {
	background:transparent url(..intro.gif) no-repeat scroll -7px -7px;
	display:block;
	line-height:32px;
	padding:12px 20px 16px 30px;}
#blurb{
	color:#444;
	font-size:24px;
	line-height:100%;
	min-height:57px;
	min-width:200px;
	overflow:hidden;
	padding:46px 0 20px 20px;}

/* ------- 3. Footer ------- */

#footer input[type=text], #footer textarea,#footer table, #footer td, #footer th, #footer tr:hover{background:transparent;}
#footer a{color:#666}
#footer a:hover{color: #444}
#footer h3{color:#eee;}

#footer_nav li,#footer_nav ul{display:inline;font-weight:normal;text-transform:uppercase;}
#footer_nav a{padding:0 5px;}

#footer {
	background:#000  repeat-x top center;
	margin-top:40px;
}
#footer .inner{
	padding-top:5px;
}

#sub_footer{background-color:#000000;border-top:1px solid #151515;padding-top:10px;font-size:9px;min-height:30px;}
#sub_footer .one_half{margin-bottom:0;}
#sub_footer .last{text-align:right;}

/* ------- 4. Sidebar ------- */

#has_sidebar{background:#f9f9f9 url(..sidebar_middle.gif) repeat-y scroll center center;}
#has_sidebar #body_block{background:transparent url(..sidebar_top.gif) no-repeat scroll center -25px;}
#has_sidebar #body_block .inner{background:transparent url(..sidebar_bottom.gif) no-repeat scroll center bottom;overflow:hidden;}

/* ------- 5. Breadcrumbs ------- */

#breadcrumbs{color:#aaa;background:#f9f9f9 url(..outset_breadcrumbs.gif) repeat-x scroll center bottom;height:68px;}
body.inset #breadcrumbs {background-image:url(..inset_breadcrumbs.gif);}
#breadcrumbs .inner{padding-top:25px;font-size:10px;}
#breadcrumbs a{color:#bbb;}
body#home_page #body_block {padding-top:0px;}
.breadarrow{color:#ccc;padding:0 4px;}

/* ------- 6. Call to Action ------- */

#call_to_action{
	min-height:120px;
	background: #e6e6e6 url(..outset_breadcrumbs.gif) repeat-x center bottom;
}
body.inset  #call_to_action {background-image: url(..inset_breadcrumbs.gif);}
#call_to_action #blurb{padding:44px 230px 80px 0;}
#call_to_action_button{
	background:transparent url(get_started.jpg) no-repeat scroll center top;
	height:76px;
	position:absolute;
	right:0px;
	top:0px;
	width:210px;
}
#call_to_action_button a{display: block;height: 100%;width: 100%;}

#call_to_action1{min-height:170px;background: #e6e6e6 url(..outset_breadcrumbs.gif) repeat-x center bottom;}
body.inset  #call_to_action1 {background-image: url(..inset_breadcrumbs.gif);}
#call_to_action1 #blurb{padding:44px 230px 80px 0;}
#call_to_action_button1{
	height:86px;
	position:absolute;
	right:701px;
	top:13px;
	width:207px;
}
#call_to_action_button1 a{display: block;height: 100%;width: 100%;}

/* -------  7. Columns ------- */

#primary .one_third{width:176px;}
#primary .two_third{width:400px;}
#primary .one_half{width:288px;}
#primary .one_fourth, #footer .one_fourth{width:120px;}
#primary .three_fourth{width:456px;}
.one_half{width:456px;}
.one_third{width:288px;}
.two_third{
	width:950px;
}
.one_fourth{
	width:263px;
}
.three_fourth{width:708px;}
.one_half,.one_third,.two_third,.three_fourth,.one_fourth{
	position:relative;
	margin-right:48px;
	margin-bottom:10px;
	float:left;
}
.last{margin-right:0 !important;clear:right;}

#primary .one_fourth1, #footer .one_fourth1{width:120px;}
.one_fourth1{position:relative;margin-right:48px;margin-bottom:20px;float:left;}
.one_fourth1{
	width:900px;
}

/* ________________________________________________________________________________________________________________
	                                              03. PAGE SPECIFIC STYLE 
   ________________________________________________________________________________________________________________ ** ------- 1. Home ------- */

body#home_page #header{height:91px;}
#home_feature{height:400px;background:#030303 url(..home_feature.jpg) repeat-x scroll center top;}

/* slider nav */
#slider_thumbnails{position:absolute;z-index:100;width:960px;top:375px;left:0;}
#slider_preview_img{text-align:center;}
.slider_preview_img{cursor:pointer;height:15px;width:15px;background:transparent url(..slider_inactive.png) no-repeat scroll 0 0;}
.active_slider_img{background:transparent url(..slider_active.png) no-repeat scroll 0 0;}

/* slider full */
#slider_img{
	display:block;
	height:400px;
	overflow:hidden;
	position:absolute;
	right:0;
	top:0px;
	width:960px;}
#home_feature #slider_img .slider_full{height:400px;margin-top:0px;overflow:hidden;}
.slider_frame{
	background:transparent url(..slider_frame.png) no-repeat scroll 0 0;
	cursor:pointer;
	height:340px;
	position:absolute;
	top:56px;
	right:-166px;
	width:952px;
	}
.slider_content{width:300px;padding-top:30px;padding-left:30px;}
.slider_full .slider_content{width:330px;padding-left:0px;}

/* slider staged */
#home_feature .background {background:url(..full.jpg) center top no-repeat;}
#home_feature.staged .background{height:400px;background:transparent url(..stage.jpg) center top no-repeat;}
#home_feature #slider_img .slider_cropped{height:340px;margin-top:20px;overflow:hidden;}
#home_feature #slider_content .slider_cropped{margin:40px 30px;overflow:hidden;}
#home_feature .slider_full h2, #home_feature .slider_full{color:#888888;}

/* slider cu3er */
#home_feature.cu3er .background{height:400px;background:transparent url(..cu3er.jpg) no-repeat scroll center center;}
#home_feature.cu3er #cu3er-container{
	display:block;
	overflow:hidden;
	position:absolute;
	right:0;
	width:960px;
	height:340px;
	top:25px;}

#slider_img img{right:0;bottom:0;}
#loading_slider{
	background:transparent url(..slider_loader.gif) no-repeat scroll center top; 
	height:64px;
	position:absolute;
	text-align:center;
	top:170px;
	width:960px !important;
	z-index:20;}
/* ------- 5. Contact Forms ------- */


.blog_frame .rollover {
	background: transparent url(..zoom_blog.png) no-repeat scroll 0 0;
	height:234px;
	top:30px;
	width:612px;}
.blog_frame .rollover_play {
	background: transparent url(..play_blog.png) no-repeat scroll 0 0;
	height:234px;
	top:30px;
	width:612px;}




#contact_form .loadingImg { background:transparent url(..loader-contact.gif) no-repeat scroll 0 0; height:32px; width:32px; display:none; }
#contactFormWidget .loadingImgWidgetFt { background:transparent url(..loader_widget_ft.gif) no-repeat scroll 0 0; height:32px; width:32px; display:none; margin:10px 0 0; }
#contactFormWidget .loadingImgWidgetSb { background:transparent url(..loader_widget_sb.gif) no-repeat scroll 0 0; height:32px; width:32px; display:none; margin:10px 0 0; }
#footer form#contactFormWidget{background:transparent url(..footer_form.png) no-repeat scroll -1px 0px;}
#footer input#emailWidget, #footer input#contactNameWidget, #footer textarea#commentsTextWidget, #footer .button{background:none transparent;border:0px transparent;}
.webtreats_contact_form_widget h3{margin-bottom:8px;}
#footer .webtreats_contact_form_widget p{margin-bottom:0;}
#secondary .webtreats_contact_form_widget p{margin-bottom:8px;}
#footer .button{background:transparent url(..footer_button.png) no-repeat scroll -2px 0;height:42px;width:97px;}
#footer input#emailWidget, #footer input#contactNameWidget{height:24px;padding:5px 8px;width:178px;}
textarea#commentsTextWidget {padding-left:8px;height:107px;overflow:hidden;width:95%;}
.webtreats_contact_form_widget label{vertical-align:top;}
#footer #contactFormWidget .inputError {background:transparent url(..error.png) no-repeat scroll right -1px;}
.inputError ,input[type="text"].inputError {border:1px solid #888;}
.screenReader { left: -9999px; position: absolute; top: -9999px; }
#footer p.thanks {background:#010101;padding:15px;margin-bottom:0;border:1px solid #333;}



/* ________________________________________________________________________________________________________________
                                                  06. MENU 
   ________________________________________________________________________________________________________________ */


#main_navigation{position:absolute;right:0;top:5px;text-transform:none;font-size:11px;height:40px;}
#main_navigation1{
	position:absolute;
	right:-60px;
	top:42px;
	text-transform:uppercase;
	font-size:11px;
	height:40px;
}
.jqueryslidemenu{position:relative;z-index:22;}
.jqueryslidemenu ul{margin: 0;padding: 0;list-style-type: none;}
.jqueryslidemenu ul li{position: relative;display: inline;float: left;}
.jqueryslidemenu ul li a, .jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{color:#999;}

.jqueryslidemenu ul li a{
	display: block;
	padding: 10px 10px; 
	text-decoration: none;
	height:40px;
	line-height:40px;
	overflow:hidden;
	padding:0 12px;}
* html .jqueryslidemenu ul li a{ display: inline-block;}
.jqueryslidemenu ul li ul{position: absolute;left: 0px;display: block;visibility: hidden;}

.jqueryslidemenu ul li ul li{display: list-item;float: none;}
.jqueryslidemenu ul li ul li ul{top:0px;}
.jqueryslidemenu ul li ul li a{width: 160px;padding: 6px 13px;margin: 0;}

.jqueryslidemenu ul ul{
	background:transparent url(..drop.png) no-repeat scroll -1px 0;
	padding-top:14px;
	top:30px;
	padding-bottom:2px;}
.jqueryslidemenu ul ul.menu_flip{	
	background:transparent url(..dropR.png) no-repeat scroll -1px 0;}
.jqueryslidemenu ul ul ul, .jqueryslidemenu ul ul.menu_flip ul{
	background:transparent url(..drop_sub.png) no-repeat scroll 0px -2px;
	margin-left:-4px;
	margin-top:-2px;
	padding-top:2px;}
.jqueryslidemenu ul ul li a, .jqueryslidemenu ul ul li a:link, .jqueryslidemenu ul ul li a:visited {height:100%;line-height:20px;}
.jqueryslidemenuz ul li ul li a:hover, .jqueryslidemenu ul ul li a:hover{margin:0 4px;padding:6px 9px;background:#222;color:#eee;}
.jqueryslidemenuz ul ul li ul li a:hover, .jqueryslidemenu ul ul ul li a:hover{margin:0 1px;padding:6px 12px;width:155px;}




/* ________________________________________________________________________________________________________________
	                                              07. EXTRAS 
   ________________________________________________________________________________________________________________ ** ------- 1. Dropcaps ------- */

.dropcap1{
	background:transparent url(..sprite.png) no-repeat scroll -1px -1px;
	color:#638D24;
	float:left;
	font-size:46px;
	height:38px;
	line-height:1px;
	margin-bottom:-15px;
	margin-right:10px;
	padding-left:1px;
	padding-top:17px;
	text-align:center;
	width:40px;
}






.form {
	height: auto;
	width: 400px;
	padding-left: 20px;
	margin-bottom: 30px;
}

 #status{
	width:90%;
	padding:5px;
	outline:none;
	height:25px;
	margin-bottom:3px;
	margin-top: 3px;
   }  
    #status1{
	width:90%;
	padding:5px;
	outline:none;
	height:50px;
	margin-bottom:3px;
	margin-top: 3px;
	background:#F9F9F9 url(../files/form-gradient.gif) repeat-x scroll -1px -2px;
   } 
   
    .focusField{
    	border:solid 1px #73A6FF;
    	background:#EFF5FF;
    	color:#000;
    }
    .idleField{
	color: #ffffff;
	font-weight:bold;
	border-color:#D9D9D9 #EAEAEA #FFFFFF;
	background-color: #E4E4E4;
    }
	
	    .small-menu{
font-weight:100; font-size:10px; color:#CCCCCC;
    }