/* ------- 1. CSS Reset ------- */

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:Helvetica, Arial, sans-serif;
	line-height:18px;
	letter-spacing:.1px;
	word-spacing:1px;
	margin:0;
	padding:0;
	border:0;
}

html,
body {
	font-family:Helvetica, Arial, sans-serif;
	line-height:18px;
	letter-spacing:.1px;
	word-spacing:1px;
   margin:0;
   padding:0;
   height:100%;
}
#container {
   min-height:100%;
   position:relative;
}
#header {
   background:#ff0;
   padding:0px;
}
#body {
   padding:0px;
   padding-bottom:70px;   /* Height of the footer */
}
#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:70px;   /* Height of the footer */
   background:#fff;
}

h1,h2,h3,h4,h5,h6,hr,p,ul,ol,dl,pre,address,table,form{margin:0 0 0px}
p,h1, h2, h3, h4, h5, h6, ul.check_list, ul.arrowlist{padding-left:2px;}
strong, b{font-weight:bold;text-decoration:none;}
em, dfn, i{font-style:italic;}

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

body{color:#000;font-size:10px;}
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:Helvetica, Arial, sans-serif;}
a:link,a:visited,a:hover,a:active,a:focus{text-decoration:none;outline:none;-moz-outline-style:none;}
a{color:#000;}
a:hover{color:#aaa;}
pre,code{font-family:mono-space,monospace;white-space:pre;overflow:auto;padding:20px;}
pre{padding:5px;}
code{background:#ffffff url(images/code.png) repeat scroll 0 0;display:block;border:1px solid #ddd;border-bottom:0px;padding:0 14px;font-size:10px;}
blockquote {background:transparent url(images/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;}	

/* ------- 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:1024px;background-color:#ffffff;}
#body_block{z-index:0;padding-top:0px;}
#primary{float:left;width:0px;}
#secondary{float:right;width:0px;min-height:0px;}
#primary .content{margin-right:0px;margin-top:0px;}
#secondary .content{margin-right:0px;margin-left:0px;}
.inner{
	width:1024px;
	min-width:1024px;
	position:relative;
	clear:both;
	text-align:center;
	margin:0 auto;
}
#primary-full .content, #subfooter .content{padding:1px;margin-top:0px;overflow:hidden;}
#body_block #primary-full{width:1024px;}
.entry{overflow:hidden;}
/*
.footer {
	height: 150px;
}

.footer, .push {
	height: 150px; /* .push must be the same height as .footer */
} */

/*


/* ------- Galeria ------- */

.gallery {
	padding-left: 100px;
	padding-top: 40px;
}

.gallery a {
	color:#FFFFFF;
	/*float: left;*/
	padding: 10px 10px 25px 10px;
	/*background: #eee;
	border: 1px solid #cccccc;
	-moz-box-shadow: 0px 2px 15px #333;*/
	position: relative;
}
/*
ul.gallery li a:hover {
	z-index: 10;
	-moz-box-shadow: 3px 5px 15px #333;
}

ul.gallery li a.pic-1 {
	z-index: 1;
	-webkit-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
}
ul.gallery li a.pic-2 {
	z-index: 5;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
}
ul.gallery li a.pic-3 {
	z-index: 3;
	-webkit-transform: rotate(4deg);
	-moz-transform: rotate(4deg);
}
*/
/* ------- 1. Home ------- */

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

/* slider nav */
#slider_thumbnails{display:none;position:relative;z-index:100;width:1024px;top:600px;left:0;right:0;}
#slider_preview_img{text-align:center;}
.slider_preview_img{cursor:pointer;height:15px;width:15px;background:transparent url(images/slider_inactive.png) no-repeat scroll 0 0;}
.active_slider_img{background:transparent url(images/slider_active.png) no-repeat scroll 0 0;}
/*.slider_img_cropped{position:absolute;left:0;top:0;}
.slider_img_full_cropped{margin-top:0px;position:absolute;right:0;top:0;width:1024px;}*/

/* slider full */
#slider_img{
	display:none;
	height:550px;
	overflow:hidden;
	position:relative;
	right:0;
	top:0px;
	width:1024px;}
#home_feature #slider_img .slider_full{height:550px;margin-top:0px;overflow:hidden;}
.slider_frame{
	background:transparent url(images/slider_frame.png) no-repeat scroll 0 0;
	cursor:pointer;
	height:550px;
	position:absolute;
	top:0;
	right:0;
	width:1024px;
	}
.slider_content{
	display:none;
	left:0;
	padding-left:0px;
	padding-top:0px;
	position:absolute;
	top:0;
	width:1024px;
	z-index:10;
	}
.slider_full .slider_content{width:1024px;padding-left:0px;}

/* slider staged */
#home_feature .background {background:url(images/full.jpg) center top no-repeat;}
#home_feature.staged .background{height:550px;background:transparent url(images/stage.jpg) center top no-repeat;}
#home_feature #slider_img .slider_cropped{height:550px;margin-top:0px;overflow:hidden;}
#home_feature #slider_content .slider_cropped{margin:0px 0px;overflow:hidden;}
#home_feature .slider_full h2, #home_feature .slider_full{color:#000000;}

#slider_img img{right:0;bottom:0;}
#loading_slider{
	background:transparent url(images/slider_loader.gif) no-repeat scroll center top;
	height:280px;
	position:absolute;
	text-align:center;
	width:1024px !important;
}

/* slide show */

#Slideshow { 
	height: 360px; 
	overflow: hidden;}
#SlideTop, #SlideRepeat, #SlideBottom,
.slidePrev, .slideNext,
#slidePager {
	position: relative;
	z-index: 29;}
