/* By Jon Hainstock -- Last updated 05/21/10 */

/* Global */

body {
	margin: 0;
	padding: 0;
	background: #cbe2f2 url(../images/body-background-repeat.gif) top left repeat-x;
	color: #3d3d3d;
	font: 14px/1.5 "Lucida Grande", Trebuchet MS, sans-serif;
}
a:link, a:visited {
	color: #025187;
	text-decoration: underline;
}
a:active, a:hover {
	color: #3a3a3a;
}
a img {
	border: 0;
}
/* Type */
h1, h2, h3, h4 {
	color: #812326;
	font-weight: normal;
	padding: 0;
	margin: 0 0 5px;
}
h1 {
	font-size: 1.6em;
}

h2 {
	font-size: 1.2em;	
}
h3 {
	border-bottom: 2px solid #ddd;
	padding: 0 0 5px;
	margin: 5px 0 0;
	font-style: italic;
	text-align: center;
}
h4 {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 13px;
	margin: 0 0 10px;
	font-weight: 700;
}
p {
	font-size: 12px;
	margin: 5px 0 10px 0;
}
/* Classes */

.innerLink {
	color: #812326;
}
.innerLink:hover {
	border: none;
}
/* Clear */

 .clearfix:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0
}
.clearfix {
	display:inline-block
}
* html .clearfix {
	height:1%
}
.clearfix {
	display:block
}
/* Header */

#header, #innerWrap, #footer {
	margin: 0 auto;
}
#headerWrap {
	width: 100%;
	float: left;
}
#header {
	background: url(../images/header-back.png) no-repeat top center;
	height: 115px;
	position: relative;
	width: 920px;
}
#header h1 {
	margin: 0;
}
#header h1 a {
	background: url(../images/logo.png) no-repeat;
	display: block;
	float: left;
	height: 97px;
	line-height: normal;
	margin: 7px 0 5px 0;
	padding: 0;
	overflow: hidden;
	text-indent: -100000px;
	width: 210px;
}
/* Nav */

#nav {
	margin: 0;
	float: right;
	width: 700px;
}
#nav ul {
	margin: 0;
	padding: 0;
	float: right;
}
#nav ul li {
	list-style-type: none;
	float: left;
}
#nav ul li a:link, #nav ul li a:visited {
	display: block;
	text-decoration: none;
	font-size: 12px;
	padding: 7px 0 0;
	margin: 0 7px 0;
	color: #eaeaea;
}
#nav ul li ul li a:link, #nav ul li ul li a:visited {
	font-size: 12px;
}
#nav ul li a:hover, #nav ul li a:active {
	color: #fff;
	border-bottom: 2px solid #005086;
}
/* SubNav */

#subNav {
	float: right;
	margin: 0px 0 5px 0;
}
#subNav ul {
	list-style-type: none;
}
#subNav li {
	font-size: 11px;
	float: left;
}
#subNav li a {
	border-right: 1px solid #eaeaea;
	padding: 0 7px 0;
	color: #eaeaea;
}
#subNav li#last a {
	border-right: none;
}
#subNav li a:hover {
	border-bottom: none;
	text-decoration: underline;
}
/* Middle */

#featureWrap {
	height: 291px;
	position: relative;
	padding: 5px;
	text-align: center;
	background: #fff;
	width: 925px;
	overflow: hidden;
}
#featItem {
	width: 925px;
	height: 291px;
	float: left;
}
#innerWrap {
	clear: both;
	padding: 0;
	position: relative;
	width: 940px;
}
#contentWrap {
	background: #fff url(../images/contentWrap-back-repeat.gif) repeat-x top left;
	float: left;
	width: 935px;
	margin: 10px 0 0;
}
#content {
	width: 905px;
	padding: 10px;
	margin: 5px;
	background: #fff;
	float: left;
	color: #333;
}

#content ul {
	font-size: 12px;	
}


.inlineImage {
	float: left;
	padding: 4px;
	width:auto;
	display: inline;
	background: #ccc;
	margin: 0 10px 0 0;}
	
#main {
	float: left;
	width: 585px;
	padding: 5px;
}
#sidebar1 {
	float: right;
	width: 280px;
	margin: 0 5px 0;
}

