/**
 ** 2010 CSS
 **/

body
{
	font-family: Helvetica, Arial, sans-serif;
	padding: 10px 30px;
	background-color: #FFFFFF;
}

p
{
	top: 0px;
	font-weight: normal;
	line-height: 100%;
	letter-spacing: -0.5px;
	font-size: 1em;
	color: #364757;
	margin-right: 0%;
}

p.p1
{
	top: 0px;
	font-weight: normal;
	line-height: 100%;
	letter-spacing: -0.5px;
	font-size: 1em;
	color: #364757;
	margin-right: 0%;
}

p.p2
{
	top: 0px;
	font-weight: normal;
	line-height: 100%;
	letter-spacing: -0.5px;
	font-size: 1em;
	color: #364757;
	margin-right: 0%;
}

b
{
	top: 0px;
	font-weight: normal;
	line-height: 100%;
	letter-spacing: -0.5px;
	font-size: 18px;
	color: #364757;
	margin-bottom: 80px;
}

p.home
{
	font-weight: normal;
	line-height: 100%;
	letter-spacing: -0.5px;
	font-size: 26px;
	color: #364757;
	margin-right: 0%;
}
	
p.contact
{
	top: 0px;
	font-weight: normal;
	font-size: 18px;
	color: #364757;
	line-height: 100%;
}

h1.work
{
	font-weight: normal;
	line-height: 150%;
	letter-spacing: -0.5px;
	font-size: 26px;
	color: #364757;
	margin-right: 0%;
}

p.big
{
	float: left;
	top: 0px;
	font-weight: normal;
	line-height: 200%;
	letter-spacing: -0.5px;
	font-size: 15px;
	color: #364757;
}
p.bold
{
	font-weight: bolder;
	top: 314px;
	left: 360px;
	font-weight: normal;
	line-height: 100%;
	letter-spacing: -0.5px;
	font-size: 18px;
	color: #364757;
	width: 488px;
}

h1
{
	top: -20px;
	font-weight: normal;
	line-height: 100%;
	letter-spacing: -0.5px;
	font-size: 26px;
	color: #364757;
	margin-right: 0%;
}

h2
{
	top: -40px;
	font-weight: normal;
	line-height: 100%;
	letter-spacing: -0.5px;
	font-size: 28px;
	color: #364757;
	margin-right: 0%;
}

h3
{
	top: -20px;
	font-style: italic;
	font-size: 20px;
	color: #364757;
	line-height: 100%;
}

h4
{
	clear: left;
	top: 0px;
	font-weight: normal;
	font-size: 18px;
	color: #8daaa8;
	line-height: 100%;
	letter-spacing: -0.5px;
}

h5
{
	top: 0px;
	font-weight: bold;
	font-size: 18px;
	color: #364757;
	line-height: 100%;
}

h6
{
	top: -40px;
	font-weight: normal;
	line-height: 100%;
	letter-spacing: -0.5px;
	font-size: 18px;
	color: #364757;
}

/**
 ** Layout
 **/
#contact
{
	position: absolute;
	top: 25px;
	left: 734px;
	width: 216px;
}
#contact > * { margin: 0; }


#header
{
	height: 110px;
}

#header ul.sitesections a:hover, #header ul a.current
{
	color: #364757;
	border-bottom-color: #8daaa8; 
}

#header > :first-child
{
}

div.menu
{
	margin: 20px 0 0 0;
}

#footer
{
	vertical-align: top;
	color: #425262;
	border-top: solid 2px #8daaa8;
	padding-top: 4px;
	clear: left;
}

#footer > *
{
	float: left;
}

#footer > *:first-child
{
	margin-right: 18px;
	font-family: Helvetica;
}

#footer div.nav
{
	border-left: solid 3px #425262;
	padding: 3px 0 3px 8px;
	height: 3em;
	width: 9em;
}
div#footer div.nav > span
{
	display: block;
	font-family: Helvetica;
	font-size: .8em;
	font-weight: bold;
	margin-top: -0.1em;
}
#footer div.nav > a
{
	display: block;
	font-size: .8em;
	white-space: nowrap;
}

#footer div.nav > div.c1
{
	display: block;
	font-size: .8em;
	white-space: nowrap;
}

.links a
{
	font-family: Helvetica;
	text-decoration: none;
	color: #425262;
}
.links a:hover
{
	color: #8daaa8;
}

.revlinks a
{
	font-family: Helvetica;
	text-decoration: none;
	color: #8daaa8;
}
.revlinks a:hover
{
	color: #425262;
	text-decoration: underline;
}