#SlideTop {
	height: 4px;
	overflow: hidden;
	background: transparent url("images/pageBg-slideTop.png") no-repeat 0 0;}
#SlideRepeat {
	height: 301px;
	overflow: hidden;
	background: transparent url("images/pageBg-slideRepeat.png") repeat-y 0 0;}
#SlideBottom {
	height: 55px;
	overflow: hidden;
	background: transparent url("images/pageBg-slideBottom.png") no-repeat 0 0;}
#Slides {
	margin-top: -360px;
	margin-bottom: 18px; /* without this #SlideBottom will overlap #Main */
	height: 342px;
	overflow: hidden;
	background: #FFFFFF;}
	
a.slidePrev, a.slideNext {
	display: block;
	z-index: 30;
	top: -235px;
	width: 51px;
	height: 64px;}
a.slidePrev {
	float: left;
	margin: 0 0 0 11px;
	background: transparent url("images/slide-previous.png") no-repeat 0 0;}
a.slideNext {
	float: right;
	margin: 0 11px 0;
	background: transparent url("images/slide-next.png") no-repeat 0 0;}

a.slidePrev:hover, a.slideNext:hover { background-position: 0 -64px;}
	
#slidePager {
	top: -348px;
	float: right;
	margin:0 -35px 0 0;}
#slidePager a, #slidePager a:visited {
	float: left;
	width: 16px;
	height: 15px;
	overflow: hidden;
	background: transparent url("images/slide-pager.png") no-repeat 0 0;
	text-decoration: none;
	text-indent: -1234px;}
#slidePager a:hover {
	background-position: -16px 0;}
#slidePager a.activeSlide {
	background-position: -32px 0;}
	
/* side navigation menu */

.sideNavWrapper	{ background: transparent url("images/side-navigation-repeat.gif") repeat-y 0 0; margin: 0 0 0.5em; }
.sideNavBox-1	{ background: transparent url("images/side-navigation-top.gif") no-repeat 0 0; padding: 15px 0 0; }
.sideNavBox-2	{ background: transparent url("images/side-navigation-bottom.gif") no-repeat 0 100%; padding: 0 0 15px; min-height: 100px;}

ul.sideNav {
	padding: 0;
	margin-left: 0;}
ul.sideNav li {
	font-size: 1.1em;
	background: none;
	padding: 0;
	margin: 0;}
.sideNav li a {
	display: block;
	padding: 0.5em 5px 0.5em 25px;
	margin: 0;	
	border-bottom: 1px dotted #DBDBDC;
	text-decoration: none;
	text-shadow: #fff 1px 1px 0px;}
.sideNav li.currentPage	{ background: transparent url("images/side-navigation-active.gif") no-repeat 0 0; }
.sideNav li.currentPage	a,
.sideNav li.currentPage a:link, .sideNav li.currentPage a:visited,
.sideNav li.currentPage a:hover, .sideNav li.currentPage a:active	{ color: #2C2C2C; border-bottom: 1px solid #fff; }	

/* ------- 1. Structure ------- */
#header {background:#ffffff}
#footer{background:#ffffff}

/* ------- 2. Buttons ETC ------- */
#intro_blurb_title,#intro_blurb_title span{background-color:#ffffff ;background-image:url(creme/intro.gif);color:#222;}
a.button_link,a.button_link:hover,a.button_link:active,a.button_link:active span,a.button_link span,.slider_content a.button,.slider_content a.button:hover{background-image:url(creme/buttons.gif);color:#444;}
.button:active,.button:hover,.button,.pagination span.current,.slider_content a.button{background-image:url(creme/buttons.gif);border-color:#888;color:#333;text-shadow:1px 1px 1px #777777;}

/* ------- 3. Typography ETC ------- */
#home_feature .slider_full h2, #home_feature .slider_full{color:#eee;}
.url,.contact_widget_email a,.top_metadata a,#blurb p.tweet a,#commentform a,h3.toggle a,.dropcap2,.pullquote_left,.pullquote_right,blockquote,h1,#home_feature h2,h5
{border-color:#707070;color:#999;}
#sub_footer,#footer a:hover,a:hover{color:#666;}

/* ------- 4. Images ------- */
#body_block .search-box,#body_block input.search-go{background-image:url(creme/searchbar.png);}
#secondary .link_list ul li a,
.contact_widget_name,.contact_widget_phone,.contact_widget_email,
ul.arrow_list li,ul.bullet_list li,ul.check_list li,
h3.toggle,h3.active,#secondary .widget_recent_comments ul li.recentcomments span,#secondary #twitter-widget.webtreats_twitter_widget ul li a
{background-image:url(creme/mini_icons.png);}
#default_logo {background-image:url(creme/logo.png);}
#site_name a {color:#333;text-shadow:1px 1px 1px #777;}

/* ------- 5. Menu ------- */
.jqueryslidemenu ul li a, .jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{color:#333;text-shadow:1px 1px 1px #777;}
.jqueryslidemenu ul ul {background-image:url(creme/drop.png);}
.jqueryslidemenu ul ul.menu_flip {background-image:url(creme/dropR.png);}
.jqueryslidemenu ul ul ul, .jqueryslidemenu ul ul.menu_flip ul{background-image:url(creme/drop_sub.png);}
.jqueryslidemenuz ul li ul li a:hover, .jqueryslidemenu ul ul li a:hover, #footer p.thanks{background:#a0a0a0;color:#333;}

/* ------- 6. Preloaders ------- */
#loading_slider { background:transparent url(creme/slider_loader.gif) no-repeat scroll center top; }
#contactFormWidget .loadingImgWidgetFt { background:transparent url(creme/loader_widget_ft.gif) no-repeat scroll 0 0;}

