* { padding: 0; margin: 0; }

/* Colors
#232323 dark gray

3B2819 light brown
392617
281A11
23160E dark brown
2E1E11

392617

fff6bb yellowy creme

*/

/*PNG support for IE 5.5 and 6 ********************************************/
img, div { behavior: url(iepngfix.htc) }
/**********************************************************************/

html, body {
height:100%;
background:#edbe5f;
}

body {
width:100%;
}

#background {
background:#edbe5f;
height:100%;
margin:0 auto;
}

#mastercontainer {
background: url(images/mahoganybg3.jpg) repeat top center;
height:auto;
padding-bottom:0px;
margin:0 auto;
}

#mastercontent {
height:auto;
margin: 0 auto;
}

body, p, a{
font-family:arial, sans-serif; /*myriad pro*/
color:#fffae8;
font-size:9pt;
}

#header {
margin: 0 auto;
height:150px;
background: #edbe5f url(images/headerbandslice2.jpg) repeat-x center bottom;
}

#wrapper {
margin:0 auto;
background: url(images/wrapperbg.png) no-repeat center;
}

#container {
margin: 0 auto;
width:800px;
}

#nav {
margin:0 auto;

width:760px;
position:relative;
}

#nav p, #nav a, #nav label{
font-size:8pt;
}

#nav table{
text-align:left;
padding:0;
}

table.margin {
	margin:20px;
}

#nav td {
border-top:1px solid #fffae8;
padding-bottom:6px;
}

#nav th {
font-weight:normal;
}

#nav img {
padding:2px 0px;
}

table .features {
	border:none;
	margin:10px 0px 10px 0px;
	padding:none;
}

table.features img {
	float:left;
	margin-right:10px;
}

table.features th {
	line-height:100%;
	text-align:left;
	height:30px;
}

#pricing table td ul li {
	margin-left:25px;
	line-height:120%;
}

.rateline {
	font-size:16px;
	text-align:center;
	
	padding:1px;
	margin-top:5px;
}

#navwrapper{
margin:0 auto;
width:760px;
height:64px;
position:relative;
background: url(images/navbarbg3.png) no-repeat bottom;
border-bottom:4px solid #edbe5f;
}

#navwrapper a{
color:#000000;
text-decoration:none;
font-weight:700;
font-size:22px;
}


/*Nav button styles -----------------------------------------------------------------------------------------------------*/


.about{
width:150px; 
height:23px; 
padding-top:43px; 
margin-left: 10px; 
float:left;
color:#ffffff;
background: url(images/buttonabout2.png) no-repeat 50% 0%; 
}

.about:hover{
background: url(images/buttonabout2.png) no-repeat 50% -64px;
}


.skillset {
width:150px; 
height:23px; 
padding-top:43px;
margin-left:125px; 
float:left;
background: url(images/buttonskillset2.png) no-repeat 50% 0%; 
}

.skillset:hover{
background: url(images/buttonskillset2.png) no-repeat 50% -64px;
}

.pricingbutton{
width:150px; 
height:23px; 
padding-top:43px; 
background: url(images/buttonpricing2.png) no-repeat 50% 0%; 
float:left;
}

.pricingbutton:hover{
background: url(images/buttonpricing2.png) no-repeat 50% -64px;
}


.contactbutton{
width:150px; 
height:23px; 
padding-top:43px; 
background: url(images/buttoncontact2.png) no-repeat 50% 0%; 
float:left;
}

.contactbutton:hover{
background: url(images/buttoncontact2.png) no-repeat 50% -64px;
}

#clientservices {
margin:0 auto;
width:760px;
padding:24px 0px 6px 0px;
text-align:right;
font-size:14px;
}

#clientservices a {
color:#fff6bb;
font-size:14px;
font-weight:bold;
text-decoration:none;
}

#clientservices a:hover {
text-decoration:underline;
}

#clear { clear:both;}

#stickyfooter {
clear: both;
position: static;
z-index: 10;
background:#edbe5f url(images/footerbandslice.jpg) top repeat-x;
height:100px;
}

#stickyfooter img{
border:0px;
}

#footercontent {
height:50px; 
margin:0 auto;
width:760px;
background: url(images/footerbandslice.jpg) top repeat-x;
}

#copyright {
height:40px;
margin-top:10px;
float:left;
width:380px;
text-align:left;
}

