html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}


.wp-caption {}
.wp-caption-text {}
.sticky {}
.gallery-caption {}
.bypostauthor {}
.alignright {}
.alignleft {}
.aligncenter {}


/***************************************/
/**************** RESET ****************/
/***************************************/

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,  
li, dl, dt, dd, form, a, fieldset, input, th, td  
{  
margin: 0; padding: 0; border: 0; outline: none;
font-family: "Roman",serif;

}  
  
body  
{  
line-height: 1;  
}  
  
h1, h2, h3, h4, h5, h6 {  
font-family: "header",serif;
font-size: 100%;  
padding: .6em 0;
margin: 0px;
}  

h1,
h1 a {
	font-size:30px;
}

h2,
h2 a {
	font-size:24px;
}

h3,
h3 a {
	font-size:18px;
	display: inline;
}

h4,
h4 a {
	font-size:16px;
}

h5,
h5 a {
	font-size:14px;
}


h6,
h6 a {
	font-size:12px;
	color:#b1aeaa;
}

h1, h2, h3, h4, h5,
h1 a, h2 a, h3 a, h4 a, h5 a {
	font-family: "Header",serif;
	font-weight:normal;
	color:#505050;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
	color:#d02624;
}

p {
	font-size:14px;
	color:#7b7b7b; /*505050*/
	padding-bottom:20px;
	line-height:24px;
}
  
ul, ol {  
	list-style: none; 
}  
  
a {
	font-size:14px;
	text-decoration: none;
	color:#d02624;
} 

a:hover {
	text-decoration:underline;
}

img, a img {
	padding:10px;
}
  
.floatLeft  
{  
float: left;  
padding: .5em .5em .5em 0;  
}  
  
.floatRight  
{  
float: right;  
padding: .5em 0 .5em .5em;  
}  

code {
	background-color:#eeeef1;
	border:1px solid #d0d0d0;
	font-size:12px;
	padding:10px;
	color:#83878d;
	overflow:hidden;
	display:inline-block;
	width:98%;
	margin-bottom:20px;
}

.btn-preview span {
    float: left;
    margin-bottom: 30px;
    margin-right: 30px;
    width: 176px;
}


/***************************************/
/***************** NAV *****************/
/***************************************/

#main .container,
#index-main .container {
	z-index: 500;
	overflow: visible;
}

#menu {
	position: relative;
	z-index: 500;
}

#main{

}

#crumbs {
	z-index: -1;
}

ul#nav {
	margin:0px; padding:0px;
	position:absolute;
	right:0px;
	margin-top:-40px;
}

.sf-menu li li {
	background:#932216 url(dropdown-bg.jpg) repeat;
}

ul#nav li ul li:first-child {
	padding-top:8px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
	
	-webkit-border-top-left-radius:4px;
	-webkit-border-top-right-radius:4px;
}

ul#nav li ul li:last-child {
	padding-bottom:8px;
	-moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px;
	
	-webkit-border-bottom-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
}

ul#nav li {
	display:inline;
	float:left;
}

ul#nav li a {
	text-decoration:none;
	color:#dedede;
	font-size:12px;
	font-weight:bold;
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
	text-shadow:0px 1px 0px #aa2f25;
	
	padding: .75em 1.3em;
}

body.green ul#nav li a { text-shadow:0px 1px 0px #1C593B; }
body.orange ul#nav li a { text-shadow:0px 1px 0px #aa2f25; }
body.navyblue ul#nav li a { text-shadow:0px 1px 0px #15191D; }
body.aquablue ul#nav li a { text-shadow:0px 1px 0px #1C4557; }
body.teal ul#nav li a { text-shadow:0px 1px 0px #1F5050; }

ul#nav li ul {
	padding-top:5px;
	background:none;
	width:180px;
}

ul#nav li ul li {
	-moz-box-shadow:0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow:0px 3px 3px rgba(0,0,0,0.2);
	box-shadow:0px 3px 3px rgba(0,0,0,0.2);
}

ul#nav li ul li a {
	color:#b6b6b6;
	text-shadow:0px 1px 0px #17181a;
	font-size:12px;
	font-weight:normal;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:15px;
	padding-right:15px;
}