/*2 column on work page*/

div#container
{
	padding: 0px 0;
	width: 920px;
	height: 300px;
}

div.recent-work > *
{
	padding: 0 !important;
	height: 40px;
	margin: 0 !important;
}

div.recent-work > h1.work
{
	float: left;
	clear: left;
	width: 288px;
	font-weight: bold;
	position: static !important;
}

div.recent-work > div
{
	letter-spacing: -0.5px;
	line-height: 280%;
	color: #364757;

}

/*2 column on what to expect page*/

div#container.expect
{
	padding: 0;
	width: 900px;
	height: 500px;
}

div.expect > *
{
	padding: 0px; !important;
	height: 40px;
	margin: 0px !important;
}

div.expect > h1.expect
{
	float: left;
	clear: left;
	height: 40px;
	width: 288px;
	font-weight: bold;
	position: static !important;
}

div.expect > div
{
	letter-spacing: -0.5px;
	line-height: 1em;
	color: #364757;
	padding-top: 2px !important;

}

/*2 column on Archived work page*/

div#containerarchive
{
	padding: 0px 0;
	width: 930px;
	height: 370px;
}

div#contarchive1
{
	float: left;
	padding: 0 0px;
	width: 460px;
}

div#contarchive2
{
	float: left;
	padding: 0 0px;
	width: 460px;
}


/*4 column on Clients page*/

div#container1
{
	padding: 0px 0;
	width: 930px;
	height: 280px;
}

div#con1
{
	float: left;
	padding: 0 0px;
	width: 240px;
	height: 280px;
}

div#con2
{
	float: left;
	padding: 0 0px;
	width: 240px;
}

div#con3
{
	float: left;
	padding: 0 0px;
	width: 240px;
}

/*2 column on What to Expect page*/

div#container2
{
	padding: 0px; 
	clear: right;
	float: none;
}

div#contain1
{
	float: left;
	padding: 0px;
	width: 500px;
}

div#contain2
{
	float: left;
	padding: 0px;
	width: 455px;
}

/*2 column on Meet Us page*/
div#container3
{
	padding: 0px;
	width: 930px;
	height: 430px;
}

div#cont1
{
	float: left;
	padding: 0 0px;
	width: 420px;
}

div#cont2
{
	float: left;
	padding: 0 10px;
	width: 455px;
}

/**
 ** Meet.html 
 */
div.contact-detail img
{
	border: solid 1px #000000;
	margin-right: 15px;
	height: 106px;
	float: left;
	width: 90px;
}
div.contact-detail span
{
	display: block;
	font-weight: normal;
	line-height: 100%;
	letter-spacing: -0.5px;
	font-size: 18px;
	color: #364757;
}
div.contact-detail .name
{
	font-weight: bold;
	margin-bottom: 1.2em;
}
div.contact-detail p
{
	clear: left;
	width: 330px;
}


/* http://www.cssplay.co.uk/menus/basic_dd.html */
/* remove the bullets, padding and margins from the lists */
.menu ul
{
	list-style-type: none; /*top: 35px;*/
	padding: 0;
	margin: 0;
	width: 930px;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li
{
	float: left;
	position: relative;
	z-index: 100;
}
/* use the table to position the dropdown list */
.menu table
{
	position: relative;
	border-collapse: collapse;
	z-index: 80;
	left: 0px;
	top: 35px;
	bottom: 80px;
}
/* style all the links */
.menu a, .menu :visited
{
	display: block;
	font-size: 14px;
	width: 114px;
	border-bottom: 6px solid #e0c79e;
	padding: 0px 0px 2px 0px;
	color: #000;
	background: #FFFFFF;
	text-decoration: none;
	margin-right: 15px;
	margin-bottom: 0px;
	font-family: helvetica;
	font-size: 16px;
	color: #364757;
	line-height: 15px;
}
/* style the links hover */
.menu :hover
{
	color: #364757;
	border-bottom-color: #8daaa8;
	font-size: 16px;
	line-height: 15px;
}
/* hide the sub level links */
.menu ul ul a
{
	border-bottom: none !important;
}
.menu ul ul a:hover
{
	color: #8daaa8;
	text-decoration: none;
}
.menu ul ul
{
	visibility: hidden;
	position: absolute;
	width: 114px;
	height: 0;
	border-bottom: 0px solid #8daaa8;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul, .menu ul a:hover ul
{
	visibility: visible;
	border-bottom: 0px solid #8daaa8;
}