@import "reset.css";

@import "text.css";



html, body{

	background: #b7b7b7 url(../images/background.gif) top center repeat-y;

	text-align: center;

	margin: 0;

	padding: 0;

}

h2{
	display:block;
	float:clear;
}

.wrapper{

	margin: 0 auto;

	width: 960px;

	text-align: left;

}

#header{

	background: #082F50 url(../images/header.gif) bottom left repeat-x;

}

#header .wrapper{

	background: url(../images/header2.gif) bottom left no-repeat;

}

#featured .wrapper{

	padding: 10px 0 10px 0;

}

#main, #footer{

	background: url(../images/slice.png) top left repeat-x;

}

#main .wrapper,#footer .wrapper{

	padding: 30px 0 20px 0;

}

#footer .wrapper{

	padding: 30px 25px 30px 25px;

	width: 910px;

}

#footer{

	background: #7F7F7F url(../images/slice.png) top left repeat-x;

}

#logo{

	width: 256px;

	height: 92px;

	background: url(../images/logo-shadow.png) bottom left no-repeat;

	position: absolute;

	z-index: 20;

}

#logo a{

	background: url("../images/logo-light.png") no-repeat scroll left top #FFFFFF;

	display: block;

	height: 92px;

	width: 222px;

	margin: 0 17px 0 17px;

	text-indent: -9999px;

}

#logo span {
        color:#AAAAAA;
        display:block;
        font-size:8px;
        margin:0 auto;
        position:relative;
        text-align:center;
        text-transform:uppercase;
        top:-22px;
        width:222px;
}



#navigation{

	padding: 10px 0 3px 0;

	z-index: 55;

}

#navigation, #navigation ul {

	float: right;

	list-style: none;

	position: relative;

	line-height: 24px;

}



#navigation a:link, #navigation a:active, #navigation a:visited{

    display:block;

    padding:0px 5px;

    color:#fff;

    text-decoration:none;

	margin: 0 0 0 20px;

 }





#navigation a:hover,#navigation li.current_page_item a{

    background-color:#031B2F;

    color:#fff;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

}



#navigation li{

	float: left;

	display: block;

	position: relative;

}

#navigation ul{

	position: absolute;

	width: 160px;

	top: 24px;

	display: none;

	padding-top: 9px;

}

#navigation li ul a{

	width: 160px;

	float: left;

	background: #123C5F;

	margin: 0 !important;

}

#navigation li ul a:hover{

	-moz-border-radius: 0px;

	-webkit-border-radius: 0px;

}

#navigation li ul li:last-child a{

	-moz-border-radius: 0 0 3px 3px;

}

#navigation ul ul{

	top:auto;

	}	



#navigation li ul ul {

    left:12em;

    margin:0px 0 0 10px;

    }



#navigation li:hover ul ul, #navigation li:hover ul ul ul, #navigation li:hover ul ul ul ul{

    display:none;

    }

#navigation li:hover ul, #navigation li li:hover ul, #navigation li li li:hover ul, #navigation li li li li:hover ul{

    display:block;

    }

	

#blinds { 

	margin: 0 auto; 

	background: url(spinner.gif) 50% no-repeat; 

	height: 330px; 

	width: 960px; 

	-moz-box-shadow: 0 0 20px #444;

	-webkit-box-shadow: 0 0 20px #444;

}

#blinds .floom_slice { 

	z-index: 10; 

}

#blinds .floom_caption , .ft-title{ 

	text-shadow: 0 1px 0 #fff; 

	font-size: 18px; 

	color: #333; 

	font-style: italic; 

	position: relative; 

	display: inline;

	text-align: left; 

	top: 10px; 

	font-family: Georgia, serif;

}

#blinds .floom_progressbar { 

	font-size: 1px; 

	background: #131718; 

	border-bottom: solid 1px #9c9c9c; 

	height: 3px; 

	position: relative; 

	z-index: 1000;

	width: 0; 

	top: 2px; 

}

