/*
Theme Name: Custom WP Theme
Description: Semantic, SEO Optimised, Custom Wordpress Theme for XYZ
Author: #
Author URI: #
*/

/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}

/* Defaults */
:focus {outline:0}
a, a:visited {color:#069}
a:hover {}
abbr, acronym, dfn {border-bottom:1px dotted;cursor:help}
blockquote {background:#EEE;border-left:2px solid #CCC;margin:0 0 1em}
blockquote p {margin:.5em}
body {
	background:#dcdcde;
	font:14px Arial,Verdana,sans-serif;
	}
code, pre {font-size:1em}
del {text-decoration:line-through}
dfn {font-style:italic;font-weight:bold}
dt {font-weight:bold}
dd {margin:0 0 1em 10px}
fieldset {border:0}
fieldset p {margin:0 0 5px}
img {border:0;vertical-align:bottom}
ins {text-decoration:none}
hr {margin:0 0 0.5em}
p {margin:0;}
ul, ol {list-style:none;margin:0 0 16px;}
textarea {font:1em Arial;overflow:auto}

/* Containers */
#page {
	width:100%;
	overflow:hidden;
}

#header {
	width:100%;
	height:82px;
	background:#282423;
}

#header .wrapper {
	margin:0 auto;
	width:960px;
	height:82px;
}

#header ul {
	padding:48px 0 0 0;
}

#header ul li {
	display:inline;
	padding-right:20px
}

#header ul li a{
	font-size:20.2px;
	font-family:Myriad Pro, Arial;
	text-decoration:none;
	color:#fff;
	padding:10px;
}

#header ul li a:hover {
	background:#f28a03;
}

#logo {
	margin:0 auto;
	width:402px;
}

#logo img {
	width:350px
}

#slider {
	margin:0 auto;
	width:960px;
	padding-bottom:20px;
}

#slider .slideshow img {
	width:960px
}

#slider .slideshow {
	height:367px;
}

#content {
	margin:0 auto;
	width:960px;
	background:#fff;
	border:1px solid #b2b1b0;
}

#content .content {
	padding:20px;
}

#content .content h1 {
	color:#f28a03;
	font-family:Myriad Pro, Arial;
	padding-bottom:10px;
}

#content .content h1 a {
	color:#f28a03;
	font-family:Myriad Pro, Arial;
	padding-bottom:10px;
}

#content .content p.postmetadata a {
	color:#989898;
	padding-bottom:10px
}

#content .content .post {
	margin-bottom:10px;
}

#space {
	border-bottom:1px solid #ccc;
	padding:10px
}

#portfolio {
	margin:0 auto;
	width:980px;
}

#portfolio h1 {
	text-align:center;
	color:#f28a03;
	font-size:29px;
	padding:10px;
}

#portfolio .boxes {
	float:left;
	display:inline;
	width:300px;
	padding: 0 12px 10px 12px;
}

#portfolio .boxes h2 {
	margin:177px 0 0 74px;
	position:absolute;
	color:#fff;
	background:#fd8f04;
	height:30px;
	width:226px;
	line-height:28px;
}

#portfolio .boxes h2 span {
	float:right;
	padding-right:15px;
}

#info {
	margin: 0 auto;
	width:960px;
}

#info .box {
	width:182px;
	float:left;
	padding:28px;
	text-align:center;
}

#info .box img {
	padding-bottom:8px;
}

#info .box span {
	color:#FD8F04;
	font-weight:bold;
	font-size:20px;
}

#footer {
	margin:0 auto;
	width:960px;
}

/* Image Alignment */
img.aligncenter {display:block;margin-left:auto;margin-right:auto}
img.alignright {display:inline;margin:0 0 2px 7px;padding:4px}
img.alignleft {display:inline;margin:0 7px 2px 0;padding:4px}
.alignright {float:right}
.alignleft {float:left}