@charset "utf-8";
/* CSS Document */

/* Reset */

/* v1.0 | 20080212 */

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, em, font, small, strong, ol, ul, li, fieldset, form, label{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

a { 
text-decoration: none;
color: white;
}

a:hover {
text-decoration: underline;
}

/* Main */

html {
background: url(../images/bg.jpg) repeat;
}

body {
background:url(../images/bg-topnav.jpg) 0 0 repeat-x;
height: 50px;
width: 100%;
}

#container {
width: 1000px;
margin: 0 auto;
padding: 0 10px 0 10px;
}

#header {
overflow: hidden;
width: 100%;
heigh: 100% /* Needed for IE6 */
}

#header img.top-logo {
float: left;
width: 387px;
height: 319px;
border: 0px;
}

#top-nav {
overflow: hidden;
height: 50px;
margin-bottom:40px;
}

/* Begin NAV 1 STYLES */
#menu {
height:50px; 
text-align:right; 
right: 0px;
} 

#menu ul {
display:inline-block; 
margin:0 auto; 
padding:0; 
float: right;
list-style:none; 
white-space:nowrap;
}
#menu li {display:inline;}
#menu li a {
display:block; 
margin-top:13px; 
height:24px; 
float:left; 
color:#ccc; 
text-transform:uppercase;
text-decoration:none; 
padding:0 20px 0 20px; 
line-height:40px;
color:#ded3b7;
font: normal 15px/22px arial,sans-serif;
}
 
#menu li a.current {
height: 50px; 
margin-top:0px; 
background:url(../images/nav-hover.jpg) 0 0 repeat-x;
line-height:48px;
}

#menu li a:hover {
height: 50px; 
margin-top:0px; 
background:url(../images/nav-hover.jpg) 0 0 repeat-x;
line-height:48px;
}
/* End NAV 1 STYLES */

#slider {
float: right;
background: #3e3a2f;
border: 1px solid #29261f;
height: 315px;
width: 487px;
}

#award-container {
float: right;
/*height: 490px;
width: 376px;*/
}

.innerbox6 {
float: left;
width: 487px;
height: 313px;
border: 1px solid #736f62;
}

#slider img {
float: left;
margin: 0px;
height: 315px;
width: 487px;}

/* BEGIN Gallery STYLES */
#gallery {
	position:relative;
	height:305px;
}

#gallery a {
		float:left;
		position:absolute;
		
	}
	
#gallery a img {
		border:3px solid #736f62;
	}
	
#gallery a.show {
		z-index:500
	}

#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color: #fff;	
		line-height: 17px;
		height:60px;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
		width:100%; 
		position:absolute;
		margin-left: 13px;
		margin-bottom: 8px;
		bottom:0px;
	}

	#gallery .caption .content {
		margin:5px
		
	}
	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#A0FF00;
		font-size: 14px;
		font-family:Arial, Helvetica, sans-serif;}
/* END GALLERY STYLES */

/* BEGIN FEATURED STYLES*/

#featured {
float: left;
width: 1000px;
border: 0px solid blue;
}

.innerbox1 {
width: 393px;
height: 179px;
border: 1px solid #736f62;
}

#featured .box1 {
width: 395px;
height: 181px;
float: left;
margin-bottom: 30px;
background: #3e3a2f;
border: 1px solid #29261f;
}

#featured .box2 {
width: 395px;
height: 181px;
float: right;
margin-bottom: 30px;
margin-right: 30px;
background: #3e3a2f;
border: 1px solid #29261f;
}

#featured .box3 {
width: 395px;
height: 181px;
float: left;
margin-bottom: 30px;
margin-right: 30px;
background: #3e3a2f;
border: 1px solid #29261f;
}

#featured .box4 {
width: 395px;
height: 181px;
float: right;
margin-bottom: 30px;
margin-right: 30px;
background: #3e3a2f;
border: 1px solid #29261f;
}

#featured a img {
float: left;
margin-top: 20px;
margin-left: 10px;
margin-right: 15px;
border: 3px solid #736f62;	
}

#featured a:hover img {
border: 3px solid #5c594d;	
}

#featured h3 {
margin-top: 60px;
color: #12110d;
width: 100%;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
text-transform:uppercase;
font-weight: lighter;
margin-bottom: 20px;
border-bottom: 2px solid #12110d;
	
}

#featured h5 {
margin-top: 18px;
color: #ded3b7;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-transform:uppercase;
margin-bottom: 5px;
}

#featured p {
	color: #a99f87;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-right: 25px;
	line-height: 16px;
}

