/* ---------------------------------------
/* ZDO : global stylesheet
/* ---------------------------------------*/

/**
 * COLORS:
 *
 * BLUE		789FC7
 * BROWN	64270D
 * RUST		8D4B20
 * GRAY		BCBCBC
 */

/* STRUCTURE --------------- */

body {
	background: #fff url('../images/bg.jpg') no-repeat left 50px;
	padding: 30px 50px 50px 275px;
	font-family: Trebuchet MS, Arial, sans-serif;
	color: #64270D;
}

a {
	color: #789FC7;
}
#zmailTease{
	position:absolute;
	top: 175px;
	left: 775px;
}
/* NAVIGATION --------------- */

#nav {
	margin-bottom: -2px;
}

#nav a {
	color: #64270D;
	font-size: 0.8em;
	text-decoration: none;
	margin-right: 37px;
}

#nav a:hover {
	color: #789FC7;
	text-decoration: underline;
}

#nav a.active, #subnav a.active {
	color: #789FC7;
	text-decoration: underline;
}





/* SUBNAV --------------- */

#subnav {
	border-left: 1px solid #789FC7;
	padding-top: 8px;
}

#subnav a {
	color: #789FC7;
	font-size: 0.8em;
	line-height: 1.6em;
	text-decoration: none;
	display: block;
	padding-left: 6px;
}

#subnav a:hover {
	color: #8D4B20;
	text-decoration: underline;
}
#subnav a.active:hover { color: #789FC7; }

#subnav.company {
	margin-left: 102px;
}
div.work {
	margin-left: 342px;
}




/* LOGO --------------- */

#logo {
	margin-top: 60px;
}
#logo.work {
	margin-top: 0px;
}




/* HEADINGS --------------- */

h1 {
	color: #64270D;
	font-size: 1.7em;
	line-height: 1em;
	margin: 5px 0px 30px 0px;
}

h2 {
	color: #64270D;
	font-size: 1.2em;
	line-height: 1em;
	margin: 5px 0px 7px 0px;
}

h3 {
	color: #789FC7;
	font-size: 1.2em;
	line-height: 1.4em;
}

/* COPY ---------------- */

p {
	font-size: 0.7em;
	line-height: 1.7em;
	width: 500px;
}

.blue {
	color: #789FC7;
}
.brown {
	color: #64270D;
}
.rust {
	color: #8D4B20;
}
.gray {
	color: #BCBCBC;
}
.callout {
	color: #789FC7;
	padding: 0px 0px 0px 10px;
	margin: 10px 0px 0px 70px;
	width: 430px;
	border-left: 1px solid #789FC7;
}



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

#homefooter {
	position: relative;
	top: 0px; left: 0px;
	margin-top: 25px;
}

#homefooter object {
	width: 470px;
	display: block;
}

p.blog {
	position: absolute;
	left: 480px;
	top: 0px;
	margin: 15px 0px 0px 0px;
	font-size: 0.7em;
	line-height: 1.4em;
	width: 250px;
}

p.blog span {
	font-size: 1.2em;
	display: block;
	padding: 0px 0px 4px 0px;
}

p.blog img {
	display: block;
	margin-top: 10px;
}

p.contact {
	font-weight: bold;
	line-height: 1.4em;
	padding-bottom: 50px;
}

p.bryon, p.sherry {
	padding-left: 160px;
	max-width: 425px;
	padding-bottom: 50px;
}
p.bryon {
	background: url('../images/bryon.jpg') no-repeat left top;
}
p.sherry {
	background: url('../images/sherry.jpg') no-repeat left top;
}

p.bryon span.brown, p.sherry span.brown {
	font-weight: bold;
	display: block;
	line-height: 1.4em;
	padding-bottom: 10px;
}
p.bryon span.brown span, p.sherry span.brown span {
	font-size: 1.4em;
}
p.bryon a, p.sherry a {
	color: #64270D;
	font-weight: bold;
}
p.bryon a:hover, p.sherry a:hover {
	text-decoration: none;
}

/* Portfolio */

ul {
	clear: both;
	height: 70px;
	padding: 0px;
	margin: 0px;
}

ul li {
	float: left;
	width: 70px;
	height: 70px;
}

#portfolio {
	position: relative;
	top: 0px; left: 0px;
	margin-top: 55px;
}

#portfolio img {
cursor: pointer;
}

#view { /** image inside should be no larger than 295x220 */
	width: 295px;
	height: 220px;
	padding: 40px;
	background: url('../images/portfolio_bg.jpg') no-repeat left top;
	position: absolute;
	top: -28px;
	left: 450px;
	border: 0px solid red;
}

#description {
	height: 200px;
	width: 200px;
	position: absolute;
	z-index: 2;
	top: -225px;
	left: 600px;
	text-align: right;
	line-height: 1.3em;
}


#process {
	background: url('../images/process.jpg') no-repeat left top;
	border: 0px solid red;
	padding-bottom: 20px;
}
#process h3 {
	padding-top: 180px;
}

#process #column1,#process #column2,#process #column3 {
	width: 200px;
	float: left;
}

#column1 p, #column2 p, #column3 p { width: 160px; }



iframe + a {
	display: block;
	font-size: 0.7em;
	margin-bottom: 70px;
}



.clients img{
border:none;
margin:10px;
vertical-align:top;
}

/** contact us page */



#contactLeft {
float:left;
width:220px;
}

#contactRight {
position:relative;
float:left;
width:350px;
margin-left:40px;
margin-top:90px;
font-family: Trebuchet MS, Arial, sans-serif;
color: #64270D;
font-size: 0.7em;
line-height: 1.7em;
}

#contactRight .send  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #64270D;
	margin-top:5px;
	
}

#contactRight  #field {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	height:20px;
}

#contactRight textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	}