body { color: #5c6a73; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; background-color: white; background-image: url(images/topbg.gif); background-repeat: repeat-x; background-position: left 0; text-align: center; margin: 0; padding: 0 28px; }
#wrap { text-align: left; width: 924px; margin: 0 auto; padding: 0; }
#top { background-image: url(images/logo.gif); background-repeat: no-repeat; background-position: 0 38px; height: 131px; margin: 0; padding: 0; }
#mn { height: 49px; overflow: hidden; margin: 0 0 0 202px; padding: 82px 0 0; }
#mn a { float: left; margin: 0; padding: 49px 30px 0 0; }
#mn li { padding-right: 30px; list-style-type: none; display: inline; }
#mn a:hover { background-position: 0 -49px; }
#mn-about a { background: url(images/mn-about.gif) no-repeat 0 0; width: 50px; }
#mn-clients a { background: url(images/mn-clients.gif) no-repeat 0 0; width: 58px; }
#mn-work a { background: url(images/mn-work.gif) no-repeat 0 0; width: 61px; }
#mn-services a { background: url(images/mn-services.gif) no-repeat 0 0; width: 67px; }
#mn-contact a { background: url(images/mn-contact.gif) no-repeat 0 0; width: 57px; }

body.home #mn-about a, body.clients #mn-clients a, body.services #mn-services a, body.work #mn-work a, body.contact #mn-contact a { background-position: 0 -98px; }
#sn { margin: 0; padding: 0; }
#sn a { color: #475259; padding-left: 20px; }
#sn a:hover { color: #db7c1d; }
#sn li { margin: 0; padding: 6px 0; list-style-type: none; }
#sn li.selected { background-image: url(images/subnav-bg.gif); background-repeat: no-repeat; background-position: left 0; }
#frame { background-image: url(images/frame-bgabout.gif); background-repeat: no-repeat; background-position: 0 0; border-left: 1px solid #f0c8a0; border-bottom: 1px solid #f0c8a0; }
body.clients #frame { background-image: url(images/frame-bgclients.gif); }
body.services #frame { background-image: url(images/frame-bgsvcs.gif); }
body.work #frame { background-image: url(images/frame-bgwork.gif); }
body.contact #frame { background-image: url(images/frame-bgcontact.gif); }
.clearleft { clear: left; }
#left { color: #475259; text-align: right; width: 141px; float: left; margin-top: 35px; margin-right: 40px; }
body.services #left, body.clients #left, body.contact #left { width: 161px; margin-right: 20px; }
body.home #right { background-image: url(images/home-contentbg.gif); background-repeat: no-repeat; background-position: right bottom; width: 522px; padding-right: 200px; padding-bottom: 69px; }
body.home p.clearall { font-size: 0; line-height: 0; height: 0; }
.list { width: 40%; float: left; margin: 0 0 0 1.4em; padding-left: 0; }
div.list { margin-left: 0; }
.list li { margin-left: 0; padding-bottom: 8px; padding-left: 0; }
#right { font-size: 110%; width: 722px; float: right; margin-top: 35px; border-right: 1px solid #f0c8a0; }
#right p { line-height: 1.5; padding-right: 30px; }
#col2 { width: 296px; float: right; }
#col1 { padding-right: 296px; }
/*Styles for original rollovers*/
#thumbs { margin-top: 15px; }
#thumbs span { font-size: 90%; width: 62px; height: 62px; float: left; margin-right: 10px; }
/*Styles for Sprite Rollovers*/
#meetings {
	margin: 0 auto;
	width: 296px;
	height: 306px;
	background: url(images/work/meetings-1.jpg) no-repeat left top;
	clear: both;
}

#portfolio { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; margin: 0; width: 296px; height: 62px; clear: both; padding: 0; }
p.small { font-size: 90%; padding-top: 8px; }
#portfolio ul { list-style: none; line-height: 62px; font-weight: bold; font-size: 12px; margin: 0; padding: 0; }
#portfolio li { float: left; background: transparent; margin-left: 0; padding-right: 10px; }
#portfolio li a {
	width:62px;
	line-height: 62px;
	display: block;
	color: #fff;
	text-decoration: none;
}
#portfolio ul li a:hover {
	color: #fff;
	background: #db7c1d;
}
#portfolio li ul { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; position: absolute; left: -5000px; top: 166px; margin: 0; }
#portfolio li li {
	width: 296px;
}