#featured a.button, a.button:link, a.button:visited {
display:block;
float: right;
margin-top:35px;
margin-right: 20px;
text-align:center; 
color:#ded3b7;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration: none;
line-height:25px; 
overflow:hidden; 
width: 82px;
height: 25px;
background: url(../images/bg-btn.jpg) 0 0 repeat-x;
border: 1px solid #28251e;
}
#featured a.button:hover {
color:#3e3a2f;
background:  url(../images/bg-btn_over.jpg) 0 0 repeat-x;
border: 1px solid #71a016;
}
#featured a.button:active {
color:#ded3b7; 
}
/* END FEATURED STYLES */

/* BEGIN PORTFOLIO STYLES*/

#portfolio {
float: left;
width: 1000px;
border: 0px solid blue;
}

#portfolio span {
color: #76b80c;
}

#portfolio .port-contain {
width: 1000px;
height: 355px;
margin-bottom: 30px;
background: #3e3a2f;
border: 1px solid #29261f;
}

.port1 {
width: 998px;
height: 353px;
border: 1px solid #736f62;
}

#portfolio.port2{
width: 998px;
height: 352px;
margin-bottom: 30px;
background: #3e3a2f;
border: 1px solid #29261f;
}

#portfolio .port3 {
width: 998px;
height: 355px;
margin-bottom: 30px;
background: #3e3a2f;
border: 1px solid #29261f;
}

#portfolio a img {
float: left;
width: 440px;
height: 305px;
margin-top: 20px;
margin-left: 10px;
margin-right: 15px;
border: 3px solid #736f62;	
}

#portfolio .port2 a img {
float: left;
width: 440px;
height: 305px;
margin-top: 0px;
margin-left: 10px;
margin-right: 15px;
border: 3px solid #736f62;	
}

.port1 .thumb-container {
position: relative;
width: 200px;
height: 67px;
margin-left: 0px;
bottom: -99px;
margin-right: 15px;
border: 1px solid blue;
}

.port1 img.thumb {
float: left;
position: relative;
border: 2px solid #736f62;	
}



#portfolio a:hover img {
border: 3px solid #5c594d;	
}

#portfolio h3 {
margin-top: 60px;
color: #12110d;
width: 1000px;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
text-transform:uppercase;
font-weight: lighter;
margin-bottom: 20px;
border-bottom: 2px solid #12110d;
	
}

#portfolio h5 {
margin-top: 18px;
color: #76b80c;
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
font-weight: lighter;
text-transform:uppercase;
margin-bottom: 5px;
}

#portfolio p {
	color: #9f957b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	margin-right: 25px;
	margin-bottom: 20px;
	line-height: 20px;
}
#portfolio a.link {
color: #DED3B7;
}

/* End portfolio STYLES */

/* BEGIN col2 STYLES */

#col2 {
float: right;
width: 489px;
height: 700px;
border: 0px solid red;	
}

#col2 .inspire {
float: left;
width: 489px;
height: 300px;
top: 50px;
margin-bottom: 30px;
background: #3e3a2f;
border: 1px solid #29261f;
}


.innerbox4 {
float: left;
width: 487px;
height: 298px;
top: 50px;
border: 1px solid #736f62;
}

#col2 a.top-imgs img{
margin-top: 20px;
}

#col2 .post-container {
float: left;
width: 489px;
height: 181px;
background: #3e3a2f;
border: 1px solid #29261f;
}

.innerbox5 {
float: left;
width: 487px;
height: 179px;
border: 1px solid #736f62;
}

#col2 .post1 img  {
margin-top: 20px;
}

html>body #col2 .post1 img {margin-top:0px;}



#col2 img {
float: left;
margin-bottom: 30px;
margin-left: 23px;
margin-right: 15px;
border: 3px solid #736f62;	
}

#col2 img.comment {
border: none;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 40px;
}

#col2 img.comment2 {
border: none;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 40px;
margin-top: 18px;
}

html>body #col2 img.comment2 {margin-top:0px;}

#col2 h3.post-title {
	margin-top: 20px;
}



#col2 h3 {
margin-top: 60px;
color: #12110d;
width: 489px;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
text-transform:uppercase;
font-weight: lighter;
margin-bottom: 20px;
border-bottom: 2px solid #12110d;	
}

#col2 h5 {
margin-top: 18px;
color: #cc710f;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-bottom: 5px;
}

#col2 h5 span {
color: #ded3b5;
}

#col2 h6 {
color: #cc710f;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
margin-bottom: 5px;
}

