body{

	background:url(./default/body_bg.gif) repeat fixed;

	font:16px/23px Georgia, "Times New Roman", Times, serif;

	color:#cc7368;

}



a:link, a:visited {

	color: #d8793a;

	outline: none;

	text-decoration: none;

	}

a:hover {

	text-decoration: none;

	color: #fff;

	}



/* custom selection colors */

::-moz-selection {

	color: #fff;

	color: rgba(255,255,255,.85);

	background: #c93623;

}

::selection {

	color: #fff;

	color: rgba(255,255,255,.85);

	background: #c93623;

}



#header{

	background-image:url(./default/header_bar.png);

	background-repeat:repeat-x;

	width:100%;

	position:fixed;

	top:0;

	left:0;

	z-index:1000;

	height:58px;

	text-align:center;

	padding:15px 0 0 0;



}

#header #logo{

	position:relative;

	margin:0 0 0 -120px;

	float:left;

}

#header #logo a{

	font-size:26px;

	text-decoration:none;

	text-transform:uppercase;

	color:#5d5d5d;

	cursor:pointer;

}

#header #logo a strong{

	color:#2a2a2a;

}



#header #logo a:hover, #header #logo a:hover strong{

	color:#fff;

}



#header .use-nav{

	float:right; 

	margin-right:-178px;

	font-size:12px;

	color:#2a2a2a;

}

.use-nav span{

	color:#5d5d5d;

}

*:first-child+html .use-nav{

	margin:0px 0 0 30px;

	position:absolute;

}





/* NAVIGATION */

/* ----------------------------------------- */



#header #nav li{

	display:inline;

	background:url(./default/mnu_divider.gif) right 50% no-repeat;

	padding:15px 0 10px 0;

	margin:0;

}

#header #nav li.last{

	background:none;

}

#header #nav li a{

	color:#8b3024;

	font-size:26px;

	text-decoration:none;

	text-transform:uppercase;

	padding:10px 20px;

}

#header #nav li a:hover, #header #nav li a.current{

	color:#fff;

}

.wrap{

	width:620px;

	margin:0 auto;

}

.content-bg{

	background:url(./default/page_bg.jpg) repeat-y;

}

.section{

	float:left;

}

.section, #footer{

	width:500px;

	padding:0 60px 60px 60px;

	clear:both;

}

.section{

	background:url(./default/h_bg.png) no-repeat bottom center;

}

.section .section-header{

	margin:70px 0 0 -486px;

	width:400px;

	height:105px;

	float:left;

}

/*

.section .section-header{

	margin:70px 0 0 -280px;

	width:400px;

	height:0px;

	float:left;

}

.section .section-header h1{

	font-size: 40px;

	color:#ffffff;

}*/

.section-content{

	padding:70px 0 90px 0;

	float:left;

	width:500px;

}





/*font-face*/
@font-face {
	font-family: 'LeagueGothicRegular';
	src: url('./fonts/League_Gothic-webfont.eot');
	src: local('O'), url('./fonts/League_Gothic-webfont.woff') format('woff'), url('./fonts/League_Gothic-webfont.ttf') format('truetype'), url('./fonts/League_Gothic-webfont.svg#webfontYqlM9QOF') format('svg');
	font-weight: normal;
	font-style: normal;
}


.section .section-header h2{
	font-family:'LeagueGothicRegular', Verdana, Arial, Helvetica, sans-serif;
	font-size:60px;
	text-transform:uppercase;
	text-align:right;
	color:#fff;
	font-weight:normal;
}
*:first-child+html .section .section-header h2{
	padding:40px 0 40px 0;
	margin-top:-26px;
}



/* TITLES */

/* ----------------------------------------- */