ul#nav li ul li a:hover {
	color:#e4e4e4;
}

ul#nav li ul li ul {
	margin-top:-13px;
	margin-left:25px;
}

ul#nav ul li a {
	font-size:12px;
}

ul#nav .current {
	color:#fff;
}

ul#nav li a:hover {
	color:#fff;
}






/***************************************/
/*************** HEADER ****************/
/***************************************/

.container {
	width:960px;
	margin:0 auto;
	position:relative;
	color:#7B7B7B;
	line-height:24px;
	font-size:14px;
}

body.red #index-main {
	background:url(main2-extend-red.jpg) repeat-x;
}

body.red #main {
	background:url(main-extend-red.jpg) repeat-x;
	height:277px;
}

body.green #index-main {
	background:url(main2-extend-green.jpg) repeat-x;
}

body.green #main {
	background:url(main-extend-green.jpg) repeat-x;
	height:277px;
}

body.navyblue #index-main {
	background:url(main2-extend-navyblue.jpg) repeat-x;
}

body.navyblue #main {
	background:url(main-extend-navyblue.jpg) repeat-x;
	height:277px;
}

body.aquablue #index-main {
	background:url(main2-extend-aquablue.jpg) repeat-x;
}

body.aquablue #main {
	background:url(main-extend-aquablue.jpg) repeat-x;
	height:277px;
}

body.orange #index-main {
	background:url(main2-extend-orange.jpg) repeat-x;
}

body.orange #main {
	background:url(orangezigzag.jpg) repeat;
	height:265px;
}

body.teal #index-main {
	background:url(main2-extend-teal.jpg) repeat-x;
}

body.teal #main {
	background:url(main-extend-teal.jpg) repeat-x;
	height:277px;
}

#logo {
	padding-top:50px;
}

#logo img,
#logo a img {
	padding:0px;
	background:none;
}

#logo h1, #logo small {
	display:block;
	text-indent:-9999px;
	margin:0;
	display:none;
}

#main-message {
	margin-top:25px;

}

#main-message h1 {
	color:#fff;
	text-shadow:0px 3px 0px #aa2f25;
	text-align:center;
}

body.green #main-message h1 { text-shadow:0px 3px 0px #1C593B; }
body.navyblue #main-message h1 { text-shadow:0px 3px 0px #15191D; }
body.orange #main-message h1 { text-shadow:0px 3px 0px #AA2F25; }
body.aquablue #main-message h1 { text-shadow:0px 3px 0px #1C4557; }
body.teal #main-message h1 { text-shadow:0px 3px 0px #1F5050; }

#main-message h3 {
	color:#932216;
	text-shadow:0px 1px 0px #dd3e2e;
	font-family:"Droid Sans", Arial, Helvetica, sans-serif;
	text-align:center;
	margin-top:-5px;
}

body.green #main-message h3 { color:#15452D; text-shadow:0px 1px 0px #36A36E; }
body.navyblue #main-message h3 { color:#4B5B6A; text-shadow:0px 1px 0px #15191D; }
body.orange #main-message h3 { color:#932216; text-shadow:0px 1px 0px #EB6756; }
body.aquablue #main-message h3 { color:#153442; text-shadow:0px 1px 0px #418DB6; }
body.teal #main-message h3 { color:#183F3F; text-shadow:0px 1px 0px #369D9D; }

#page-title {
	margin-top:25px;
}

#page-title h1 {
	color:#fff;
	text-shadow:0px 3px 0px #aa2f25;
}

body.green #page-title h1 { text-shadow:0px 3px 0px #1C593B; }
body.navyblue #page-title h1 { text-shadow:0px 3px 0px #15191D; }
body.orange #page-title h1 { text-shadow:0px 3px 0px #AA2F25; }
body.aquablue #page-title h1 { text-shadow:0px 3px 0px #1C4557; }
body.teal #page-title h1 { text-shadow:0px 3px 0px #1F5050; }

#page-title h3 {
	color:#932216;
	text-shadow:0px 1px 0px #dd3e2e;
	font-family:"Droid Sans", Arial, Helvetica, sans-serif;
	margin-top:-5px;
}

