/* @group Layout */

#header {
	height: 180px;
}

#logoContainer {
	display: block;
	max-height: 178px;
	overflow: hidden;
	position: relative;
}

#innerHeader {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}

#titleContainer {
	position: relative;
	top: 58px;
}

#titleContainer h1 {
	color: #2e2920;
	letter-spacing: -2px;
	word-spacing: -1px;
}

#titleContainer h2 {
	color: #2e2920;
}

#contentContainer {
	width: 950px; 
	margin-left: auto;
	margin-right: auto;
}


#sidebarContainer {
	width: 235px;
	float: right;
	display: block;
	background-color: #e3e1d5;
	padding-top: 14px;
	padding-bottom: 14px;
	-moz-border-radius: 12px;  
	-webkit-border-radius: 12px;  
	border-radius: 12px;
	border: 2px solid #d6d5c9;
}

#sidebar {
	margin-left: 18px;
	margin-right: 18px;
	font-size: 12px;
	line-height: 22px;
}

#footerContainer {
	width: 950px;
	margin: 36px auto;
	border-top-style: solid;
	border-top-width: 2px;
	padding-right: 12px;
	padding-left: 12px;
}

#sidebarTopContainer {
	display: none;
	margin: 24px auto 4px;
	-moz-border-radius: 12px;  
	-webkit-border-radius: 12px;  
	border-radius: 12px;
	border: 2px solid #d6d5c9;
	background-color: #e3e1d5;
	padding-top: 14px;
	padding-bottom: 14px;
}

#sidebarTop {
	display: none;
	margin-left: 18px;
	margin-right: 18px;
}



	
/* @end */

/* @group Menu System */

/* Toolbar Styles */

.navcontainer {
	margin-right: auto;
	margin-left: auto;
	position: relative;
	top: 20px;
	height: 30px;
	margin-bottom: 52px;
	border-width: 1px;
	overflow: hidden;
}

.navcontainer .current {
	text-decoration: none;
	display: inline-block;
	text-align: center;
	width: 127px;
	height: 26px;
	color: #eceadf;
	font-size: 14px;
	line-height: 25px;
}

html>body .navcontainer .current {
	text-decoration: none;
	display: inline-block;
	text-align: center;
	width: 127px;
	height: 26px;
	color: #eceadf;
	font-size: 14px;
	line-height: 25px;
}

.navcontainer .current:hover {
	text-decoration: none;
	display: inline-block;
	text-align: center;
	width: 127px;
	height: 26px;
	color: #eceadf;
	font-size: 14px;
	line-height: 25px;
}

html>body .navcontainer .current:hover {
	text-decoration: none;
	display: inline-block;
	text-align: center;
	width: 127px;
	height: 26px;
	color: #eceadf;
	font-size: 14px;
	line-height: 25px;
}

.navcontainer .current:visited {
	text-decoration: none;
	display: inline-block;
	text-align: center;
	width: 127px;
	height: 26px;
	color: #eceadf;
	font-size: 14px;
	line-height: 25px;
}

html>body .navcontainer .current:visited {
	text-decoration: none;
	color: #eceadf;
}

.navcontainer .currentAncestor {
	text-decoration: none;
	display: inline-block;
	text-align: center;
	width: 127px;
	height: 26px;
	color: #eceadf;
	font-size: 14px;
	line-height: 25px;
}

html>body .navcontainer .currentAncestor {
	text-decoration: none;
	display: inline-block;
	text-align: center;
	width: 127px;
	height: 26px;
	color: #eceadf;
	font-size: 14px;
	line-height: 25px;
}

.navcontainer .currentAncestor:visited {
	text-decoration: none;
	display: inline-block;
	color: #eceadf;
}

html>body .navcontainer .currentAncestor:visited {
	text-decoration: none;
	display: inline-block;
	text-align: center;
	color: #eceadf;
}

/* Parent - Level 0 */

.navcontainer ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.navcontainer ul li {
	padding: 0;
	float: left;
}

.navcontainer a{
	text-decoration: none;
	display: inline-block;
	color: #2e2920;
	width: 127px;
	height: 26px;
	font-size: 14px;
	line-height: 25px;
	text-align: center;
	font-weight: bold;
	margin-right: 8px;
	margin-bottom: 4px;
}