/*.title-about,

.title-portfolio,

.title-lifestream,

.title-contact{

	text-indent:-999999px;

	color:#fff;

	float:right;

}

.title-about span{

	background:url(./default/title_about.png) no-repeat;

	display:block;

	width:163px;

	height:46px;

}

.title-portfolio span{

	background:url(./default/title_portfolio.png) no-repeat;

	display:block;

	width:170px;

	height:46px;

}

.title-lifestream span{

	background:url(./default/title_lifestream.png) no-repeat;

	display:block;

	width:201px;

	height:46px;

}

.title-contact span{

	background:url(./default/title_contact.png) no-repeat;

	display:block;

	width:145px;

	height:46px;

}*/



/* HEADING */

/* ----------------------------------------- */

/*.section h2 {

	font-size:60px;

	text-transform:uppercase;

	text-align:right;

	color:#460000;

}*/

.section h3 {

	font-size:24px;

	color:#fff;

	margin-bottom:20px;

	font-family:Arial, Helvetica, sans-serif;

	line-height:26px;

}

.section h4{

	font-size:18px;

	color:#fff;

	margin-bottom:20px;

	font-family:Arial, Helvetica, sans-serif;

}

.stopper{

	float:left;

	width:100%;

	height:20px;

}





/* INTRO */

/* ----------------------------------------- */

.intro{

	text-align:center;

}

#page .wrap .section .intro h3{

	line-height:30px;

	font-size:24px;

	font-family:Arial, Helvetica, sans-serif;

	font-weight:normal;

}





/* SLIDESHOW */

/* ----------------------------------------- */

div#slideshow {

	width: 527px; height: 338px; padding: 15px 0 0 0px;

	position: relative; z-index: 5;

	background:url(./default/slideshow_bg.png) no-repeat;

	margin:0 0 0 -10px;

}

div#slideshow ul#slideshow-nav {

	display: none;

	list-style: none;

	position: absolute; top: 40px; z-index: 15;

	width:537px;

}

div#slideshow ul#slideshow-nav li#prev {

	float: left; margin: 0 0 0 40px;

	list-style:none;	

}

div#slideshow ul#slideshow-nav li#next {

	float: right; margin: 0 50px 0 240px;

	list-style:none;

}

div#slideshow ul#slideshow-nav li a {

	display: block; width: 66px; height: 66px; text-indent: -9999px;

}

div#slideshow ul#slideshow-nav li#prev a {

	background: url(./default/prev_dark.png);

}

div#slideshow ul#slideshow-nav li#next a {

	background: url(./default/next_dark.png);

}

div#slideshow ul#slides {

	list-style: none;

	margin:0 0 0 10px;

}

div#slideshow ul#slides li {

	margin: 0 0 20px 0;

	list-style:none;

	padding:0;

}















/* IMAGE BG */

/* ----------------------------------------- */

.section-image {

	background:url(./default/n_img_bg.png) no-repeat;

	width:173px;

	height:164px;

	float:right;

}

.section-image img{

	margin:5px 0 0 5px;

}





/* BLOCKQUOTE */

/* ----------------------------------------- */

.section blockquote {

	clear:both;

	background:url(./default/quote.png) no-repeat left 8%;

	padding-left:77px;

}

.section blockquote p {

	font-style:italic;

	color:#d45444;

}

.section blockquote p.author{

	color:#cc7368;

	font-style:normal;

}





/* SOCIAL ICONS */

/* ----------------------------------------- */



ul#social li {

	float:left;

	height:25px;

	width:25px;

	list-style:none;

	margin:0;

	padding:0;

	margin-left:15px;

}

ul#social li a {

	outline: 0;

} 

ul#social li a img {

	position:relative;

} 

ul#social li:first-child {

	margin-left:0;

} 





/* PORTFOLIO SlIDES */

/* ----------------------------------------- */

.container { 

	width:500px; 

	height:450px; 

	overflow:hidden; 

	position:relative; 

/*	cursor:pointer; 

	border:1px solid red;*/

}

.slides { 

	position:absolute; 

	top:0; 

	left:0;

}

.slides > div { 

	position:absolute; 

	top:0; 

	width:500px; 

	display:none;

}

#slide-nav {

	position:absolute;

	display:none;

	list-style:none;

	margin-top:180px;

	width:585px;

}

