/* ================== */
/* = Default Styles = */
/* ================== */
html, body, #wrap{
	height: 100%;
}
body{
	font-family: "Lucida Grande", Helvetica, sans-serif;
	font-size:16px;
	line-height:1em;
	color:#FFF;
	background:#000 url('_img/background_top.png') no-repeat center 0;
}
body > #site-container{
	height: auto;
	min-height: 100%;
}
h1{
	color: #FFF;
	font-family: Georgia, serif;
	font-size:3em;
	margin: 11px 0;
	font-weight:100;
	letter-spacing: .05em;
}
a{
	color:#FFF;
	outline:none;
	font-size:1.1em;
	text-decoration:none;
}
a:hover{
	color:#FFF;
}
p{
	margin:20px 0;
	line-height:1.5em;
}
hr{
	width:793px;
	height:1px;
	color:#333;
	background:inherit;
	text-align:left;
}

/* ================= */
/* = Absolute Divs = */
/* ================= */
#fixed-top-border,#fixed-bottom-border{
	width:100%;
	height:2px;
	background-color:#FFF;
	position:fixed;
	z-index:100;
}
#fixed-top-border{
	top:0;
}
#fixed-bottom-border{
	bottom:0;
}

/* ============= */
/* = Container = */
/* ============= */
#site-container{
	width:1111px;
	margin:0 auto;
}

/* ========== */
/* = Header = */
/* ========== */
#header{
	height:109px;
	width:1111px;
	margin:0 auto;
	padding:0;
}
#header h1.logo{
	float:left;
	text-decoration:none;
	margin:0;
	border:0;
	padding:0;
	width:170px;
	height:63px;
	background:url('_img/logo.png') no-repeat 0 0;
}
#header h1.logo:hover{
	background:url('_img/logo.png') no-repeat 0 -63px;
}
#header h1.logo a{
	display:block;
	height:63px;
	text-indent:-9999px;
	border:0;
}

/* ======== */
/* = Menu = */
/* ======== */
#menu ul.menu li{
	float:left;
	margin:39px 25px 0 45px;
	height:15px;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-decoration:none;
}
#menu ul.menu li:hover{
	border-bottom:4px solid #FFF;
	background-position:0 -15px !important;
}
#menu ul.menu li a{
	text-decoration:none;
	display:block;
	position:relative;
	text-indent:-9999px;
	border:0;
}

#menu ul.menu li.menu-item-about{
	margin:39px 25px 0 0;
	width:49px;
	background-image: url('_img/menu_item_about.png');
}
#menu ul.menu li.menu-item-web{
	width:32px;
	background-image: url('_img/menu_item_web.png');
}
#menu ul.menu li.menu-item-print{
	width:39px;
	background-image: url('_img/menu_item_print.png');
}
#menu ul.menu li.menu-item-logos{
	width:47px;
	background-image: url('_img/menu_item_logos.png');
}
#menu ul.menu li.menu-item-media{
	width:43px;
	background-image: url('_img/menu_item_media.png');
}
#menu ul.menu li.menu-item-misc{
	width:31px;
	background-image: url('_img/menu_item_misc.png');
}
#menu ul.menu li.menu-item-blog{
	width:36px;
	background-image: url('_img/menu_item_blog.png');
}
#menu ul.menu li.menu-item-contact{
	width:68px;
	background-image: url('_img/menu_item_contact.png');
}
/* ================ */
/* = Main Content = */
/* ================ */
#main{
	width:1020px;
	margin:0 auto;
	color:#CCC;
	font-size:11px;
	padding-bottom:75px;
}
#picture-container{
	width:998px;
}
#picture-container a{
	margin: 0 auto;
	text-align:center;
	display:block;
}
#picture-container img{
	margin: 17px 0 0 0;
	border:6px solid #111;
	padding:1px;
	background-color:#222;
	vertical-align: bottom;
}
#picture-container .picture-caption{
	position: relative;
	display:none;
	margin:-80px 7px 7px 7px;
	padding:5px;
	height:43px;
	
	background: #000;
	color: #ccc;

	opacity: 0.80;
	-moz-opacity: 0.80;
	filter:alpha(opacity=80);
}

/* ========== */
/* = Footer = */
/* ========== */
#footer-container{
	position: relative;
	overflow:visible;
	clear:both;
	background: url('_img/background_bottom.png') no-repeat center 0;
	width:1111px;
	height:75px;
	margin:-75px auto 0 auto; /* top margin is negative value of footer height */
}
#footer{
	padding-top:55px;
	height:20px;
	color:#CCC;
	font-size:10px;
	font-family: "Lucida Grande", Helvetica, sans-serif;
	text-align:center;
}

