/*
Theme Name: The Architect
Theme URI: http://themeforest.net/user/LayeredPixels
Description: Modern, clean and professional WordPress template. 
Author: Layered Pixels
Version: 1.0
*/

@charset "UTF-8"; /* http://www.w3.org/International/questions/qa-css-charset */

/*	-------------------------------------------------------------
 
	THE ARCHITECT - BY LAYERED PIXELS
 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

	Description:Base cascading style sheet
	Nom:screen.css
	Version:1.0
	Date:
 
	This file is part of a site template for sale at ThemeForest.net.
	See: http://themeforest.net/user/LayeredPixels/portfolio
	Copyright © 2010 Layered Pixels <info@layeredpixels.com>
 
-------------------------------------------------------------	*/

/*	-------------------------------------------------------------
	IMPORT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/


@import url("assets/css/slider.css");
@import url("assets/css/form.css");

/*	-------------------------------------------------------------
	STYLES FOR SCREEN / PROJECTION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

@media screen, projection {

/*	-------------------------------------------------------------
	RESET
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent; }
	
body {
	line-height: 1; }
		
ul, ol {
	padding: 5px 0 20px 25px; }

ul li, ol li {
	line-height: 1.7em;
	margin: 2px 0;
	padding: 0; }

ul li,
ol li {
	line-height:1.6;
	margin:0 0 2px 0;
	padding:0; }
	
blockquote {
	display: block;
	padding: 30px 60px;
	width: 500px; }

blockquote p {
	font-size:16px;
	font-style:italic;
	color:#000 !important; }
	
blockquote:before, blockquote:after {
	color: #ccc;
	display: block;
	font-size: 700%;
	width: 50px; }

blockquote:before {
	content: open-quote;
	height: 0;
	margin-left: -0.55em; }

blockquote:after {
	content: close-quote;
	height: 50px;
	margin-top: -65px;
	margin-left: 510px; }

:focus {
	outline: 0; }

ins {
	text-decoration: none; }
	
del {
	text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0; }

/*	-------------------------------------------------------------
	BODY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

html {
	font-size: 100%;
	width: 100%; }

body {
	font: 80%/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #363636;
	line-height: 1.538em;
	letter-spacing:-0.02em;
	width: 100%;

} 

 
/*	-------------------------------------------------------------
	LINKS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

a {
	color:#b70101;
	margin: 0;
	outline: 0; }
  
a:hover {
	color:#000; }
 
a, a:visited, a:active {
	text-decoration: none; }

 
/*	-------------------------------------------------------------
	TYPOGRAPHY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

p {
	line-height: 1.7;
	padding: 0 0 12px 0; }

h1, h2, h3, h4, h5 {
	color:#000;
	margin:0;
	padding:0;	
	font-weight:bold;
	line-height: 1.5em;	
	letter-spacing:-0.5px; }
 
h1 {
	font-weight: normal; }
 
h2 {
	font-size:40px; }
 
h3 {
	font-size:30px;}

h4 {
	font-size:20px;}

h5 {
	color:#000;
	margin:0 0 20px 0;
	font-size:15px; }

.contents h5 {
	line-height:140%;
	font-size:22px;
	color:#8b8b8b;	}

.strong {
	font-weight:bold; }


/*	-------------------------------------------------------------
	HACKS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	position: relative; }
 
.clearandspace {
	clear: both;
	font-size: 0;
	height: 15px;
	line-height: 0;
	position: relative; }

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden; }

.clearfix { display:inline-block; }
	
/* Hide from IE Mac \*/
	.clearfix { display:block; }
/* End hide from IE Mac */

