/* Website template by freewebsitetemplates.com */
body {
	background: url(../images/bg-body.png) repeat left top;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0;
}
#page {
	width: 960px;
	margin: 0 auto;
}
img {
	border: 0;
}
/*------------------------------ HEADER ------------------------------*/
#header {
	background: url(../images/bg-header.png) no-repeat center top;
	height: 631px;
	margin-bottom: 18px;
}
#header > div {
	height: 131px;
	width: 960px;
	margin: 0 auto;
	padding-top: 500px;
	position: relative;
}
/** Logo **/
#logo {
	display: block;
	width: 740px;
	margin: 0 auto;
}
/** Navigation **/
#navigation {
	height: 40px;
	width: 900px;
	padding: 0 30px;
	text-align: center;
	position: absolute;
	bottom: 0;
}
#navigation ul {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
	*width: 675px;/** Needed for IE7 **/
}
#navigation ul li {
	float: left;
	line-height: 40px;
}
#navigation ul li a {
	color: #fff;
	padding: 0 40px;
	text-decoration: none;
	text-transform: uppercase;
}
#navigation ul li a:hover, #navigation ul li.selected a {
	background: url(../images/bg-menu-selected.png) no-repeat center bottom;
	padding-bottom: 6px;
}
/*------------------------------ CONTENTS ------------------------------*/
#contents {
	color: #373637;
}
#contents > div {
	display: inline-block;
	width: 900px;
	padding: 0 30px;
}
#contents h5 {
	background: url(../images/border.png) no-repeat left bottom;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 24px;
	margin: 0 0 18px;
	padding-bottom: 2px;
	text-transform: uppercase;
}
#contents h4 {
	color: #af3535;
	font-weight: normal;
	letter-spacing: 1px;
	margin: 0;
	text-transform: uppercase;
}
#contents p {
	color: #373637;
	font-size: 13px;
	line-height: 20px;
	margin: 0;
}
#contents p a {
	color: #373637;
}
#contents a:hover {
	color: #af3535;
}
#welcome {
	height: 222px;
	text-align: center;
}
#welcome p {
	float: left;
	font-size: 16px;
	width: 360px;
	margin: 63px 5px 0;
	text-align: right;
}
#welcome p:first-child {
	text-align: left;
}
#welcome img {
	float: left;
}
#featured {
	margin-bottom: 24px;
}
#featured ul {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
}
#featured ul li {
	float: left;
	width: 210px;
	margin-left: 20px;
}
#featured ul li:first-child {
	margin-left: 0;
}
#featured ul li img {
	box-shadow: 1px 0 #b0b0b0, -1px 0 #b0b0b0, 0 -1px #b0b0b0, 0 1px #b0b0b0;
	margin: 0 0 18px;
}
#featured ul li h4 {
	margin-bottom: 12px;
}
#featured ul li p {
	font-size: 14px;
	padding: 0;
}
#articles {
	margin-bottom: 24px;
}
#articles > div {
	float: left;
	width: 440px;
	margin-left: 20px;
}
#articles > div:first-child {
	margin-left: 0;
}
#articles > div ul {
	display: inline-block;
	width: 100%;
	list-style: none;
	margin: 0 0 18px;
	padding: 0;
}
#articles > div:first-child ul li {
	display: inline-block;
	height: 112px;
	width: 100%;
	margin-bottom: 18px;
}
#articles > div:first-child ul li a {
	color: #373637;
	text-decoration: none;
}
#articles > div:first-child ul li img {
	float: left;
	margin-left: 10px;
	margin-right: 20px;
}
#articles > div:first-child ul li p {
	font-size: 13px;
	line-height: 18px;
	margin: 0;
	padding-right: 10px;
}
#articles > div:first-child ul li p span {
	display: block;
	font-size: 12px;
	text-transform: uppercase;
}
#articles > div:first-child ul li p b {
	color: #af3535;
	display: block;
	margin-bottom: 6px;
}
#articles ul.illustrations li {
	float: left;
	width: 90px;
	margin: 0 10px;
}
#articles ul.illustrations li img {
	box-shadow: 1px 0 #b0b0b0, -1px 0 #b0b0b0, 0 -1px #b0b0b0, 0 1px #b0b0b0;
}
/** About **/
#contents > div#about {
	min-height: 900px;
	margin-bottom: 30px;
	padding-top: 18px;
}
#about img {
	float: left;
	margin-right: 40px;
}
#about h4 {
	margin: 30px 0 12px;
	padding-right: 20px;
}
#about p {
	padding-right: 30px;
}
/** MAIN **/
#main {
	float: left;
	min-height: 900px;
	width: 667px;
	margin-right: 10px;
}
/** SIDEBAR **/
#sidebar {
	float: left;
	min-height: 900px;
	width: 213px;
	margin-left: 10px;
}
#sidebar ul.posts {
	list-style: none;
	margin: 0;
	padding: 0;
}
#sidebar ul.posts li {
	font-size: 13px;
	margin-bottom: 20px;
}
#sidebar ul.posts li a {
	color: #af3535;
	text-transform: uppercase;
}
/** Blogs **/
#blogs {
	list-style: none;
	margin: 0;
	padding: 0;
}
#blogs li {
	background: url(../images/border.png) no-repeat left top;
	padding: 20px 10px 0;
}
#blogs li:first-child {
	background: none;
	padding-top: 0;
}
#blogs li span {
	display: block;
	font-size: 13px;
	margin-bottom: 30px;
	text-transform: uppercase;
}
#blogs li p {
	padding-bottom: 20px;
}
#blogs li a.more {
	color: #af3535;
	display: block;
	font-size: 11px;
	margin: 24px 0;
}
/** Contact **/
#contact {
	min-height: 900px;
}
#contact h4 {
	margin-bottom: 20px;
}
#contact p {
	padding-bottom: 20px;
}
#contact p span {
	color: #af3535;
}
/** Work Page **/
#gallery {
	display: inline-block;
	list-style: none;
	width: 920px;
	margin: 0 0 60px -10px;
	padding: 0;
}
#gallery li {
	float: left;
	height: 350px;
	width: 210px;
	margin: 0 10px 18px;
}
#gallery li img {
	box-shadow: 1px 0 #b0b0b0, -1px 0 #b0b0b0, 0 -1px #b0b0b0, 0 1px #b0b0b0;
	margin: 0 0 18px;
}
#gallery li h4 {
	margin-bottom: 12px;
}
#gallery li p {
	font-size: 14px;
	padding: 0;
}
#pagination {
	margin-bottom: 100px;
	text-align: center;
	text-transform: uppercase;
}
#pagination div {
	display: inline-block;
	font-size: 15px;
}
#pagination a {
	color: #373637;
	display: inline-block;
	margin: 0 15px;
}
#pagination a:first-child, #pagination a.last-child {
	font-size: 12px;
}
#pagination a:hover, #pagination a.selected {
	color: #af3535;
}
/*------------------------------ FOOTER ------------------------------*/
#footer {
	background: url(../images/border.png) no-repeat center top;
	padding: 20px 30px 24px;
}
#connect {
	float: right;
	display: inline-block;
}
#connect a {
	float: left;
	background: url(../images/icons.png) no-repeat;
	display: block;
	height: 26px;
	width: 26px;
	margin: 0 5px;
}
#connect a.facebook {
	background-position: 0 0;
}
#connect a.twitter {
	background-position: 0 -38px;
}
#connect a.googleplus {
	background-position: 0 -76px;
}
#connect a.mail {
	background-position: 0 -114px;
}
#footer .navigation {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer .navigation li {
	float: left;
}
#footer .navigation li a {
	color: #373637;
	font-size: 12px;
	border-left: 1px solid #373637;
	padding: 0 10px;
	text-transform: uppercase;
}
#footer .navigation li:first-child a {
	border-left: 0;
}
#footer .navigation li a:hover, #footer .navigation li.selected a {
	color: #af3535;
}
#footer p {
	clear: both;
	color: #373637;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0 10px 24px;
}
#footer p a {
	color: #373637;
}
#footer p a:hover {
	color: #af3535;
}
#footer .uppercase {
	font-size: 10px;
	text-transform: uppercase;
}
/** hover state **/
#featured ul li > a:hover, #articles > div ul li > a:hover img,
#gallery li a:hover,
#connect a:hover {
	opacity:0.8;
	filter:alpha(opacity=80); /** Needed for IE8 and below **/
}