/* ========================= */
/* = Page specific styling = */
/* ========================= */
#page-index #header h1.logo{
	background-position:0 -63px;
}
#page-blog #main,#page-contact #main{
	border-top:1px solid #FFF;
	background: url('_img/lighting_wide.jpg') no-repeat 0 0;
}
#page-web #header, #page-print #header, #page-logos #header, #page-photos #header, #page-media #header, #page-misc #header{
	height:83px;
}
#page-index #header{
	height:92px;
}

#page-contact .contact-content{
	margin-top:43px;
}
#page-contact ul.social-networks{
	margin:160px auto 0 auto;
}
#page-contact ul.contact{
	margin: 12px auto 0 auto;
}
#page-contact ul.contact li{
	margin:8px auto 9px auto;
	clear:both;
	text-align:center;
}
#page-contact ul.contact li.cnt-phone{
	margin-left:28px;
}
#page-contact ul.contact li.cnt-resume{
	margin-left:49px;
}

/* =========== */
/* = Classes = */
/* =========== */


/* ========= */
/* = Pages = */
/* ========= */

/* About */
.about-sidebar{
	float:left;
	width:350px;
}

ul.social-networks{
	width:135px;
	margin:11px 0 0 0;
}
ul.social-networks li{
	float:left;
	margin:0 9px;
	width:27px;
	height:27px;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-decoration:none;
}
ul.social-networks li:hover{
	background-position: 0 -27px;
}
ul.social-networks li a{
	text-decoration:none;
	display:block;
	text-indent:-9999px;
	border:0;
	width:27px;
	height:27px;
}
ul.social-networks li.sn-facebook{
	background-image: url('_img/_icons/facebook.png');
}
ul.social-networks li.sn-twitter{
	background-image: url('_img/_icons/twitter.png');
}
ul.social-networks li.sn-linkedin{
	background-image: url('_img/_icons/linkedin.png');
}

ul.contact{
	width:178px;
	margin:13px 0;
}
ul.contact li{
	display:block;
	float:left;
	margin:8px 9px 9px 9px;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-decoration:none;
	font-family: "Lucida Grande", sans-serif;
	font-size:1em;
	text-indent:35px;
}
ul.contact li a{
	text-decoration:none;
}
ul.contact li.cnt-email{
	height:19px;
	background-image: url('_img/_icons/email.png');
}
ul.contact li.cnt-email:hover{
	background-position: 0 -19px;
}
ul.contact li.cnt-email a:hover{
	color:#FF9900;
	border-bottom:1px dashed #FF9900;
}
ul.contact li.cnt-phone{
	height:16px;
	background-image: url('_img/_icons/phone.png');
}
ul.contact li.cnt-phone:hover{
	background-position: 0 -16px;
}
ul.contact li.cnt-resume{
	height:20px;
	background-image: url('_img/_icons/resume.png');
}
ul.contact li.cnt-resume a:hover{
	color:#99FF33;
	border-bottom:1px dashed #99FF33;
}
ul.contact li.cnt-resume:hover{
	background-position: 0 -20px;
}

.about-content{
	float:left;
	width:546px;
	margin:0 0 0 43px;
	padding:30px 7px 0 7px;
	border-top:1px solid #FFF;
	background: url('_img/lighting_narrow.jpg') no-repeat 0 0;
}
.about-content p{
	color:#ABABAB;
	font-size:1.05em;
	line-height:1.75em;
}
.about-content a:hover{
	color:#CC3399;
	border-bottom: 1px dashed #CC3399;
}

/* Blog */
.blog-content{
	float:left;
	width:793px;
	padding:30px 7px 0 7px;
}
.blog-sidebar{
	float:left;
	width:120px;
	margin:0 0 0 43px;
	padding:30px 7px 0 7px;
}

/* ============= */
/* = Galleries = */
/* ============= */
.carousel-container {
	width:998px;
}
.carousel-container .prev, .carousel-container .next{
	display:block;
	float:left;
	text-decoration:none;
	text-indent:-9999px;
	margin:20px 7px 20px 12px;
	border:0;
	width:15px;
	height:20px;
	background-repeat: no-repeat;
}
.carousel{
	float:left;
	width:918px;
}
.carousel ul li {
	float:left;
	margin: 10px;
	border: 2px solid #222;
}
.carousel ul li img{
	display:block;
}
.carousel ul li div.caption{
	display:none;
}
/* ======== */
/* = Misc = */
/* ======== */

.main-margin{
	margin:38px auto 50px auto !important;
}
.picture-border-small{
	border:3px solid #222;
}
.current_page_item{
	background-position:0 -15px !important;
	border-bottom:4px solid #FFF;
}

/* ============= */
/* = Clear fix = */
/* ============= */
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix{
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix{
	height: 1%;
}
.clearfix{
	display: block;
}
/* End hide from IE-mac */