#col2 .post-container p {
	color: #a99f87;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-right: 25px;
	line-height: 16px;
}

/* END col2 STYLES */

/* FOOTER */

#footer {
float: left;
padding-top: 20px;
margin-top: 120px;
padding-bottom: 30px;
min-width:100%;
width:auto !important;
background: #2b281f url(../images/bg-footernav.jpg) 0 0 repeat-x;
}

#footer img.footer-logo {
float: left;
width: 109px;
height: 88px;
padding-right: 15px;
border: 0px solid blue;
}

#footer .divider {
float: left;
background: url(../images/divider.jpg) 0 0 repeat-y;
height: 88px;
width: 2px;
}

#footer ul.footer-nav {
float: left;
width: 113px;
padding-left: 15px;
border: 0px solid blue;
}

#footer ul.footer-nav li a {
	text-decoration:none;
	color: #ded3b7;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	line-height: 18px;
}

#footer ul.footer-nav li a:hover {
text-decoration: underline;
color: #76b80c;
}

#footer .news {
float: left;
width: 360px;
border: 0px solid blue;
padding-left: 15px;
padding-right: 15px;
}

#footer .news h5 {
	color: #ded3b7;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	margin-bottom: 5px;
}

#footer .news p {
	color: #a99f87;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 16px;
}

#footer .news a {
color: #DED3B7;
}



#footer .follow-us{
float: left;
width: 118px;
padding-left: 15px;
padding-right: 15px;
border: 0px solid blue;
}

#footer .follow-us h5{
	color: #ded3b7;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	margin-bottom: 5px;
}

#footer .follow-us ul li a {
	text-decoration:none;
	color: #a99f87;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 18px;
	margin-left: 10px;
}

#footer .follow-us ul li a.twitter:hover {
text-decoration: underline;
color: #009cff;
}

#footer .follow-us ul li a.rss:hover {
text-decoration: underline;
color: #cc710f;
}

#footer .follow-us ul li a.linkedin:hover {
text-decoration: underline;
color: #056bac;
}


#footer .search {
float: left;
width: 180px;
padding-left: 15px;
border: 0px solid blue;
}

/* FREELANCE BUTTON 

#available {
background:transparent url(../images/freelance-btn.png) no-repeat scroll right top;
}

#available, #hire-me {
bottom:0;
height:150px;
margin:0;
position:fixed;
right:0;
width:150px;
}

#available a, #hire-me a {
display:block;
height:100%;
text-indent:-9999px;
width:100%;
*/


/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider
	Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

/* Basics */
h2.title {
display: none;
}

.coda-nav ul li.tab1 h2.title {
color: #3E3A2F!important;
}

.panel-wrapper .title .img-container {
height: 315px;
}

/* Most common stuff you'll need to change */
	.coda-slider-wrapper { padding: 0px 0 }
	.coda-slider { background: #ebebeb; }
	
	/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	
	/* Change the width of the entire slider (without dynamic arrows) */
	.coda-slider, .coda-slider .panel { width: 487px } 
	
	/* Change margin and width of the slider (with dynamic arrows) */
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 600px }
	.coda-slider-wrapper.arrows .coda-slider { margin: 0 10px }
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff; padding: 5px; width: 100px; }
	
	/* Current Tab nav */
	#coda-nav-1 {width: 300px!important; float:left; margin: 0px 0 0 0;}
	.coda-nav ul { float: left;}
	.coda-nav ul li a.current { background: url(../images/1303132584_radiobutton_yes.png) no-repeat 0 0!important; }
	
	/* Panel padding */
	.coda-slider .panel-wrapper { padding: 0px }
	
	/* Preloader */
	.coda-slider p.loading { padding: 20px; text-align: center }

/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */
	
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { background: url(../images/1303132584_radiobutton_no.png) no-repeat 0 0!important; }
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }
	
/*
Back to top button 
*/
#back-top {
	position: fixed;
	bottom: 30px;
	margin-left: -150px;
}
#back-top a {
	width: 108px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px #000;
	text-decoration: none;
	color: #bbb;
	margin-left: 5px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	background: url(../images/up-arrow-box.png) no-repeat 0 0;
}
/* arrow icon (span tag) */
#back-top span {
	width: 108px;
	height: 108px;
	display: block;
	padding-left: 10px;
	margin-bottom: -86px;
	background: url(../images/up-arrow-box_light.png) no-repeat 0 0;
	/* rounded corners */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background: url(../images/up-arrow-box.png) no-repeat 0 0;
}