#sidebar1 ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 12px;
}
.info {
	float: left;
	width: 260px;
	padding: 0 10px 7px;
	margin: 0 0 7px;
	border-bottom: 1px solid #ccc;
}
#callout {
	float: left;
	width: 930px;
	margin: 10px 0 0;
}
#callNav1, #callNav2, #callNav3 {
	float: left;
	width:250px;
	margin: 0 0 0 45px;
	height: 220px;
	padding: 10px;
	background: url(../images/callNav-back-repeat.gif) repeat-x top left;
}
#callNav1 {
	margin: 0;
}
#callNav1 img, #callNav2 img, #callNav3 img {
	margin: 10px auto 0;
	width: 228px;
	display: block;
	padding: 3px;
	background: #ddd;
}
#callNav1 img:hover, #callNav2 img:hover, #callNav3 img:hover {
	background: #fff;
}

#more {
	float: left;
	width: 575px;
	padding: 5px;
	text-transform: uppercase;
	border-top: 1px solid #ccc;
}

#map {
	margin: 0 0 5px;
}

#main p span img {
        float: left;
        background: #ccc;
        padding: 5px;
        margin: 0 10px 0 0;
}

/* Side */

#sideWrap {
	float: right;
	width: 250px;
	margin: 7px 0 0 20px;
}
/* Bottom */

#footer {
	background: #025187;
	width: 100%;
	height: 250px;
	float: left;
}
#footerWrap {
	margin: 10px auto;
	width: 930px;
}
.footerNav {
	width:320px;
	float: left;
}
.footerNav ul {
	padding: 0 0 0 30px;
	list-style-type: none;
	font-size: 12px;
	color: #fff;
	font-style: italic;
}
.footerNav li a {
	color: #eaeaea;
}
.footerNav ul li a:hover {
	text-decoration: underline;
	color: #fff;
}
/* Gallery */

/* BEGIN DEMO STYLE */
	
.caption {
	font-style:italic;
	color:#333;
}
.demo {
	float: left;
	width: 700px;
}
.gallery_demo {
	width:700px;
	float: left;
}
.gallery_demo {
	float: left;
	margin: 0;
	padding: 0;
}
.gallery_demo li {
	width:68px;
	height:50px;
	border:3px double #111;
	margin: 0 2px;
	background:#000;
}
.gallery_demo li div {
	left:240px
}

.underline {
	text-decoration: underline;
}
#main_image {
	margin:0 auto 60px auto;
	height:525px;
	width:700px;
	background:#ccc;
	padding: 5px;
}
#main_image img {
	margin-bottom:10px;
}
.nav {
	padding-top:15px;
	clear:both;
	font:80% 'lucida grande', sans-serif;
	letter-spacing:3px;
	text-transform:uppercase;
}
/*.info {
	display: none;
	text-align:left;
	width:700px;
	margin:30px auto;
	border-top:1px dotted #221;
	padding-top:30px;
}
.info p {
	margin-top:1.6em;
}*/
.galleria{list-style:none;width:700px;}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */



/* Color Box */

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}

#colorBox{}
    #cboxTopLeft{width:25px; height:25px; background:url(../images/border1.png) 0 0 no-repeat;}
    #cboxTopCenter{height:25px; background:url(../images/border1.png) 0 -50px repeat-x;}
    #cboxTopRight{width:25px; height:25px; background:url(../images/border1.png) -25px 0 no-repeat;}
    #cboxBottomLeft{width:25px; height:25px; background:url(../images/border1.png) 0 -25px no-repeat;}
    #cboxBottomCenter{height:25px; background:url(../images/border1.png) 0 -75px repeat-x;}
    #cboxBottomRight{width:25px; height:25px; background:url(../images/border1.png) -25px -25px no-repeat;}
    #cboxMiddleLeft{width:25px; background:url(../images/border2.png) 0 0 repeat-y;}
    #cboxMiddleRight{width:25px; background:url(../images/border2.png) -25px 0 repeat-y;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:url(images/loading.gif) 5px 5px no-repeat #fff;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}

