/* author - ben norris - feb 2010*/

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;
}

.clearBoth {clear:both;}
.clearLeft {clear:left;}
.hide {position: absolute;left: -9000px;}
img {border-style: none;}

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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

ol, ul {list-style: none;}

body {
    background:  #d5b78f url(../images/bg.jpg);
    text-align: center;
	color: #5b4b2e;
	font-family: Georgia, Arial, sans-serif;
	font-size: 12px;
}

p, li {font-size: 1em;margin-bottom: 1em;}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0.8em;
    font-weight: normal;
    color: #5e4f30;
}

h1 {font-size: 2.1em;}
h2 {font-size: 1.2em;}
h3 {font-size: 1.1em;}
h4 {font-size: 1.05em;}
h5 {font-size: 1.0em;}
h6 {font-size: 0.9em;}

a:link, a:visited, a:active, a:hover {text-decoration:none;border: 0;}

a.white:link, a.white:visited, a.white:active {color: #fff;border-bottom: 1px dotted #fff; font-weight:bold;}
a.white:hover {border-bottom: 1px solid #fff; font-weight:bold;}

a.brown:link, a.brown:visited, a.brown:active {color: #5b4b2e;border-bottom: 1px dotted #5b4b2e; font-weight:bold;}
a.brown:hover {border-bottom: 1px solid #5b4b2e; font-weight:bold;}

.whiteBold {color:#fff;font-weight:bold;}

#headerBg {background: #d5b78f url(../images/header-bg.jpg) repeat-x; height:245px;}
#footerBg {background: #d5b78f url(../images/header-bg.jpg) repeat-x; height:245px;}
#header {background: url(../images/header.jpg) repeat-x; height:245px; position:relative;}
#footer {background: url(../images/footer.jpg) repeat-x; height:245px; position:relative;}
#logo {position:absolute;left:199px;top:167px;}
#logo a:link, a:visited, a:active, a:hover{border-bottom:none;}
#downArrow {position:absolute;left:414px;top:212px;}
#middleArrow {position:absolute;right:5px;top:330px;}
#titleArrow {float:left;padding-right:15px;}

.topGapLarge {margin-top:45px;}

#leftContent {
    background: url(../images/bub-left.jpg) no-repeat;
    position:relative;
    width:540px;
    height:440px;
    margin-bottom: 20px;
}

#leftContentInner {
    padding:40px 40px 20px 40px;
}

#thoughtBubble {
    background: url(../images/thought-bubble.jpg) no-repeat;
    width:380px;
    height:378px;
    margin-bottom: 20px;
}

#footer{
    position:relative;
}

#twitterContainer{
    padding:47px 60px 0px 33px;
    color:#fff;
    overflow:hidden;
}

#twitter a:link, #twitter a:visited, #twitter a:active, #twitter a:hover {
	color:#5b4b2e;
    font-weight:bold;
	text-decoration:none;
	border-bottom:1px dotted #5b4b2e;
	line-height:1.2em;
}

#twitter span {
    font-size:0.9em;
}

#phoneUsContainer{
    padding:32px 20px 0px 10px;
    color:#fff;
    text-align: center;
    overflow:hidden;
}

#phoneUsContainer a:link, #phoneUsContainer a:visited, #phoneUsContainer a:active, #phoneUsContainer a:hover {
	color:#fff;
    font-weight:bold;
	text-decoration:none;
	border-bottom:none;
	line-height:1em;
}

#phoneUsContainer p {
    font-size:0.9em;
    margin-bottom: 0;
}

#nav{
	width: 380px;
	height: 76px;
	margin-bottom: 10px;
    
}

ul#navlist {}

ul#navlist li{display: inline;}

ul#navlist li a{
 display:block;
 height: 76px;
 text-indent: -9999px;
 float:left;
 text-decoration: none;
 border: none;
}	

ul#navlist li.portfolio a{
 width: 138px;
 background:  url(../images/nav/portfolio.jpg) top center no-repeat;
}

ul#navlist li.portfolioSelected a{
 width: 138px;
 background:  url(../images/nav/portfolio.jpg) bottom center no-repeat;
}

ul#navlist li.services a{
 width: 124px;
 background:  url(../images/nav/services.jpg) top center no-repeat;
}

ul#navlist li.servicesSelected a{
 width: 124px;
 background:  url(../images/nav/services.jpg) bottom center no-repeat;
}

ul#navlist li.contact a{
 width: 118px;
 background:  url(../images/nav/contact.jpg) top center no-repeat;
}

ul#navlist li.contactSelected a{
 width: 118px;
 background:  url(../images/nav/contact.jpg) bottom center no-repeat;
}