#slide-nav li{

	width:66px;

	height:66px;

	text-indent:-999999px;

	list-style:none;

	margin:0;

	padding:0;

}

#slide-nav li.previous{

	float:left;

	margin-left:-87px;

}

#slide-nav li.next{

	float:right;

}

#slide-nav li.previous a, #slide-nav li.next a{

	display:block;

	width:66px;

	height:66px;

}

#slide-nav li.previous a{

	background:url(./default/prev.png) no-repeat;

}

#slide-nav li.next a{

	background:url(./default/next.png) no-repeat;

}

		

		



/* WORK SCREENSHOTS */

/* ----------------------------------------- */

.project{

	width:300px;

	float:left;

}

.project h3{

	margin-bottom:0px;

	padding-bottom:0px;

}

.project .category{

	padding-bottom:10px;

	display:block;

	color:#d45444;

	font-family:Arial, Helvetica, sans-serif;

	text-transform:uppercase;

	font-size:12px;

	letter-spacing:2px;

}

.btn_view{

	font-size:17px;

	font-style:italic;

	font-weight:normal;

}

.screenshots, .screenshots ul{

	width:168px;

	padding:0;

	margin:0;

	float:right;

}

.screenshots ul li{

	display:inline;

	padding:0 2px 0 0;

	margin:0 0px;

	background:url(./default/w_thumb.png) no-repeat;

	float:left;

	width:54px;

	height:57px;

}

.screenshots ul li a span{

	background:url(./default/magnifier.png) no-repeat;

	width:15px;

	height:16px;

	display:block;

	position:absolute;

	margin:4px 0 0 32px;

}

.screenshots ul li img{

	margin:3px 0 0 5px;

}

.pagination{

	margin:0;

	padding:0;

}

.pagination li{

	list-style:none;

	display:inline;

	text-indent:-99999px;

	margin:0;

	padding:0;

	width:9px;

	height:9px;

}

.pagination li a{

	background:url(./default/bullet.png) no-repeat;

	background-position:100% 0;

	margin-right:4px;

	display:block;

	float:left;

	width:9px;

	height:9px

}

.pagination li.active a{

	background:url(./default/bullet.png) no-repeat;

}









/* LIFE STREAM */

/* ----------------------------------------- */

#life-stream {

	padding:0;

	margin:0;

}

#life-stream li{

	list-style:none;

	background:url(./default/bottom_border.png) no-repeat center bottom;

	display:block;

	padding-bottom:60px;

	margin-bottom:30px;



}

#life-stream li.last{

	background:none;

}



#life-stream li div.task span a{

	font-size:20px;

	font-weight:normal;

	text-transform:none;

	display:block;

	margin-bottom:20px;

	color:#ecdfc2;

}

#life-stream li div.task span a:hover{

	text-decoration:none;

	color:#fff;

}

#life-stream li div .btn,

#life-stream li div.date{

	font-family:Arial, Helvetica, sans-serif;

	font-size:13px;

}

#life-stream li div.date{

	margin-right:-215px;

	background:url(./default/date_bg.png) top left no-repeat;

	padding-top:7px;

	padding-left:7px;

	width:120px;

	letter-spacing:2px;

	float:right;

}

*:first-child+html #life-stream li div.date{

	margin:7px 0 0 570px;

	float:right;

	position:absolute;

}

#life-stream li div span{

	text-transform:uppercase;

	font-size:12px;

	color:#ecdfc2;

}

#life-stream li div.date .hour{

	text-transform:none;

	font-size:20px;

	letter-spacing:normal;

}

#life-stream li div p.btn a{

	background:url(./default/life_stream_btn.png) no-repeat top right;

	float: left;

	text-decoration: none;

	padding: 2px 20px 0 0;

	margin-right: 2px;

	height: 28px;

}

#life-stream li div p.btn a span{

	background:url(./default/life_stream_btn.png) no-repeat top left;

	float: left;

	padding-right: 6px;

	display: block;

	margin-top: -2px;

	margin-right:10px;

	height: 28px;

}

