@charset "UTF-8";

/* 
	CSS by Stephen G. Agnic, Agnic Advisors, LLC. Marketing and Design
	June 1st, 2009, (c) Agnic Advisors, LLC. and Stephen G. Agnic
	You can look, but please do not steal. I love CSS.
	960.gs was used to create the grid styling. I'm not that good at math.
----------------------------------------------------------------------------------------------------*/

body {
	background: #111111 url(../img/bg-tile.gif);
	font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
	margin:0;
	padding:0;
	color: #fff;
}

html>body {
	font-size: 15px;
}

img {
	border: 0;
}

/* Begin Layout
----------------------------------------------------------------------------------------------------*/

#redbar {
	background: transparent url(../img/bg2.png) top center no-repeat;
	width: 100%;
	display: block;
	height: 552px;
	border-top: 20px solid #8e0000;
	margin-bottom: -572px;
}

#main {
	top: 20px;
}

#logo {
	position: relative;
	background: transparent url(../img/logo.png) top right no-repeat;
	height: 176px;
	width: 100%;
	display: block;
}

#logo a {
	display: block;
	height: 80px;
	position: relative;
	top: 150px;
	width: 260px;
}

#logo a span {
	display: none;
}

/* Containers
----------------------------------------------------------------------------------------------------*/

.container_3 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

.container_4 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4 {
	display:inline;
	float: left;
	margin-left: 20px;
	margin-right: 20px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 3 Columns
----------------------------------------------------------------------------------------------------*/


.container_3 .grid_1 {
	width:280px;
}

.container_3 .grid_2 {
	width:600px;
}

.container_3 .grid_3 {
	width:920px;
}

/* Grid >> 4 columns
----------------------------------------------------------------------------------------------------*/

.container_4 .grid_1 {
	width:200px;
}

.container_4 .grid_2 {
	width:440px;
}

.container_4 .grid_3 {
	width:680px;
}

.container_4 .grid_4 {
	width:920px;
}

/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_3 .prefix_1 {
	padding-left:320px;
}

.container_3 .prefix_2 {
	padding-left:640px;
}

/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_3 .suffix_1 {
	padding-right:320px;
}

.container_3 .suffix_2 {
	padding-right:640px;
}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* Design Elements
----------------------------------------------------------------------------------------------------*/

a {
	color: #DF4F4F;
	text-decoration: underline;
}

a:hover {
	color: #E01030;
}

a.backtotop {
	text-decoration: none;
}

h1 {
	font: normal 4em/1.6957em Georgia, 'Times New Roman', serif;
	margin: 1.5em 0 0.6111em 0;
}

h1.ptitle {
	margin-bottom: -0.3067em;
}

h2 {
	color: #87A5AC;
	font-size: 1.2666em;
	font-weight: bold;
	line-height: 1.211em;
	margin: 0 0 1.211em 0;
	font: italic bold 1.2666em/1.211em Georgia, 'Times New Roman', serif;
}

h3 {
	font: normal 2.6em/1.6957em Georgia, 'Times New Roman', serif;
	margin: 1.23em 0 0.6522em 0;
	width: 100%;
	border-bottom: 3px solid #727272;
}

p {
	font-size: 1em;
	line-height: 1.5714em;
	margin: 0 0 1.5714em 0;
	text-align: justify;
}

p.download {
	padding-left: 30px;
	background: transparent url(../img/download-icn2.gif) left center no-repeat;
}

ul, li {
	list-style: circle;
}

ul {
	margin: 1.5714em 0;
	line-height: 1.5714em;
}

#contact_list li.phone {
	list-style: circle url(../img/li-phone.gif);
}

#contact_list li.fax {
	list-style: circle url(../img/li-fax.gif);
}

#contact_list li.email {
	list-style: circle url(../img/li-email.gif);
}

#contact_list li.address {
	list-style: circle url(../img/li-address.gif);
}

#social_list li {
	color: #FFF3AF;
}

#social_list li:hover {
	color: #E01030;
}

/* About
----------------------------------------------------------------------------------------------------*/

#process {
	/*background: transparent url(../img/about-bg.png) top center no-repeat;*/
	display:block;
	width: 960px;
}

/* Portfolio
----------------------------------------------------------------------------------------------------*/

a.portfolio_image {
	display: block;
	position: relative;
	height: 200px;
	width: 268px;
}

.portfolio_image img {
	border: 6px solid #2F2F2F;
}

.portfolio_image b {
	background-color:#000000;
	display:none;
	height:200px;
	width:268px;
	position: absolute;
	top: 6px;
	left: 6px;
}

.portfolio_image span {
	background:transparent url(../img/overlay.png) no-repeat scroll center center;
	display:none;
	height:200px;
	width:268px;
	position: absolute;
	top: 6px;
	left: 6px;
}

#portfolio ul.portfolio_more {
	display: none;
}

/* Contact Form
----------------------------------------------------------------------------------------------------*/

#contact fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

#contact label {
	font-size: 1em;
	line-height: 1.5714em;
	width: 280px;
	display: block;
}

#contact span.required {
	color: #CB554B;
	font-weight: bold;
}

#contact textarea {
	height: 15.714em;
}

#contact input.submit {
	width: auto;
}

#contact input.required, #contact textarea.required {
	background-color: #6F6F6F;
}

#contact input, #contact textarea {
	color: #DBD6A2;
	font-family: “Lucida Grande”, Lucida Sans Uni, sans-serif;
	border: none;
	background-color: #2f2f2f;
	font-size: 14px;
	padding: 4px;
	width: 272px;
	margin: 0 0 1.5714em 0;
}

#contact input:focus, #contact textarea:focus {
	background-color: #9AE3B2;
	color: #000;
}

#contact input.error, #contact textarea.error {
	background-color: #CB554B;
	color: #000;
}

#contact .contact_form_error {
	color: #CB554B;
	font-style: italic;
}

#contact .contact_form_error ul label {
	width: auto;
}

#contact_result {
	display: none;
}

/* Image handling (with care)
----------------------------------------------------------------------------------------------------*/

img {
	border: none;
}

img.alignright {
	float:right;
	margin:7px;
}

/* Footer
----------------------------------------------------------------------------------------------------*/

#footer {
	margin-top: 4.7142em;
}