html>body .navcontainer a{
	text-decoration: none;
	display: inline-block;
	color: #2e2920;
	width: 127px;
	height: 26px;
	font-size: 14px;
	line-height: 25px;
	margin-right: 6px;
	text-align: center;
	font-weight: normal;
	font-style: normal;
}

.navcontainer a:hover{
	text-decoration: none;
	display: inline-block;
	text-align: center;
}

html>body .navcontainer a:hover{
	text-decoration: none;
	display: inline-block;
	text-align: center;
}

.navcontainer a:visited{
	text-decoration: none;
}

.navcontainer a:active {
	text-decoration: none;
	display: inline-block;
	text-align: center;
}

/* Children */

.navcontainer ul ul, .navcontainer ul ul ul {
	display: none;
}

/* @end */

/* @group Sidebar Menu */

.subnavcontainer {
	position: relative;
	top: 12px;
	margin: 0px;
	border-style: none;
}

/* Parent - Level 0 */

.subnavcontainer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.subnavcontainer li {
	position: relative;
	display: inline;
	height: 0;
}

.subnavcontainer a {
	display: none;
	height: 23px;
	text-decoration: none;
	border-top: 1px solid #a8a79c;
	line-height: 17px;
	font-size: 15px;
	padding-top: 6px;
	padding-bottom: 0;
	font-weight: normal;
	font-style: normal;
	background: #d7d3c6 none left center;
}



.subnavcontainer a:visited {
	text-decoration: none;
}

.subnavcontainer a:hover {
	text-decoration: none;
	background-color: #c7c5b8;
}

/* Child - Level 1 */

.subnavcontainer ul ul {
	margin-bottom: 26px;
	border-bottom: 1px solid #a8a79c;
}

.subnavcontainer ul ul .current {
	background: #aeaca1 none left center;
	color: #2e2920;
}

.subnavcontainer ul ul a {
	display: block;
	padding-left: 16px;
}

/* Child - Level 2 */

.subnavcontainer ul ul ul a {
	padding-left: 30px;
	margin: 0;
}

.subnavcontainer ul ul ul  {
	margin-bottom: 0;
}

/* Child Level 3 */

.subnavcontainer ul ul ul ul a {
	padding-left: 50px;
}

.subnavcontainer ul ul ul ul  {
	margin-bottom: 0;
}

/* Child Level 4 */

.subnavcontainer ul ul ul ul ul a {
	padding-left: 70px;
}

.subnavcontainer ul ul ul ul ul  {
	margin-bottom: 0;
}

/* Child Level 5 */

.subnavcontainer ul ul ul ul ul ul a {
	padding-left: 90px;
}

.subnavcontainer ul ul ul ul ul  {
	margin-bottom: 0;
}

/* @end */



#sidebarContainer a.sideContactLink {display: block;font-size: 15px;font-weight:normal;}





/* @group Bread-crumb */

#breadcrumb {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 4px;
	color: #ababab;
}

#breadcrumb h4 {
	text-decoration: none;
	font-variant: normal;
	font-style: normal;
	font-size: 14px;
	line-height: 14px;
	margin: 0;
	padding: 0;
}

#breadcrumb ul {
	display: inline;
	margin: 0;
	list-style-type: none;
	padding: 0;
}

#breadcrumb li {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
}

#breadcrumb a {
	display: inline;
}

#breadcrumb a:hover {
	display: inline;
}
	
/* @end */










/* width */
#innerHeader,#contentContainer,#footerContainer,#sidebarTopContainer,.navcontainer{width:1050px;}



/* sidebar right */
#content{margin-right:285px;}
#sidebarContainer{float:right;display:block;}




