/* Global Settings */

html, body {
	background-color: #f2f2f2;
	margin: 0px;
	padding: 0px;
	font-family: Helvetica, Lucida Grande, Arial, Sans-Serif;

}

#wrap1 {
	width: 918px;
	height: 637px;
	text-align: left;
	color: #000;
	position: absolute;
	left: 50%;
	top: 56%;
	margin-left: -459px; 
	margin-top: -319px; 
	min-height: 637px;
}
#wrap2 {
	width: 918px;
	height: 637px;
	background: transparent url(/graphics/global/globallayoutbg.gif) no-repeat top left; 
	clear: both;
}

/* Global Navigation Bar */

div#navbar {
	position: absolute;
	top: 91px;
	left: 202px;
	height: 30px;
	width: 695px;
}

#navlist {
    list-style:none;
    border: 0;
    margin: 0;
    padding: 0;
}
#navlist li {
    list-style:none;
    display:inline;
}

#navlist a {
    display:block;
    text-decoration:none;
    float:left;
	margin-top: 1px;
}
#navlist a b {
    display:none;
}

#navlist a#nav_home {
    background:url("/graphics/global/nav_home.gif") no-repeat;
    width: 88px;
    height: 30px;
}

#navlist a#nav_home:hover {
    background:url("/graphics/global/nav_home_over.gif") no-repeat;
}
#navlist a#nav_blog {
    background:url("/graphics/global/nav_blog.gif") no-repeat;
    width: 88px;
    height: 30px;
}

#navlist a#nav_blog:hover {
    background:url("/graphics/global/nav_blog_over.gif") no-repeat;
}

#navlist a#nav_about {
    background:url("/graphics/global/nav_about.gif") no-repeat;
    width: 123px;
    height: 30px;
}

#navlist a#nav_about:hover {
    background:url("/graphics/global/nav_about_over.gif") no-repeat;
}

#navlist a#nav_work {
    background:url("/graphics/global/nav_work.gif") no-repeat;
    width: 128px;
    height: 30px;
}

#navlist a#nav_work:hover {
    background:url("/graphics/global/nav_work_over.gif") no-repeat;
}

#navlist a#nav_hits {
    background:url("/graphics/global/nav_hits.gif") no-repeat;
    width: 165px;
    height: 30px;
}

#navlist a#nav_hits:hover {
    background:url("/graphics/global/nav_hits_over.gif") no-repeat;
}

#navlist a#nav_clients {
    background:url("/graphics/global/nav_clients.gif") no-repeat;
    width: 105px;
    height: 30px;
}

#navlist a#nav_clients:hover {
    background:url("/graphics/global/nav_clients_over.gif") no-repeat;
}

#navlist a#nav_contact {
    background:url("/graphics/global/nav_contact.gif") no-repeat;
    width: 144px;
    height: 30px;
}

#navlist a#nav_contact:hover {
    background:url("/graphics/global/nav_contact_over.gif") no-repeat;
}
div#header_title {
position: absolute;
top: 122px;
left: 41px;
width: 841px;
height: 150px;
}

/* Portfolio Item Page */

#portfolioitem_title {
	font-size: 46px;
	color: #696969;
	position: absolute;
	top: 140px;
	left: 40px;
	right: 40px;
	border-bottom: 2px solid #ebebeb;
}

.panel {
width: 841px;
left: 21px;
}

.panel .wrapper .bodycopy {
	width: 330px;
}

.panel .wrapper .bodycopy .header {
	font-size: 24px;
	color: #696969;
	background-color: #fff;
}

.panel .wrapper .bodycopy .copy {
	font-size: 12px;
	color: #000;
	line-height: 1.7em;
}

.panel .wrapper .bodycopy .copy a {
color: #000;
text-decoration: underline;
}

.panel .wrapper .enlarge {
	font-size: 11px;
	position: absolute;
	top: 302px;
	right: 130px;
}

.panel .wrapper .enlarge a {
	color: #858585;
	text-decoration: none;
}

.panel .wrapper .enlarge a:hover {
	color: #3333;
	text-decoration: underline;
}