#blinds .floom_container { 

	overflow: hidden; 

	border-bottom: solid 1px #9c9c9c; 

	}

#blinds .floom_vertical { 

	float: left; 

	}

	

#buttons{

	float: right;
    right:0px !important;
    /* left:730px !important; */

	margin: 15px 0 4px 0;

	z-index: 20;

}

#buttons a{

	line-height: 33px;

	display: block;

	float: left;

	padding: 0 10px;

	margin: 0 0 0 10px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	color: #fff;

	text-decoration: none;

	font-weight: bold;

	text-transform: uppercase;

	letter-spacing: 1px;

}

#call-to-action1{

	background: #082F50  url(../images/button.png) top center no-repeat;

	text-shadow: 0 1px 0 #060609; 

}

#call-to-action2{

	background: #fe3302  url(../images/button.png) top center no-repeat;

	text-shadow: 0 1px 0 #bf2604; 

}

#switch{

	line-height: 28px;

	display: block;

	float: right;

	font-size: 11px;

	padding: 0 10px;

	margin: 0 0 0 10px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	color: #fff;

	text-decoration: none;

	font-weight: bold;

	text-transform: uppercase;

	letter-spacing: 1px;

	background: #082F50  url(../images/button.png) top center no-repeat;

	text-shadow: 0 1px 0 #060609; 

}



#buttons em{

	line-height: 33px;

	display: block;

	float: left;

	padding: 0;

	margin: 0 0 0 10px;

	font-weight: bold;

	text-transform: uppercase;

	font-style: normal;

	color: #818181;

}

.content-header{

	width: 960px;

	height: 26px;

	display: block;

	background: url(../images/content.png) top left no-repeat;

}

.content{

	background: url(../images/content.png) top left repeat-y;

	padding: 0 25px;

	background-position: -960px 0;

}

.content a{

	color: #FE3302; /* #382B7A; */
	text-decoration: underline;
}

.content a:hover{

	text-decoration: none;

}


.content-footer{

	width: 960px;

	height: 26px;

	display: block;

	background: url(../images/content.png) top left no-repeat;

	background-position: -1920px 0;

}



.col{

	float: left;

	width: 286px;

	margin: 0 25px 0 0;

}

.col h3{

	font-size: 22px;

	margin: 0 0 10px 0;

}

.col h4{

	text-transform: uppercase;

	color: #eee;

	margin: 0 0 15px 0;

}

.read-more {

	display: block;

	text-align: right;

}

.col img{

	float: left;

	margin: 0 10px 10px 0;

}

.col p{

	margin: 0 0 10px 0;

	color: #444;

}

.last{

	margin: 0 !important;

}

#footer .col{

	width: 210px;

	margin: 0 20px 0 0;

}

#footer  .col p, #footer .col ul{

	color: #e5e5e5;

}

#footer a{

	color: #fff;

}





/* INSIDE PAGES */



#sidebar {

	width: 320px;

	float: left;

	padding-top: 10px;

}

#sidebar h3{

	margin: 10px 0 10px 0;

	color: #444;

	letter-spacing: 1px;

}

#sidebar ul{

	list-style: none;

	margin: 0 30px 20px 0;

	padding: 0;

	border-top: 1px solid #CFCFCF;

}

#sidebar ul li{

	border-bottom: 1px solid #CFCFCF;



}

#sidebar p{

	margin: 0 30px 15px 0;

}

#sidebar ul li a{

	padding: 8px 0 8px 0;

	color: #444;

	text-decoration: none;

	display: block;

}



#sidebar ul li a:hover{

	color: #222;

	background: #f5f5f5;

}



#sidebar #searchform{

	border: 1px solid #cfcfcf;

	padding: 10px;

	margin: 0 30px 0 0;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

}

input#s{

	width: 190px;

}

input#searchsubmit{

	padding: 2px 3px 2px 3px;

	border: 0;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	color: #fff;

	text-decoration: none;

	font-weight: bold;

	background: #082F50  url(../images/button.png) top center no-repeat;

	text-shadow: 0 1px 0 #060609; 

}