/* background grey fade */
body{background:#fff url(espresso/images/grayfade.gif) repeat-x;}


/* header stripe, 30% */
#header{background:url(espresso/images/hdr_bkg_30.png) repeat-x;}




/* green horizontal menu */
.navcontainer .current,.navcontainer .current:hover,.navcontainer .currentAncestor{background:url(espresso/images/menu-green.gif) no-repeat 0 -52px;}
.navcontainer a{background:url(espresso/images/menu-green.gif) no-repeat 0 -26px;}
.navcontainer a:hover{background:url(espresso/images/menu-green.gif) no-repeat 0 0px;}
html>body .navcontainer .current,html>body .navcontainer .current:hover,html>body .navcontainer .currentAncestor{background:url(espresso/images/menu-green.png) no-repeat 0 -52px;}
html>body .navcontainer a{background:url(espresso/images/menu-green.png) no-repeat 0 -26px;}
html>body .navcontainer a:hover{background:url(espresso/images/menu-green.png) no-repeat 0 0px;}




/* colors.css */
#content,a,#sidebarContainer a{color:#2E2920;}
a:focus,a:hover,a:active,
#sidebarContainer a:focus,#sidebarContainer a:hover,#sidebarContainer a:active{color:#4E4536;}
#sidebarContainer,#sidebarTopContainer{background-color:#E3E1D5;border-color:#C3C2B7;}
.subnavcontainer a,.subnavcontainer ul ul{border-color:#C3C2B7;}
#titleContainer h1,#titleContainer h2,#sidebar,#sidebarTop,#sidebar h3,#sidebarTop h3{color:#2E2920;}
blockquote,#footerContainer{color:#2E2920;border-color:#D6D5C9;}
#blockquote{background:#E3E1D5 url(images/quotemark.png) no-repeat left top;}
.subnavcontainer a:link{color:#2E2920;background-color:#D7D3C6;}
.subnavcontainer a:hover{background-color:#C7C5B8;}
.subnavcontainer ul ul .current{color:#2E2920;background-color:#AEACA1;}
.subnavcontainer ul ul .current:hover{background-color:#E2DFD1;}


/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;/*font-weight:inherit;font-style:inherit;*/font-size:100%;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}


/* typography.css */
body {font-size:75%;font-family:"Lucida Grande", Lucida, Verdana, sans-serif;color:#333;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#333;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1.25;margin-bottom:0.75em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
/*a:focus, a:hover {color:#000;}*/
/*a {color:#009;text-decoration:underline;}*/
strong {font-weight:bold;}
em, dfn {font-style:italic;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

.clear {
	clear: both;
}

hr {background:#bfbfbf;color:#bfbfbf;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}

/*h1 {font-size:2em;margin-bottom:0.75em;}
h2 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h3 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h4 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h5,h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}*/

h1, h2, h3, h4, h5, h6, p, ul, li{color:#333;}

p img.left,p img.right {margin-top:0;}


a {color:#7D9C23;text-decoration:none;font-weight: bold;}
a:focus, a:hover, a:active {color:#3D3D3C;text-decoration:underline;}


/*h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color:#333;}*/


#logoContainer {
	top: 47px;
}


#content{float:left;margin-right:0;width:765px;margin-bottom:1.5em;}
#footerContainer{clear:both;}


.small { font-size: 0.9em; }
.smaller { font-size: 0.8em; }
.smallest { font-size: 9px; }

.large { font-size: 1.1em; }
.larger { font-size: 1.2em; }
.largest { font-size: 1.3em; }

.zebra { background: #e5e5e5; }

.hide { display: none; }
.show { display: block; }


#portfolio { text-align: center; }

#portfolio img, img.border {
	border: 1px solid #9E9B8F;
	margin-bottom: 28px;
}
img.border {
	margin-bottom: 0em;
}

#host_package {
	border: 1px solid #5D5E5E;
	padding: 12px;
	margin: 22px;
}

#host_package h2,
#host_package h3 {
	font-style: italic;
	float: left;
	width: 28%;
	margin: 0px 0px 3em 0px;
	height:100%;
}

#host_package #order {
	font-size: 12px;
	float: right;
	font-weight: normal;
	margin: 0px 0px 3em 0px;
}

#host_package h3 {
	float:right;
	width: 20%;
	font-size: 13px;
	margin: 0px;
}

#host_package ul {
	list-style: none;
	margin: 0px;
	padding-bottom:0px;
}


.entry {
	padding-top:3em;
	margin-bottom:3em;
	clear:both;
	border-top: 2px solid #D6D5C9;	
}

.entry.first {
	padding-top:0;
	border:0;	
}

.read_more {
	display: block;
	clear:both;
}

img.left.border {
	margin-right:2.8em;
}
img.left.border + img.left.border {
	margin-right:0em;
}

div.left,div.right {
/*float: left;*/
	width:364px;
	margin-bottom:1.5em;
	padding-top:3em;
	border-top: 2px solid #D6D5C9; /*#B6B4A8;*/
}
div.left{
	float: left;
	clear:both;
	margin-right:3em;
}
div.right{
	float: right;
}




/* Tooltips.js */	

.tooltip{position:absolute!important;overflow:hidden;font-size:12px;z-index:10000!important;}
.tooltip .xtop,.tooltip .xbottom{display:block;background:transparent;font-size:1px;}
.tooltip .xb1,.tooltip .xb2,.tooltip .xb3,.tooltip .xb4{display:block;overflow:hidden;}
.tooltip .xb1,.tooltip .xb2,.tooltip .xb3{height:1px;}
.tooltip .xb2,.tooltip .xb3,.tooltip .xb4{background:#DDD9CB;border-left:1px solid #B6B4A8;border-right:1px solid #B6B4A8;}
.tooltip .xbottom .xb2,.tooltip .xbottom .xb3,.tooltip .xbottom .xb4{background:#DDD9CB;}
.tooltip .xb1{margin:0 5px;background:#B6B4A8;}
.tooltip .xb2{margin:0 3px;border-width:0 2px;}
.tooltip .xb3{margin:0 2px;}
.tooltip .xb4{height:2px;margin:0 1px;}
.tooltip .xarrow{position:relative;top:2px;left:12px;width:11px;height:7px;}
.tooltip .xarrow b{display:block;background:#DDD9CB;border-left:1px solid #B6B4A8;border-right:1px solid #B6B4A8;font-size:1px;height:1px;}
.tooltip .xarrow .a1{margin:0 5px;background-color:#B6B4A8;border:0 solid;width:1px;}
.tooltip .xarrow .a2{width:1px;margin:0 4px;}
.tooltip .xarrow .a3{width:3px;margin:0 3px;}
.tooltip .xarrow .a4{width:5px;margin:0 2px;}
.tooltip .xarrow .a5{width:7px;margin:0 1px;}
.tooltip .xarrow .a6{width:9px;margin:0 0px;}
.tooltip .xboxcontent{padding:0 .5em;margin:0;color:#000;text-shadow:1px 1px 0px #CCC;word-wrap:break-word;border:1px solid #B6B4A8;border-width:0px 1px 0 1px;background-color:#DDD9CB;}



/* Lightbox.js */

#lightbox{position:absolute;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#lightbox img{width:auto;height:auto;}
#lightbox a img{border:none;}
#outerImageContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}
#imageContainer{padding:10px;}
#loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
#hoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#imageContainer>#hoverNav{left:0;}
#hoverNav a{outline:none;}
#prevLink,#nextLink{width:49%;height:100%;background-image:url(data:image/gif;base64,AAAA);/* Trick IE into showing hover */ display:block;}
#prevLink{left:0;float:left;}
#nextLink{right:0;float:right;}
#prevLink:hover,#prevLink:visited:hover{background:url(/public/javascripts/lightbox/images/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover,#nextLink:visited:hover{background:url(/public/javascripts/lightbox/images/nextlabel.gif) right 15% no-repeat;}
#imageDataContainer{font:10px Verdana,Helvetica,sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100% ;}
#imageData{padding:0 10px;color:#666;}
#imageData #imageDetails{width:70%;float:left;text-align:left;}
#imageData #caption{font-weight:bold;}
#imageData #numberDisplay{display:block;clear:left;padding-bottom:1.0em;}
#imageData #bottomNavClose{width:66px;float:right;padding-bottom:0.7em;outline:none;}
#overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background-color:#333;}



/* Glider.js */

div.scroller{width:635px;height:300px;overflow:hidden;border:1px solid #ccc;}
div.scroller div.section{width:635px;height:300px;overflow:hidden;float:left;padding:1em;}
div.scroller div.content{width:10000px;}
div#section2{background:#666;color:#fff;}