.panel .wrapper .outsideurl {
	font-size: 11px;
	position: absolute;
	top: 302px;
	right: 36px;
}

.panel .wrapper .outsideurl a {
	color: #858585;
	text-decoration: none;
}

.panel .wrapper .outsideurl a:hover {
	color: #3333;
	text-decoration: underline;
}

.panel .wrapper .image {
position: absolute;
top: 0px;
left: 376px;
width: 465px;
height: 317px;
}

a.backlink {
display: block;
position: absolute;
top: 270px;
left: 10px;
color: #000;
text-decoration: none;
font-size: 12px;
}



#portfolioitem_bottom {
position: absolute;
top: 522px;
left: 36px;
width: 849px;
height: 69px;
clear: both;
}

#portfolioitem_bottom a.portfolio_nav {
display: block;
position: relative;
width: 160px;
float: left;
text-decoration: none;
padding-right: 8px;
}

#portfolioitem_bottom a.portfolio_nav  div.media {
position: absolute;
left: 50px;
top: 2px;
font-weight: bold;
font-size: 16px;
border-bottom: 1px solid #d2d2d2;
width: 110px;
text-decoration: none;
color: #666666;
}

#portfolioitem_bottom a.portfolio_nav  div.description {
position: absolute;
left: 50px;
top: 24px;
font-weight: bold;
font-size: 12px;
width: 110px;
text-decoration: none;
color: #999;
}




 div#innernav {
position: absolute;
top: 123px;
right: 18px;
width: 400px;
height: 20px;
padding: 7px 5px 3px 5px;
text-align: right;
background-color: #fdd700;
}

 div#innernav a {
font-size: 12px;
text-decoration: none;
color: #685b2d;
display: block;
padding: 0 10px 0 10px;
float: left;
}

 div#innernav a:hover {
color: #000;
}

 div#innernav_slant {
position: absolute;
top: 123px;
right: 428px;
width: 33px;
height: 30px;
background: url("/graphics/global/navslant.gif") no-repeat top left;
}

/* Contact Download Link */

div#downloadbrochure {
position: absolute;
left: 550px;
top: 300px;
}

/* Slider */

#folioslide {
	position: absolute;
	top: 205px;
	left: 18px;
	clear: both;
}

#folioslide #fadeleft {
	background: url("/graphics/global/fade-left.png") no-repeat center;
	z-index: 1;
	position: absolute;
	left: 0;
	width: 20px;
	height: 317px;
}

#folioslide #faderight {
	background: url("/graphics/global/fade-right.png") no-repeat center;
	z-index: 1;
	position: absolute;
	right: 0;
	width: 20px;
	height: 317px;
}

.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0;
}
/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 381px; background: #fff; overflow: hidden; z-index: 99;}
.csw .loading {margin: 200px 0 300px 0; text-align: center; background: #fff;}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	margin: auto;
	width: 883px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 317px;
	clear: both;
	background: #fff;
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 883px; /* Also specified in  .stripViewer  above */
	background-color: #fff;
}

.stripViewer .panelContainer .panel .wrapper {
	padding: 0px;
}

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	margin: auto;
}

.stripNav ul { /* The auto-generated set of links */
	display: none;
}

.stripNav ul li {
	float: left;
	margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}


.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;
	top: 135px;
	
}

.stripNavL a, .stripNavR a {
	display: block;
	height: 65px;
	width: 65px;
	text-decoration: none;
}

.stripNavL {
	left: -40px;
}

.stripNavR {
	right: -40px;
}

.stripNavL {
	background: url("/graphics/global/arrow-left.png") no-repeat center;
	z-index: 2;
}

.stripNavR {
	background: url("/graphics/global/arrow-right.png") no-repeat center;
	z-index: 2;
}




/* Portfolio Category Page */




div#portfoliocat div#bodycopy {
position: absolute;
top: 305px;
left: 509px;
width: 352px;
height: 167px;
}

div#portfoliocat div#bodycopy span {
color: #000;
line-height: 2.2em;
font-size: 12px;
}

div#folio_items {
position: absolute;
top: 290px;
left: 45px;
width: 450px;
height: 250px;
}