#socialnetworking {
height:40px;
margin-top:10px;
width:380px;
text-align:right;
float:right;
}


#pagebg {
margin:0 auto;
width:720px;
padding:0px 40px 0px 40px;
text-align:left;
background: url(images/pagebg.jpg) repeat-y;
}


#pagebgtop {
margin:0 auto;
width:800px;
height:30px;
background: url(images/pagebgtop.png) no-repeat;
}

#pagebgbottom {
margin:0 auto;
width:800px;
height:30px;
background: url(images/pagebgbottom.png) no-repeat;
}


/*Typography*/

.bigtitle {
font-size:18px;
line-height:24px;
margin-bottom:10px;
}



/*Specific portfolio site page ---------------------------------------------------------------------------------------*/

#specificcontainer {
margin: 0 auto;
width:800px;
height:597px;
background: url(images/containerbg.jpg) no-repeat 0px 38px;
padding-bottom:50px;
}

#specificcontainerform {
margin: 0 auto;
width:800px;
background:url(images/pagebg.jpg) repeat-y;
}

#buttonbox {
margin:0 auto;
width:800px;
height:38px;
}

.homebutton, .homebutton a {
width:90px;
height:27px;
float:left;
text-align:center;
color:#2f1a19;
padding-top:3px;
margin-top:5px;
text-decoration:none;
font-size:14px;
background: url(images/homebutton.jpg) no-repeat;
}

.homebutton:hover{
background: url(images/homebutton.jpg) no-repeat 0px -30px;
}

.nextbutton {
width:90px;
height:27px;
float:left;
margin-left:5px;
text-align:center;
color:#2f1a19;
padding-top:3px;
margin-top:5px;
text-decoration:none;
font-size:14px;
background: url(images/nextbutton.jpg) no-repeat;}

.nextbutton:hover{
background: url(images/nextbutton.jpg) no-repeat 0px -30px;}

#homebuttons {
width: 800px;
height:35px;
text-align:left;
margin-bottom:3px;
}

#content {
width:760px;
height:480px;
/*background: url(images/wrapperbg4.jpg) repeat-y center;*/
padding:10px 20px 10px 20px;
}

.topimage {
/*background: url(images/wrapperbg2.gif) center top no-repeat;*/
}

#topbox {
width:800px;
height:24px;
/*background: url(images/wrapperbg2.gif) center top no-repeat;*/
}

#bottombox {
width:800px;
height:24px;
/*background: url(images/wrapperbg3.gif) center bottom no-repeat;*/
}

#picturebox{
width:760px;
height:190px;
border-bottom:5px solid #242424;
}

#picturebox img{
margin-right:20px;
border:none;
}

#picturebox a{
border:none;
}

#wordbox {
width:760px;
padding:10px;
color:#4d4d4d;
font-size:12px;
text-align:left;
line-height:9pt;
}

#descbox{
width:385px;
padding-right:10px;
border-right:5px solid #242424;
float:left;
}

#techbox {
width:310px;
padding:10px;
margin-left:10px;
float:left;
}

#techbox img{
float:left;
margin:0px 10px 10px 0px;
}

.descheading{
font-weight:600;
}









/*#footer {
margin:auto;
height:40px;
background: #edbe5f;
border-top: 2px solid #fcea7a;
}

#footerliner {
height:75px;
background: #edbe5f;
border-top: 2px solid #fcea7a;
}*/

/*.footer, .push {
	height: 75px; /* .push must be the same height as .footer */
	/*background: #edbe5f;
border-top: 2px solid #fcea7a;
position:fixed;
}*/



/*Typeography*/




/*ImageFlow style**********************************************************************************/

body {
background-color:#000;
text-align:center;
margin:0;
padding:0;
font-size:100.1%;
font:83%/1.4 myriad pro, arial, sans-serif;
}

#imageflow{
padding:0px;
text-align:left;
width:800px;
margin:0 auto;
/*background: url(images/imageflowbg2.gif) no-repeat center;*/
}

#imageflow img { 
position:absolute; 
top:50px;
border:none;
}

h1 {
	text-align:center;
}
a{
	color:#fff;
}
.clear{
	clear:both;
}
#images{
visibility:hidden;
}

#loading{
	margin-bottom:13px;
	padding-top:150px;
	text-align:center;
	width:100%;
	height:260px;
}

#loading img{
	margin-top:10px;
	position:relative; 
}