li#meeting1 a { background-image: url(images/work/forum-thumb.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; }
li#meeting2 a { background-image: url(images/work/roundtable-thumb.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; }
li#meeting3 a { background-image: url(images/work/seminars-thumb.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; }
li#meeting1:hover ul { left: auto; width: 296px; height: 306px; }
li#meeting2:hover ul { left: auto; width: 296px; height: 306px; margin-left: -72px; }
li#meeting3:hover ul {
	margin-left: -144px;
	left: auto;
	width: 296px;
	height: 306px; 
}
/*Corporate*/
#corporate { background: url(images/work/corporate-1.jpg) no-repeat left top; margin: 0 auto; width: 296px; height: 306px; clear: both; }
li#corporate1 a { background-image: url(images/work/corporate1-thumb.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; }
li#corporate2 a { background-image: url(images/work/corporate2-thumb.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; }
li#corporate3 a { background-image: url(images/work/corporate3-thumb.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; }
li#corporate1:hover ul { left: auto; width: 296px; height: 306px; }
li#corporate2:hover ul { left: auto; width: 296px; height: 306px; margin-left: -72px; }
li#corporate3:hover ul {
	margin-left: -144px;
	left: auto;
	width: 296px;
	height: 306px; 
}
/*brand*/
#brand { background: url(images/work/brand-1.jpg) no-repeat left top; margin: 0 auto; width: 296px; height: 306px; clear: both; }
li#brand1 a { background-image: url(images/work/brand1-thumb.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; }
li#brand2 a { background-image: url(images/work/brand2-thumb.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; }
li#brand3 a { background-image: url(images/work/brand3-thumb.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; }
li#brand1:hover ul { left: auto; width: 296px; height: 306px; }
li#brand2:hover ul { left: auto; width: 296px; height: 306px; margin-left: -72px; }
li#brand3:hover ul {
	margin-left: -144px;
	left: auto;
	width: 296px;
	height: 306px; 
}
/*promotion*/
#promotion { background: url(images/work/promotion-1.jpg) no-repeat left top; margin: 0 auto; width: 296px; height: 306px; clear: both; }
li#promotion1 a { background-image: url(images/work/promotion1-thumb.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; }
li#promotion2 a { background-image: url(images/work/promotion2-thumb.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; }
li#promotion3 a { background-image: url(images/work/promotion3-thumb.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; }
li#promotion1:hover ul { left: auto; width: 296px; height: 306px; }
li#promotion2:hover ul { left: auto; width: 296px; height: 306px; margin-left: -72px; }
li#promotion3:hover ul {
	margin-left: -144px;
	left: auto;
	width: 296px;
	height: 306px; 
}
/*industry*/
#industry { background: url(images/work/industry-1.jpg) no-repeat left top; margin: 0 auto; width: 296px; height: 306px; clear: both; }
li#industry1 a { background-image: url(images/work/industry1-thumb.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; }
li#industry2 a { background-image: url(images/work/industry2-thumb.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; }
li#industry3 a { background-image: url(images/work/industry3-thumb.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; }
li#industry1:hover ul { left: auto; width: 296px; height: 306px; }
li#industry2:hover ul { left: auto; width: 296px; height: 306px; margin-left: -72px; }
li#industry3:hover ul {
	margin-left: -144px;
	left: auto;
	width: 296px;
	height: 306px; 
}
/*direct*/
#direct { background: url(images/work/direct-1.jpg) no-repeat left top; margin: 0 auto; width: 296px; height: 306px; clear: both; }
li#direct1 a { background-image: url(images/work/direct1-thumb.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; }
li#direct2 a { background-image: url(images/work/direct2-thumb.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; }
li#direct3 a { background-image: url(images/work/direct3-thumb.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; }
li#direct1:hover ul { left: auto; width: 296px; height: 306px; }
li#direct2:hover ul { left: auto; width: 296px; height: 306px; margin-left: -72px; }
li#direct3:hover ul {
	margin-left: -144px;
	left: auto;
	width: 296px;
	height: 306px; 
}
/*web*/
#web { background: url(images/work/web-1.jpg) no-repeat left top; margin: 0 auto; width: 296px; height: 306px; clear: both; }
li#web1 a { background-image: url(images/work/web1-thumb.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; }
li#web2 a { background-image: url(images/work/web2-thumb.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; }
li#web3 a { background-image: url(images/work/web3-thumb.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; }
li#web4 a { background-image: url(images/work/web4-thumb.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; }
li#web1:hover ul { left: auto; width: 296px; height: 306px; }
li#web2:hover ul { left: auto; width: 296px; height: 306px; margin-left: -72px; }
li#web3:hover ul {
	margin-left: -144px;
	left: auto;
	width: 296px;
	height: 306px; 
}
li#web4:hover ul { left: auto; width: 296px; height: 306px; margin-left: -216px; }

/*End Styles for Sprite Rollovers*/
#access { text-align: right; position: absolute; top: 6px; width: 920px; }
#footer { font-size: 90%; text-align: right; clear: both; padding-top: 6px; }
.quote { font-size: 115%; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.75; background-image: url(images/qleft.gif); background-repeat: no-repeat; background-position: left 0; text-align: left; text-indent: 16px; margin-left: 14px; }
.quote span { background-image: url(images/qright.gif); background-repeat: no-repeat; background-position: right top; width: 30px; }
p.clearall { height: 25px; clear: both; margin-bottom: 0; border-right: 1px solid #f0c8a0; }
h1, h2, h3, h4, h5 { font-weight: normal; margin-top: 0; margin-bottom: 0; }
h1 { color: #db7c1d; font-size: 150%; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; margin-bottom: 1em; }
h2 { color: #db7c1d; font-size: 110%; font-weight: bold; margin-bottom: 0.25em; }
p { margin-top: 0; margin-bottom: 1em; }
td { }
a:link { color: #db7c1d; text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { }
a:active { }