div#folio_items .item {
display: block;
position: relative;
float: left;
width: 225px;
height: 50px;
}

div#folio_items .item img {
position: absolute;
top: 0;
left: 0;
}

div#folio_items .item a.link {
display: block;
position: absolute;
top: 14px;
left: 50px;
font-size: 15px;
color: #595959;
text-decoration: none;
}

div#folio_items .item a:hover {
color: #222;
}


/* Home Page */


div#homepage div#bodycopy {
position: absolute;
top: 145px;
left: 41px;
width: 235px;
}

div#homepage div#bodycopy span {
font-size: 11px;
color: #000;
line-height: 1.7em;
}

div#homepage div#bodycopy div.recent_text {
font-size: 14px;
color: #305d72;
line-height: 1.7em;
margin-top: 20px;
}

div#homepage div#bodycopy div.recent_links a {
margin-left: 6px;
}

div#homepage div#fade {
position: absolute;
top: 123px;
left: 302px;
width: 598px;
height: 469px;
}

div#homepage div#fade ul#slideshow {
list-style: none;
display: inline;
border: 0;
margin: 0;
padding: 0;
}


/* Clients Page */

div#clientspage div#header_title {
position: absolute;
top: 122px;
left: 41px;
width: 841px;
height: 150px;
}

div#clientspage div#clientlist {
position: absolute;
top: 272px;
left: 57px;
width: 340px;
}

div#clientspage div#clientlist ul.clients {
list-style:none;
border: 0;
margin: 0;
padding: 0;
}

div#clientspage div#clientlist ul.clients li {
display: block;
float: left;
width: 170px;
height: 1.4em;
font-size: 11px;
}

div#clientspage div#clientlist ul.clients li a {

color: #000;
text-decoration: none;
}

div#clientspage div#clientlist ul.clients li a:hover {
color: #000;
text-decoration: underline;
}

div#clientspage div#bodycopy {
position: absolute;
left: 450px;
top: 285px;
width: 350px;
}

div#clientspage div#bodycopy div#startquote {
position: absolute;
top: -6px;
left: -28px;
width: 17px;
height: 20px;
background: url("/graphics/global/quote-start.gif") no-repeat center;
}

div#clientspage div#bodycopy ul#quoteshow {
list-style: none;
border: 0;
margin: 0;
padding: 0;
}

div#clientspage div#bodycopy ul#quoteshow li {
font-size: 12px;
color: #777777;
line-height: 2em;
display: 
}


div#clientspage div#bodycopy ul#quoteshow li div.signed {
margin-left: 70px;
font-weight: bold;
color: #666;
}

div#clientspage div#bodycopy ul#quoteshow li div.signed img {
margin-left: 170px;
}






/* About Us Main Page */

div#aboutpage div#header_title {
position: absolute;
top: 122px;
left: 41px;
width: 841px;
height: 150px;
}


div#aboutpage div#bodycopy {
position: absolute;
top: 250px;
left: 48px;
width: 420px;
font-size: 12px;
color: #777777;
line-height: 1.5em;
}

div#aboutpage div#links {
position: absolute;
top: 329px;
left: 510px;
}

div#aboutpage div#links a {
display: block;
float: left;
margin-right: 40px;
}



/* About Us Int Page */

div#aboutint div#header_title {
position: absolute;
top: 122px;
left: 41px;
width: 841px;
height: 150px;
}

div#aboutint div#bodycopy {
position: absolute;
top: 270px;
left: 309px;
width: 537px;
font-size: 12px;
color: #777777;
line-height: 1.7em;
}

div#aboutint div#image {
position: absolute;
top: 270px;
left: 81px;
}



/* Our Work Page */


div.ourwork_circle {
width: 120px;
height: 120px;
position: absolute;
}

div#ourwork_advertising {
top: 272px;
left: 188px;
}
div#ourwork_brochures {
top: 272px;
left: 358px;
}
div#ourwork_directmail {
top: 272px;
left: 528px;
}
div#ourwork_logos {
top: 420px;
left: 273px;
}
div#ourwork_radiotv {
top: 420px;
left: 443px;
}
div#ourwork_web {
top: 420px;
left: 613px;
}