#captions{
	font-weight:bold;
	position:relative; 
	text-align:center;
	z-index:10000;
}

#scrollbar{
	visibility:hidden;
	position:relative; 
	border-bottom:1px solid #b3b3b3;
	z-index:10001;
}
#slider{
	position:absolute;
	margin-top:-7px;
	margin-left:-7px;
	z-index:10002;
	background-image:url(images/imageflow/slider.png);
	background-repeat:no-repeat;
	width:14px;
	height:14px;	
}


/*Animated collapsible div style******************************************************************/

#rates{
margin:0 auto;
width:760px;
display:none;
background:#312112;  /*#00611C;*/
border-left:0px solid #fffae8;
border-right:0px solid #fffae8;
border-bottom:2px solid #fffae8;
position:relative;
line-height:20px;
}

#experience{
margin:0 auto;
width:760px;
display:none;
background: #424242;/*#344152;*/
border-left:0px solid #fffae8;
border-right:0px solid #fffae8;
border-bottom:2px solid #fffae8;
position:relative;
line-height:20px;
}

#contactdiv{
margin:0 auto;
width:760px;
display:none;
background:#424242; /*#800000;*/
border-left:0px solid #fffae8;
border-right:0px solid #fffae8;
border-bottom:2px solid #fffae8;
position:relative;
line-height:20px;
}

#pricing{
margin:0 auto;
width:760px;
display:none;
background: #424242;/*#344152;*/
border-left:0px solid #fffae8;
border-right:0px solid #fffae8;
border-bottom:2px solid #fffae8;
position:relative;
line-height:20px;
}

.nolineheight {
line-height:12px;
padding-top:4px;
padding-bottom:4px;
}

/* Client Survey Form */

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 200px; /*width of left column containing the label elements*/
height: 1%;
}

span.finishedmessage {
width:570px;
font-size:16px;
padding-left:0px;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -200px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 250px;
height:18px;
padding:3px;
border:2px solid #ffffff;
background-color:gray;
font-weight:bold;
font-size:14px;
position:static;
}

.cssform fieldset {
border:1px solid white;
margin:30px 0px 0px 0px;
padding:20px;
}

.cssform legend {
font-size:14px;
margin-bottom:15px;
color:#ffffff;
}

.cssform textarea{
width: 250px;
height: 100px;
padding:3px;
border:2px solid #ffffff;
background-color:gray;
font-weight:bold;
font-size:14px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}





/*Form validation*/


#contact_form{ 
width:760px;
margin:0;
padding:0;
position:relative;
}

form fieldset {
margin:0px 0px 0px 214px;
padding:0;
width:530px;
position:relative;
display:block;
top:-16px;
border:none;
}

#contact_form input{
border:1px #232323;
margin:0px;
padding:0px;
}

label {
display:block;
float:left;
text-align:left;
width:150px;
margin:0px;
padding:0px;
}

.error {
font-weight:normal;
color:red;
text-align:left;
width:200px;
background: transparent url(/images/cancel.png) no-repeat scroll left;
}

.text-input {
margin:0px;
padding:0px;
color:#333;
}

label#name_label      { position:absolute; top:0; left:0; }
input#name            { position:absolute; top:0; left:142px; }
label#name_error      { position:absolute; top:0; left:375px; }

label#email_label     { position:absolute; top:24px; left:0px; }
input#email           { position:absolute; top:24px; left:142px; }
label#email_error      { position:absolute; top:24px; left:375px; }

label#phone_label     { position:absolute; top:48px; left:0px; }
input#phone           { position:absolute; top:48px; left:142px; }
label#phone_error      { position:absolute; top:48px; left:375px; }

label#form_text_label     { position:absolute; top:72px; left:0px; }
input#form_text           { position:absolute; top:72px; left:142px; }
label#form_text_error      { position:absolute; top:72px; left:375px; }

input.button	{ 
position:absolute;
width:40px;
top:98px;
left:142px;
padding:3px 6px;
border:2px solid #fff;
margin:0px;
color:#3D7169;
background:#CCC;
}

input.button:hover{ width:40px; background:#232323 none repeat scroll 0% 0%; color:white; }
#message{ width:180px;margin:0px 0 0 410px; }
#message h2{ font-size:150%;text-align:left;color:white; }
#message p{ color:white;font-weight:bold;text-align:left;margin:6px 0px; }
#checkmark{ position:relative;top:-70px;left:-120px; }