#life-stream li div p.btn a span img{

	margin:6px 0 0 5px;

}

#life-stream li div p.btn{

	margin-bottom:20px;

	position:relative;

}





/* CONTACT FORM */

/* ----------------------------------------- */

.section-content .col2{

	padding-bottom:40px;

	float:left;

}

.section-content .col2 .first,

.section-content .col2 div{

	width:240px;

	float:left;

	margin-left:20px;

}

.t, .f, .e{

	display:block;

}

.section-content .col2 .first{

	margin-left:0;

}

#contact-section{

	clear:both;

}

#contact-section p{

	margin-bottom:10px;

}

#contact-section .left{

	float:left;

	width:200px;

}

#contact-section label{

	float:left;

	width:200px;

	display:block;

	font:15px Arial, Helvetica, sans-serif;

	color:#ecdfc2;

	font-weight:bold;

}

#name, #email, #subject{

	width:190px;

	background:#460000;

	font-size:16px;

	border:none;

	padding:10px 4px;

	color:#ecdfc2;

}

#message {

	background:#460000;

	font-size:16px;

	border:none;

	padding:10px 4px;

	color:#ecdfc2;

	width:271px;

	height:182px;

	font-family:Arial, Helvetica, sans-serif;

}

#contact-section .right{

	width:281px;

	float:right;

}

.button input{ 

	height:35px; padding:0 10px; background:#4c0000; color:#fffef2; font-weight:bold; cursor:pointer;

	border:4px solid #922c1f;

	font-family:Arial, Helvetica, sans-serif;

}

.button input:hover { 

	border-color:#7b0000; background:#970000; 

}

.errorMsg h4{

	color:#611208;

}

.infoMsg h4{

	color:#6ca93f;

}

.infoMsg p{

	margin-bottom:20px;

}





/* FOOTER */

/* ----------------------------------------- */

#footer{

	text-align:center;

}

#footer small{

	font-size:12px;

	display:block;

	font-family:Arial, Helvetica, sans-serif;

	line-height:17px;

}





/* COMMON CSS STYLES */

/* ----------------------------------------- */

.clearfix{

	clear:both;

}

p,

pre,

ol,

ul,

dl{

	margin-bottom:24px;

}

ul li ul{

	padding:5px 0;

}





ul li{

	list-style:outside;

	margin-left:20px;

}

ul.styledlist{

	padding:0;

	margin-bottom:24px;

}

ul.styledlist li{

	background:url('images/bullet.gif') no-repeat left 0.6em;

	padding-left:12px;

	list-style:none;

	margin-left:5px;

	margin-left:5px;

	line-height:22px;

}

ol li{

	list-style:decimal;

	margin-left:20px;

}

dl dt{

	font-weight:bold;

	padding-bottom:10px;

}

dl dd{

	padding-bottom:10px;

	margin-left:0px;

}

strong{

	font-weight:bold;

}

em, code{

	font-style:italic;

}

ul, ul li {

	list-style-type:disc;

}

ol, ol li {

	list-style-type:decimal;

}

table {

	margin-bottom:1.4em;

	width:100%;

}

th {

	font-weight:bold;

}

th, td, caption {

	padding:4px 10px 4px 5px;

}

tfoot {

	font-style:italic;

}

sup, sub {

	line-height:0;

}

abbr, acronym {

	border-bottom: 1px dotted;

	cursor:help;

}

address {

	margin:0 0 1.5em;

	font-style:italic;

}

del {

	text-decoration: line-through;

}

pre {

	white-space:pre;

}

img.centered, .aligncenter, div.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}

img.alignright {

	display: inline;

	margin:0px 0 0px 15px;

	float:right;

}

img.alignleft {

	display: inline;

	margin:0px 15px 0px 0px;

	float:left;

}

img.border {

	padding:5px;

	border: solid 1px #8f897e;

	background:#fff;

}

.floatright {

	float: right;

}

.floatleft {

	float: left;

}

.center{

	text-align:center;

}

.nopadding{

	padding:0;

}

.nomargin{

	margin:0;

}