ul#navlist li a:hover {
 background-position: bottom center;	
}

/* contact form start */

.contactContent
{
    float:left;
    width: 220px;
    padding-right:10px;
}

.commentForm
{
    float:right;
    width: 230px;
    height: 194px;
	position: relative;
	margin: auto;
}

.commentForm input[type="text"], .commentForm textarea
{
    position: absolute;
	width: 175px;
    background-repeat: no-repeat;
    border-width:0px;
	padding-left:10px;
    padding-right:10px;
    color: #fff;
	font-family: Georgia, Arial, sans-serif;
	font-size: 12px;
}
.nameField
{	
	position: absolute;
	left: 10px;
    top: 3px;
    height: 24px;
	width: 185px;
    background-image: url("../images/input-bg.jpg");
    padding: 5px 0px 0px 0px;
}
.emailField
{
	position: absolute;
	left: 10px;
    top: 36px;
    height: 24px;
	width: 185px;
    background-image: url("../images/input-bg.jpg");
    padding:5px 0px 0px 0px;
}

.commentField
{
	position: absolute;
	left: 10px;
    top: 69px;
    height:90px;
	width: 195px;
    background-image: url("../images/input-message-bg.jpg");
    padding:5px 0px 0px 0px;
    overflow:hidden;

}
.sendButton
{
    position:absolute;
    top:172px;
    left:10px;
    width:72px;
    height:17px;
    background-image: url("../images/send-btn.jpg");
    color:#000000;
	cursor:pointer;}

/* contact form end */

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

.container_12 {
	margin: 0 auto;
	width: 960px;
	text-align:left;
}

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

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

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

.alpha {margin-left: 0;}
.omega {margin-right: 0;}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {width:60px;}
.container_12 .grid_2 {width:140px;}
.container_12 .grid_3 {width:220px;}
.container_12 .grid_4 {width:300px;}
.container_12 .grid_5 {width:380px;}
.container_12 .grid_6 {width:460px;}
.container_12 .grid_7 {width:540px;}
.container_12 .grid_8 {width:620px;}
.container_12 .grid_9 {width:700px;}
.container_12 .grid_10 {width:780px;}
.container_12 .grid_11 {width:860px;}
.container_12 .grid_12 {width:940px;}

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

.container_12 .prefix_1 {padding-left:80px;}
.container_12 .prefix_2 {padding-left:160px;}
.container_12 .prefix_3 {padding-left:240px;}
.container_12 .prefix_4 {padding-left:320px;}
.container_12 .prefix_5 {padding-left:400px;}
.container_12 .prefix_6 {padding-left:480px;}
.container_12 .prefix_7 {padding-left:560px;}
.container_12 .prefix_8 {padding-left:640px;}
.container_12 .prefix_9 {padding-left:720px;}
.container_12 .prefix_10 {padding-left:800px;}
.container_12 .prefix_11 {padding-left:880px;}

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

.container_12 .suffix_1 {padding-right:80px;}
.container_12 .suffix_2 {padding-right:160px;}
.container_12 .suffix_3 {padding-right:240px;}
.container_12 .suffix_4 {padding-right:320px;}
.container_12 .suffix_5 {padding-right:400px;}
.container_12 .suffix_6 {padding-right:480px;}
.container_12 .suffix_7 {padding-right:560px;}
.container_12 .suffix_8 {padding-right:640px;}
.container_12 .suffix_9 {padding-right:720px;}
.container_12 .suffix_10 {padding-right:800px;}
.container_12 .suffix_11 {padding-right:880px;}

/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {left:80px;}
.container_12 .push_2 {left:160px;}
.container_12 .push_3 {left:240px;}
.container_12 .push_4 {left:320px;}
.container_12 .push_5 {left:400px;}
.container_12 .push_6 {left:480px;}
.container_12 .push_7 {left:560px;}
.container_12 .push_8 {left:640px;}
.container_12 .push_9 {left:720px;}
.container_12 .push_10 {left:800px;}
.container_12 .push_11 {left:880px;}

/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {left:-80px;}
.container_12 .pull_2 {left:-160px;}
.container_12 .pull_3 {left:-240px;}
.container_12 .pull_4 {left:-320px;}
.container_12 .pull_5 {left:-400px;}
.container_12 .pull_6 {left:-480px;}
.container_12 .pull_7 {left:-560px;}
.container_12 .pull_8 {left:-640px;}
.container_12 .pull_9 {left:-720px;}
.container_12 .pull_10 {left:-800px;}
.container_12 .pull_11 {left:-880px;}