/* GLOBAL STYLES */

html * {
	margin:0;
	padding:0;
}

body { 
	margin:0px 0px; 
	padding:0px;
	color: #cccccc; 
	font: normal 11px arial; 
	background-color:#f2f1f1;
}

a {text-decoration: none; color: #7d7470;}
a:active {text-decoration: none; color: #7d7470;}
a:visited {text-decoration: none; color: #7d7470;}
a:hover {text-decoration: none; color: #442621;}

h1 {
	font-size:130%;
	color:#cccccc;
	margin-bottom:30px;
	letter-spacing: 0px;
}

a {
  outline: none;
}

a.current {
	color:#442621;
	cursor:default;
}

#main {
	width: 940px;
	margin: 10px auto 0px auto;
	text-align:center;
}

div#header {
	background-color:#bbc7c4;
	height:126px;
	text-align:left;
}

div#header img#logo{
	border:0;
	margin:52px 0 0 80px;
}

/* TOP NAVIGATION */

div#nav-container {
	padding: 0 0 0 550px;
}

ul#main-nav {
	background: transparent url(../images/main-nav-bg.gif) no-repeat 0px 23px; 
	height:30px;
	width:355px;
	list-style-type:none;
	position:absolute;
}

li.tier-1 {
	float:left;
	width:85px;
	height:22px;
	cursor:pointer;
}

ul#main-nav span {
	text-indent:-9999px;
	display:block;
	height:30px;
	width:85px;
}

ul#main-nav li a {
	display:block;
	float:left;
	width:85px;
	height:30px;
	text-indent:-9999px;
	cursor:pointer;
	
}

ul#main-nav li a {
	position:absolute;
}

li#portfolio.on { 
	background: transparent url(../images/nav/portfolio_on.gif) no-repeat top left; 
	height:103px;
}
li#services.on { 
	background: transparent url(../images/nav/services_on.gif) no-repeat top left; 
	height:103px;
}
li#about.on { background: transparent url(../images/nav/about_on.gif) no-repeat top left; }
li#contact.on { background: transparent url(../images/nav/contact_on.gif) no-repeat top left; }

li#services { background: transparent url(../images/nav/services_off.gif) no-repeat top left; }
li#portfolio { background: transparent url(../images/nav/portfolio_off.gif) no-repeat top left; }
li#about { background: transparent url(../images/nav/about_off.gif) no-repeat top left; }
li#contact { background: transparent url(../images/nav/contact_off.gif) no-repeat top left; }

li#services.current { background: transparent url(../images/nav/services_on.gif) no-repeat top left; }
li#portfolio.current { background: transparent url(../images/nav/portfolio_on.gif) no-repeat top left; }
li#about.current { background: transparent url(../images/nav/about_on.gif) no-repeat top left; }
li#contact.current { background: transparent url(../images/nav/contact_on.gif) no-repeat top left; }

ul#main-nav li ul {
	display:none;
	list-style-type:none;
	position:absolute;
	height:70px;
}

ul#main-nav li#services ul {
	background-color:#B1D24e;
	width:100px;
}

ul#main-nav li#portfolio ul {
	background-color:#99BE00;
	width:85px;
}

ul#main-nav li ul li {
	float:none;
}

ul#main-nav li ul li a {
	float:none;
	position:static;
	text-indent:0px;
	padding:3px 6px 5px 6px;
	height:14px;
	width:73px;
}

/* PAGE CONTENT STYLES */

div#page-content {
	background-color:#77746f;
	height:426px;
	text-align:left;
	padding:23px;
}

img.beauty_shot {
	float:left;
}

div#content {
	float:right;
	width:470px;
}

div#content p {
	margin:10px 0px;
	line-height:18px;
}

div#content p.quote {
	font-style: italic;
	margin:15px 0px 25px 0px;
	font-size:110%;
}

div#content p.quote span {
	font-size:90%;
}

div#content p.quote span {
	display:block;
	margin-left:40px;
	font-style: normal;
}

/* PAGE SPECIFIC STYLES */

div.contact a {
	color:#BBC7C4;
}

div.contact a:hover {
	text-decoration:underline;
}