body.green #page-title h3 { color:#15452D; text-shadow:0px 1px 0px #36A36E; }
body.navyblue #page-title h3 { color:#4B5B6A; text-shadow:0px 1px 0px #15191D; }
body.orange #page-title h3 { color:#932216; text-shadow:0px 1px 0px #EB6756; }
body.aquablue #page-title h3 { color:#153442; text-shadow:0px 1px 0px #418DB6; }
body.teal #page-title h3 { color:#183F3F; text-shadow:0px 1px 0px #369D9D; }

#crumbs {
	background-color:#eae2da;
	padding-top:15px;
	padding-bottom:18px;
}

#crumbs .container {
	line-height:1;
}

span.crumb-links {
	font-family:"Droid Serif", Georgia, serif;
	font-size:11px;
	color:#8d8d8d;
	font-style:italic;
	text-shadow:0px 1px 0px #fff;
}

span.crumb-links a {
	color:#3d3d3d;
	font-family:"Droid Serif", Georgia, serif;
	font-size:11px;
	font-style:italic;
	text-shadow:0px 1px 0px #fff;
	text-decoration:none;
}

span.crumb-links a:hover {
	color:#606060;
}



/***************************************/
/*************** SLIDER ****************/
/***************************************/

#featured {
	padding:10px;
	background:url(transparent-black.png);
	margin-top:35px;
}

#slideshow img {
	padding:0px;
	background:none;
}

ul#slide-pager {
	margin-top:30px;
	overflow:hidden;
	text-align:center;
}

ul#slide-pager li {
	display:inline-block;
	width:156px;
	height:70px;
	margin-right:20px;
	margin-bottom:20px;
	background-color:#eae2da;
	padding-left:10px;
	padding-top:10px;
	padding-right:10px;
	padding-bottom:8px;
}

ul#slide-pager li img,
ul#slide-pager li a img {
	padding:0px;
	background:none;
}

ul#slide-pager li.last {
	margin-right:0px;
}

.featured-separator {
	margin-top:-20px;
}

.widget {
	margin-bottom:20px;
	font-size:12px;
}

#searchform label {
	display:none;
}

#searchform input#s {
	width:130px;
	padding:4px 10px 3px;
	margin-right:10px;
	float:left;
}

#searchform input#searchsubmit {
	width:57px;
	padding:4px 10px 3px;
	height:31px;
	cursor:pointer;
}

/***************************************/
/*************** CONTENT ***************/
/***************************************/

#content {
	clear:both;
	overflow:hidden;
	padding-top:40px;
}

#from-blog h5,
#from-blog h5 a {
	margin-top:10px;
	margin-bottom:5px;
	text-decoration:none;
}

#from-blog h5 a:hover {
	color:#d02624;
}

.work-1 {
	margin-bottom:25px;
	overflow:hidden;
}

.work-1 h3 a:hover {
	text-decoration:none;
}

.work-1 img {
	float:left;
	margin-right:30px;
}

.work-1 small {
	font-family:"Droid Serif", Georgia, serif;
	font-size:12px;
	color:#b6b6b6;
	font-style:italic;
	margin-top:10px;
	margin-bottom:15px;
	display:block;
}



