/* CSS Document */

body { 
	margin:0px;
	padding:0px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	background-color:#e7e7e7;
}

#container {
	width:900px;
	margin:0 auto;
	background-color:#f9f9f9;
	height:550px;
	border:1px solid #999999;
	position:relative;
	overflow:hidden;
}

.dark {
	color:#333333;
}

#home {
	position:relative;
	width:900px;
	margin:0 auto;
	display:block;
	height:45px;
}

#company, #phone {
	position:absolute;
	text-transform:uppercase;
	top:25px;	
	font-size:11px;
	letter-spacing:1px;
	color:#666666;
}

div#company a {
	left:0px;
	color:#986828;
}


#phone {
	right:0px;
}

#home a {
	color:#666666;
	text-decoration:none;
}

#home a:hover {
	color:#000000;
}

#nav_container {
	margin:0px auto;
	padding:0px;
	width:900px;
	height:23px;
	display:block;
	position:relative;
	z-index:10;
	background-image:url(../images/nav.gif);
	background-repeat:repeat-x;
	border-bottom:1px solid #999999;
}


#nav {
	position:absolute;
	top:0px;
	left:170px;
	width:580px;
	height:23px;
	display:block;
	margin:0px;
	padding:0px;
	border-left:1px solid #999;
	
}

#nav #nav_portfolio {
	position:relative;
	z-index:10;
}

#nav #nav_portfolio:hover ul, .portfolio #nav #nav_portfolio ul {
	display:block;
}

#nav ul {
	margin:0px;
	position:absolute;
	padding:5px 0 0 0;
	display:none;
	top:23px;
	left:-120px;
	background:url(../images/sub_nav_gradient.gif) repeat-x;
	height:18px;
	width:540px;
	z-index:5;
	border-right:1px solid #999999;
	border-left:1px solid #999999;
}

#nav li {
	list-style:none;
	padding:0px;
	margin:0px;
	float:left;
	border-right:1px solid #999;
}

#nav li li {
	background:url(../images/sub_nav_divider.gif) no-repeat right center;
	margin:2px 0 0;
	border:none;
}

#nav li li#sub_web {
	background:none;
}

#nav li li a,#nav li li a:hover {
	height:11px;
	display:block;
	margin:0px;
}

#nav li a {
	display:block;
	color:#000000;
	height:23px;
}

#nav li a:hover {
	background-position:center -28px;
}

#about #nav_about a, #contact #nav_contact a, #recommendations #nav_recommendations a, .portfolio #nav_portfolio a {
	background-position:center -57px;
}

.portfolio #nav_portfolio li a {
	background-position:center top;
}

#nav li a span {
	display:none;
}

#nav_about a {
	width:108px;
	background:url(../images/nav_about.gif) no-repeat center top;
}

#nav_contact a {
	width:124px;
	background:url(../images/nav_contact.gif) no-repeat center top;
}

#nav_recommendations a {
	width:199px;
	background:url(../images/nav_recommendations.gif) no-repeat center top;
}

#nav_portfolio a {
	width:135px;
	background:url(../images/nav_portfolio.gif) no-repeat center top;
}

li#sub_advertising a { width:120px; background:url(../images/sub_nav_advertising.gif) no-repeat center top; }
li#sub_promotions a { width:120px; background:url(../images/sub_nav_promotions.gif) no-repeat center top; }
li#sub_identity a { width:140px; background:url(../images/sub_nav_brand_identity.gif) no-repeat center top; }
li#sub_direct a { width:155px; background:url(../images/sub_nav_direct_marketing.gif) no-repeat center top; }
li#sub_web a { width:120px; background:url(../images/sub_nav_web_site.gif) no-repeat center top; }


#nav_container #nav li li a:hover, #web #nav_container #sub_web a,#advertising #nav_container #sub_advertising a,#promotions #nav_container #sub_promotions a,#identity #nav_container #sub_identity a,#direct #nav_container #sub_direct a {
	background-position:center -19px;
}

.portfolio #content, #about #content {
	overflow:auto;
}

.portfolio #content {
	width:860px;
	left:20px;
	height:410px;
	position:absolute;
	top:75px;
	display:block;
	overflow:hidden;
	z-index:0;
}

.portfolio #content p {
	clear: both;
	margin: 0;
	text-align: center;
	width: 200px;
	display: block;
	line-height: 20px;
	font-size: 12px;
}

#advertising #content, #direct #content, #identity #content, #web #content {
	top:80px;
}

#identity .panel {
	margin-top:40px;
}

#content {
	height:430px;
	width:760px;
	position:absolute;
	top:75px;
	left:70px;
	display:block;
	overflow:hidden;
	z-index:0;
}

#content p {
	clear:both;
	margin:15px auto;
	text-align:left;
	width:700px;
	color:#666666;
	display:block;
	line-height:20px;
	font-size:12px;

}


#content p strong {
	font-weight:normal;
	color:#000000;
}


#footer {
	clear:both;
	text-align:center;
	background-image:url(../images/logo.gif);
	background-repeat:no-repeat;
	background-position:center 20px;
	padding-top:100px;
	display:block;
	color:#000000;
}

#footer h3{
	font-weight:normal;
	padding:0px;
	margin:0px;
}

#footer p {
	color:#666666;
	font-size:9px;
	padding-top:10px;
}


a#email,a#vcard {
	display:block;
	padding-top:40px;
	height:45px;
	width:50px;
	color:#000000;
	float:left;
	text-align:center;
	text-decoration:none;
}

#email:hover,#vcard:hover {
	color:#8b6831;
}

a#email {
	background-image:url(../images/email.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}

a#vcard {
	background-image:url(../images/vcard.jpg);
	background-repeat:no-repeat;
	background-position:center 5px;
}

#bread_crumb {
	position:absolute;
	top:500px;
	left:200px;
	width:500px;
	text-align:center;
}

#bread_crumb img {
	margin:0 3px;
}

#contact_submit {
	background-image:url(../images/submit.gif);
	background-repeat:no-repeat;
	background-position:left top;
	color:#FFFFFF;
	height:20px;
	width:90px;
	border:none;
	font-size:12px;

}

form {
	color:#666666;
	font-size:12px;
}

form input {
	margin-bottom:10px;
}

#signup {
	color:#996633;
	font-size:10px;
	
}

p a {
	color:#996633;
	text-decoration:none;
}

.required {
	color:#990000;
}

#index #content {
	width:899px;
	height:471px;
	top:55px;
	left:0px;
}