#posts {

	width: 590px;

	float: right;

}	

.wide-img{

	border-top: 1px solid #cfcfcf;

	border-bottom: 1px solid #cfcfcf;

	padding: 10px 0 10px 0;

}



#caption {

	padding: 10px 0 0 0;

	margin: 0;

} /* inside page heading */





/* PORTFOLIO */



ul#portfolio{

	margin: 0;

	padding: 0;

}

ul#portfolio li{

	list-style: none;

	display: block;

	float: left;

	width: 290px;

	display: inline;

	margin: 20px 20px 0 0;

	padding: 0px;

}

li.detailed{

	width: 910px !important;

}

#portfolio .last{

	margin: 20px 0 0 0 !important;

}

#portfolio a{

	position: relative;

	display: block;

	border: 1px solid #eee;

	padding: 3px;

	text-decoration: none;

	float: left;

}

.portfolio-details{

	float: left;

	margin: 5px 0 0 15px;

	display: none;

	width: 600px;

}

.portfolio-details h3{

	margin: 0 0 5px 0;

}

.portfolio-meta a{

	display: block;

	width: 600px;

	margin: 0 0 20px 0;

}

.detailed .portfolio-details{

	display: block;

}

.zoom{

	position: absolute;

	top: 0;

	left: 0;

	width: 284px;

	display: none;

	z-index: 33;

	height: 280px;

	background: url(../images/zoom.png) center center no-repeat;

} 

.portfolio-title{

	position: absolute;

	top: 200px;

	left: 0;

	color: #fff;

	font-weight: bold;

	line-height: 33px;

	padding: 0 10px;

	background: #082F50  url(../images/button.png) top center no-repeat;

	text-shadow: 0 1px 0 #060609; 

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	-moz-box-shadow: 2px 2px 2px #222;

	-webkit-box-shadow: 2px 2px 2px #222;

}







/* 

BLOG STYLING

*/

.post{

	margin: 0 0 20px 0;

}

.excerpt{
    /*padding-left: 173px;*/
}

.align-left{

	float: left;

	padding: 3px;

	border: 1px solid #cfcfcf;

	/* margin: 0 0px 10px 0; */

	background: #fff;

}

.post h3{

	margin: 0 0 7px 0;
	font-weight: bold;

}

.post h3 a{
    color: #082F50;
	text-decoration: none;

}

.post h3 a:hover{

	text-decoration: underline;

}

.post-meta{

	color: #444;

	margin: 0 0 7px 0;

	background: #eee;

	border: 1px solid #cfcfcf;

	padding: 3px;

}

.entry-date{

	padding: 0 0 0 15px;

	background: none; /* url(../images/clock.gif) center left no-repeat; */

}

.entry-categories{

	padding: 0 0 0 15px;

	background: none; /* url(../images/folder.gif) center left no-repeat; */

}

.entry-comments{

	padding: 0 0 0 15px;

	background: none; /* url(../images/comments.gif) center left no-repeat; */

}


/* 

SEARCH TERMS

*/

.searchterm1, .searchterm1 a { background-color: #2182C8; padding: 2px 5px; font-weight: bold; color: #FFFFFF; }
.searchterm2, .searchterm2 a { background-color: #F7B34F; padding: 2px 5px; font-weight: bold; color: #FFFFFF; }
.searchterm3, .searchterm3 a { background-color: #CF2700; padding: 2px 5px; font-weight: bold; color: #FFFFFF; }
.searchterm3, .searchterm3 a { background-color: #A0F74F; padding: 2px 0px; font-weight: bold; color: #FFFFFF; }
.searchterm4, .searchterm4 a { background-color: #4FCFF7; padding: 2px 0px; font-weight: bold; color: #FFFFFF; }
.searchterm5, .searchterm5 a { background-color: #F7C7F1; padding: 2px 0px; font-weight: bold; color: #FFFFFF; }