.filter li a {
	background:#eae2da;
	font-size:14px;
	padding:10px 15px 10px 15px;
	color:#7b7b7b;
	display:inline-block;
	margin-bottom:40px;
	text-decoration:none;
	line-height:1;
	
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.filter li {
	list-style:none;
	float: left;
	margin-right:20px;
}

.filter li a:hover {
	background-color:#d02624;
	color:#fff;
}

.filter li.active a {
	color:#fff;
	background-color:#d02624;
}

.portfolio-content-1,
.portfolio-content-3 {
	padding-top:10px;
}

.portfolio-content-1 div.project {
	margin-bottom:35px;
	overflow:hidden;
}

.portfolio-content-1 div.project .details {
	float:left;
	width:300px;
}

.portfolio-content-1 div.project h3 a:hover,
.portfolio-content-3 div.project h3 a:hover {
	text-decoration:none;
}

.portfolio-content-1 div.project img {
	float:left;
	margin-right:30px;
}

.portfolio-content-1 div.project small {
	font-family:"Droid Serif", Georgia, serif;
	font-size:12px;
	color:#b6b6b6;
	font-style:italic;
	margin-top:10px;
	margin-bottom:15px;
	display:block;
}

.portfolio-content-3 div.project {
	width:300px;
	float:left;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:30px;
}

.portfolio-content-3 div.project img {
	background:#eae2da;
	padding:10px;
}

.portfolio-content-3 div.project small {
	font-family:"Droid Serif", Georgia, serif;
	font-size:12px;
	color:#b6b6b6;
	font-style:italic;
	display:block;
	margin-top:5px;
	margin-bottom:10px;
}


.work-3 {
	width:300px;
	float:left;
	margin-right:30px;
	margin-bottom:10px;
}

.work-3-last {
	width:300px;
	float:left;
	margin-right:0px;
	margin-bottom:10px;
}

.work-3 small,
.work-3-last small {
	font-family:"Droid Serif", Georgia, serif;
	font-size:12px;
	color:#b6b6b6;
	font-style:italic;
	display:block;
	margin-top:5px;
	margin-bottom:10px;
}

.blog-post {
	margin-bottom:50px;
	overflow:hidden;
}

.blog-post .meta {
	width:140px;
	float:left;
	margin-right:30px;
	margin-top:10px;
}

.blog-post .meta span.date {
	color:#929292;
	background-color:#eae2da;
	font-size:14px;
	width:140px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	display:inline-block;
	margin-bottom:15px;
	line-height:1;
	
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.blog-post .meta small,
.blog-post .meta small a {
	font-family:"Droid Serif", Georgia, serif;
	font-style:italic;
	font-size:12px;
	color:#7b7b7b;
	width:140px;
	text-align:center;
	display:inline-block;
	margin-bottom:15px;
	text-decoration:none;
}

.blog-post .meta small a:hover {
	color:#cf6458;
}

ul.tag-list, div.tagcloud {
	margin-top:15px;
}

ul.tag-list li, div.tagcloud a {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	line-height:1;
}

ul.tag-list li a, div.tagcloud a {
	background-color:#eae2da;
	color:#929292;
	font-size:12px;
	padding:7px 9px 7px 9px;
	display:inline-block;
	text-decoration:none;
	
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

ul.tag-list li a:hover, div.tagcloud a:hover {
	color:#fff;
}

.blog-post .post-body {
	float:left;
	width:543px;
}

.blog-post .post-body h3 {
	margin-bottom:20px;
}

.blog-post .post-body h3 a {
	text-decoration:none;
}

.blog-post .post-body img {
	margin-bottom:20px;
}

.page-list li {
	float:left;
	margin-right:15px;
	margin-bottom:30px;
	margin-top:20px;
}

.page-list li.current-page {
	background-color:#d02624;
	color:#fff;
	font-size:14px;
	padding:10px 15px 10px 15px;
	display:inline-block;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.page-list li a {
	background-color:#eae2da;
	color:#929292;
	font-size:14px;
	padding:10px 15px 10px 15px;
	display:inline-block;
	text-decoration:none;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.page-list li a:hover {
	color:#fff;
}

.comments-container {
	margin-bottom:30px;
	line-height:1;
}

.comments-container h5 {
	margin-bottom:25px;
}

.comments-container img {
	padding:0;
	float:left;
	margin-right:20px;
}

.comments-container strong {
	color:#7b7b7b;
	font-size:14px;
	line-height:24px;
	display:block;
	margin-bottom:10px;
}

.comments-container small {
	font-family:"Droid Serif", Georgia, serif;
	font-size:12px;
	color:#929292;
	display:block;
	margin-bottom:20px;
}

.comments-container small a {
	font-size:12px;
	font-family:"Droid Serif", Georgia, serif;
	color:#929292;
}

.comments-container small a:hover {
	color:#d02624;
}

.comments-container p {
	margin-left:90px;
}

.comment,
.comment-inner,
.comment-inner-inner {
	border-bottom:1px solid #e9e9e9;
	padding-bottom:20px;
	margin-top:40px;
}

.comment-inner {
	padding-left:90px;
}

.comment-inner-inner {
	padding-left:180px;
}

.comment-form p {
	margin-left:0;
}

#commentform input[type="text"] {
	padding:4px 10px 3px;
}