.clearline {
	position:relative;
	clear:both;
	height:20px;
	line-height:0;
	font-size:0;
	margin:20px 0;
	border-bottom:1px solid #c7c7c7; }

/*	-------------------------------------------------------------
	GLOBAL
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

div.left { 
	float:left; 
	width: 48%; }
	
div.right { 
	float:right; 
	width: 48%; }

div.left-col .btn {
	margin:20px auto;
	text-align:center; }

ul.nolist {
	list-style:none;
	padding:10px 0 10px 20px ;
	margin:0; }

ul.nolist li.phone {
	padding:0 0 0 24px;
	background:transparent url("images/icon-phone.png") no-repeat 0 2px; }

ul.nolist li.mail {
	padding:0 0 0 24px;
	background:transparent url("images/icon-email.png") no-repeat 0 2px; }


/*	-------------------------------------------------------------
	GRID
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

div.container {
	margin:0 auto;
	padding:0; 
	width:1003px;
	z-index:-1; }
 
div.wrapper {
	margin:0;
	padding:0;
	height:100%;
	width:100%; }
 
div.header {
	z-index:2000;
	position:absolute;
	margin:0;
	padding:0;
	width:100%;
	height:147px;
	background: url("images/bg_trans_01.png") repeat 0 0; }

div.toggle {
	position:absolute;
	z-index:5000;
	left:50%;
	margin-left:-501px; }

	div.toggle .fullsize {
		display:block;
		float:right;
		margin-right:1px;
		width:90px;
		height:30px;
		overflow:hidden;
		text-indent:-9999px;
		background:transparent url("images/btn_full_screen.png") no-repeat 0 0; }

		div.toggle .fullsize.active {
			background:transparent url("images/btn_full_screen.png") no-repeat -90px 0px; }


/*	-------------------------------------------------------------
	INTERFACE ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/* Header */
div.header h1 {
	color:#aaa;
	font-size:25px;	
	margin:15px 0 0 24px;
	padding:0;
	text-transform:uppercase;
	float:left; }

	.header h1 a {
		color: #fff; }

/* Top Navigation */
div.header div.menu ul {
	position: relative;
	margin:0;
	padding:0;
	list-style:none;
	float:right;
	margin:90px 10px 0 0; }

div.header div.menu ul li {
	float:left;
	position:relative;
	width:auto;
	margin:0 12px;
	background:transparent; }

div.header div.menu ul li a {
	color:#000;
	display:block;
	font-weight:bold;
	font-size:12px;
	padding:13px;
	background:transparent; }

div.header div.menu ul li a:hover {
	color:#fff;
	background:#b70101;}

/* Dropdown Navigation */
div.header div.menu ul ul {
	display:none;
	list-style:none;
	margin:0;
	padding:0;
	width:185px; } 

div.header div.menu ul li ul {
	left:0;
	position:absolute;
	top:45px; } 

div.header div.menu ul li ul li {
	clear:both;
	margin:0;
	padding:0;
	width:100%; } 

div.header div.menu ul li ul li a {
	color:#fff;
	display:block;
	font-weight:bold;
	padding:10px 20px; } 

div.header div.menu ul li ul li a {
	background: url("images/bg_trans_01.png") repeat 0 0 !important; } 

div.header div.menu ul li ul li a:hover {
	background:#b70101 !important; } 

div.header div.menu ul li:hover a, div.header div.menu ul li a:hover, div.header div.menu ul li:focus a, div.header div.menu ul li a:focus {
	background:#b70101; }

/* Content */
div.content { }

/* Sub Pages */
div.page {
	padding:0;
	margin:0;
	background:#fff url("images/bg_page.gif") repeat-y top left !important; }

div.page p {
	color:#363636;}

/* Columns */
div.left-col {
	float:left;
	width:242px;
	padding:170px 24px 20px 24px;
	margin:0;
	text-align:left; }

div.right-col {
	float:left;
	width:686px;
	margin:0 0 20px 0;
	padding:0 27px 0 0;
	text-align:left;
	height:100%; }

	div.right-col div.contents {
		padding:0 0 0 47px; }

div.full-col {
	float:left;
	width:955px;
	margin:0;
	padding:0 24px 30px 0px;
	background:#fff; }

	div.full-col div.sub-header {
		position:relative;
		height:234px;
		margin:0 0 30px 0; }
		
		div.full-col div.sub-header img {
			position:absolute !important;
			top:0;
			left:0;	}
		
		div.full-col div.sub-header h2 {
			position:absolute;
			bottom:6px;
			right:0px;
			margin:0;
			padding:0;
			color:#fff;
			text-align:right;
			font-size:50px; }

		div.full-col div.contents  {
			padding:0 0 0 47px; }

div.sub-header {
	position:relative;
	height:378px;
	margin:0 0 30px 0; }

div.sub-header img {
	position:absolute !important;
	top:0;
	left:0;	}

	div.sub-header h2 {
		position:absolute;
		bottom:18px;
		left:47px;
		margin:0;
		padding:0;
		color:#696969;
		font-size:30px; }


/* Blocks */		
ul.block {
	list-style:none;
	padding:0 0 0 47px;
	margin:0; }

ul.block li {
	width:270px;
	display:inline-block;
	vertical-align:top;
	border-right:1px solid #c7c7c7;
	padding:0 22px 0 22px;
	margin:0 0 20px 0; }

	ul.block li:first-child {
		padding:0 22px 0 0;
		border-left:none; }

	ul.block li:nth-child(3n+3) {
		padding-left:22px;
		padding-right:0;
		border-right:none; }

	ul.block li:nth-child(4n+4), ul.block li:nth-child(7n+7)  {
		border-left:none;
		padding:0 22px 0 0; }

	ul.block p {
		padding:0;
		margin:0;
		font-size:12px; }

	ul.block a {
		color:#000; }
		
		ul.block a:hover {
			color:#b70101; }

	ul.block h3 {
		margin:20px 0 20px 0;
		color:#000;
		line-height:1.2em;
		font-size:22px; }

/*	-------------------------------------------------------------
	Table
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
table {
	border-collapse:collapse;
	border-spacing:0; }

table.global {
	color:#363636;
	border-width: 0px;
	border-style: none;
	width: 100%;
	padding: 0px;
	margin:10px 0 20px 0;
	border-collapse:separate;
	background: #fff; }

table.global td, table.global th {
	border-bottom: 1px solid #ccc;
	padding: 8px;
	zoom: 1;
	text-align:left; }

table.global thead th {
	color:#333333;
	border-width: 3px;
	border-color: #fff;
	border-bottom:3px solid #666;
	background: url("images/bg_caption.gif"); }

table.global tfoot td {
	border: 0;
	padding-bottom: 0;
	width: auto !important; }

table.global tfoot td {
	clear:both;
	font-size:10px;
	font-weight:normal;
	line-height:14px;
	margin-top:16px;
	padding:8px;
	text-align:center; }

/*	-------------------------------------------------------------
	WIDGETS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/* Sub-Navigation & Links */
div.widget-container ul {
	padding:0;
	margin:0;
	display:block;
	list-style:none; }

	div.widget-container ul li {
		clear:both;
		display:block;
		margin:0;
		padding:0;
		width:100%; }

	div.widget-container ul li a {
		color:#363636;
		display:block;
		font-weight:bold;
		padding:10px 30px 10px 20px;
		margin:0;
		background:#fff url("images/bg_links.png") no-repeat 225px center; }

	div.widget-container ul li a:hover, div.widget-container ul li a.active:hover {
		color:#fff;
		background:#b70101 url("images/bg_links_hover.png") no-repeat 225px center; }

	div.widget-container ul li.current_page_item a {
		color:#b70101;
		background:#fff url("images/bg_links_active.png") no-repeat 225px center; }

		div.widget-container ul li.current_page_item a:hover {
			color:#fff;
			background:#b70101 url("images/bg_links_hover.png") no-repeat 225px center; }

	/* Sub-Navigation Children */
	div.widget-container ul li ul li a {
		padding:10px 30px 10px 35px; }	

/* Title */
.widget-title {
	margin:15px 0; }

/* Text Widget */
.textwidget {
	background:#fff;
	padding:10px; }

/* Search Form */
#searchform {
	background:#fff;
	padding:10px;	}
	
	#searchform label {
		display:none;	}

	#searchform input[type=text] {
		padding: 10px 15px;
		width:120px;
		border:1px solid #e0e0e0;
		font: 12px Arial, Helvetica, sans-serif;
		color: #363636;
		margin: 0; }

	#searchform input[type=submit] {
		height: 36px;
		font-size: 11px;
		text-transform: uppercase;
		font-weight: bold;
		color: #fff;
		border:none;
		float:none;
		background:#b70101;
		cursor: pointer;
		float:right; }

		#searchform input[type=submit]:hover {
			color: #fff;
			background:#222; }


/* Calendar */
#calendar_wrap {
	background:#fff;
	margin:0;
	padding:10px; }

#wp-calendar {
    empty-cells: show;
    margin: 0 auto;
    width: 100%; }

#wp-calendar td a {
	background:#b70101;
	color:#fff;
	font-weight:bold;
	display: block;
    text-decoration: none; }

#wp-calendar caption {
    color:#333333;
	font-size:16px;
	padding:8px 0;
	margin:0 0 5px 0;
	font-weight:bold;
	letter-spacing:-1px;
	border-width: 3px;
	border-color: #fff;
	border-bottom:3px solid #666;
	background: url("images/bg_caption.gif"); }

#wp-calendar th {
	text-align:center;
	padding:3px 0;
    font-style: normal;
    text-transform: capitalize; }

#wp-calendar #next a {
    padding-right: 10px;
    text-align: right; }

#wp-calendar #prev a {
    padding-left: 10px;
    text-align: left; }

#wp-calendar td {
    padding: 3px 0;
    text-align: center; }


/* Gallery */
.gallery {
	padding:0;
	margin:15px 0 10px 0; }

.gallery-item {
	float:left;
	margin:0 3px 0px 0; }

/*	-------------------------------------------------------------
	BLOG
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

div.all-posts ul.block h3 {
		margin:0 0 20px 0;
		color:#000;
		line-height:1.2em;
		font-size:22px; }

div.metadata {
	font-size:11px;
	margin:4px 0 0 0; }

div.postmetadata {
	font-size:11px;
	text-align:center;
	padding:10px 0;
	margin:0 0 20px 0;
	background: url("images/bg_caption.gif"); }

/* Comments */
div.contents .commentarea ul {
	margin: 20px 0 20px 0;
	padding:0; }

div.contents .commentarea ul li {
	overflow: hidden;
	margin:0 0 20px 0;
	padding:0;
	border:1px solid #e0e0e0;
	background:transparent url("images/bg_comments.gif") repeat-y 0 0; }

div.contents .commentarea .meta {
	width: 140px;
	padding:20px;
	float: left;
	overflow:visible;
	height:100%;
	text-align: left;
	background:transparent url("images/bg_comments_top.gif") no-repeat 0 0; }

div.contents .commentarea .meta img.avatar {
	display:block;
	background:#383838;
	padding:3px;}

div.contents .commentarea .meta cite, div.contents .commentarea .meta cite a  {
	font-style: normal;
	font-size:14px;
	font-weight: bold;}

div.contents .commentarea .meta span {
	display: block;
	font-size: 10px;
	color: #656565;
	padding: 0;}

div.contents .commentarea .comment {
	width: 400px;
	padding: 0;
	float: right;
	margin: 20px 20px 5px 0;
	position: relative; }

div.contents .commentarea ul li ul {
	display:none; }

/* Comment form */
div.contents .commentarea h3 {
	margin: 0 0 20px 0;
	padding:0 0 10px 0;
	border-bottom:1px solid #c7c7c7;
	font-size:20px; }

.comment-notes, .form-allowed-tags, .logged-in-as  {
	display: none; }

div.contents .commentarea form span.required {
	display:none;}

div.contents .commentarea form label {
	margin: 7px 0 0 0;
	width:130px;
	font-weight:bold;
	display:block;
	float:left; }

div.contents .commentarea form input[type=text] {
	padding: 10px 15px;
	border:1px solid #e0e0e0;
	font: 12px Arial, Helvetica, sans-serif;
	color: #363636;
	margin: 0 0 14px 0; }

div.contents .commentarea form textarea {
	width: 477px;
	padding: 15px;
	border:1px solid #c7c7c7;
	font: 12px Arial, Helvetica, sans-serif;
	line-height:150%;
	color: #363636;
	margin: 0; }

div.contents .commentarea form input[type=submit] {
	width: 130px;
	height: 34px;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	border:none;
	float:none;
	background:#b70101;
	cursor: pointer;
	float:right; }

	div.contents .commentarea form input[type=submit]:hover {
		color: #fff;
		background:#222; }

/*	-------------------------------------------------------------
	FOOTER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

div.footer {
	width:1003px;
	height:41px;
	padding:20px;
	margin:0 auto;
	text-align: left;
	background:transparent url("images/bg_page_footer.png") no-repeat 0 0; }

div.footer div.right { text-align: right; }

div.footer p, div.footer a {
	color:#868686;
	font-size:11px; }

	div.footer a:hover {
		color:#b70101;  }

/*	-------------------------------------------------------------
	CLOSING STYLES FOR SCREEN / PROJECTION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

}
