/* Global */
html { min-height:100%; margin-bottom:1px; }
body {
background:url(images/bodybg.gif) center top repeat-y #f7f8f9;
margin:0; padding:0;
text-align:center;
}
div.clear { clear:both; line-height:0; }
img.spacer { display:block; }

a {
  color:#e66856;
  text-decoration:none;
}

a:hover {
  text-decoration: underline;
}

form { margin:0; padding:0; }

#container {
width:873px;
text-align:left;
margin:0 auto;
padding:0 22px 1000px 0;
background:url(images/containerbg.gif) left top repeat-y #fff;
}

/* ------------------------ Left column ------------------------ */

strong.clientname {
font-family: Helvetica, Arial, sans-serif;
font-size:15px;
font-weight: bolder;
color:#828490;
padding:0 0 1px 0;
}

img.pading_right {
padding-right:4px;
}
strong.projectnm {
font-family: Helvetica, Arial, sans-serif;
font-size:13px;
color:#9998A6;
}

#leftcol {
float:left;
width:176px;
}
div#leftMenu { position:fixed; z-index:1; }


#logo {
width:176px;
height:173px;
text-align:center;
}
#logo img { margin-top:40px; }

/* Left navigation */
#leftnav { width:176px; text-align:left; }

#leftnav a.work {
display:block;
width:176px;
height:36px;
background:url(images/work.gif) left top no-repeat;
}
#leftnav a.work:hover { background-position:left -36px; }
#leftnav a.workon {
display:block;
width:176px;
height:36px;
background:url(images/work.gif) left -72px no-repeat;
}
#leftnav a.workon:hover { background-position:left -72px; }

#leftnav a.clientlist {
display:block;
width:176px;
height:36px;
background:url(images/clientlist.gif) left top no-repeat;
}
#leftnav a.clientlist:hover { background-position:left -36px; }
#leftnav a.clientliston {
display:block;
width:176px;
height:36px;
background:url(images/clientlist.gif) left -72px no-repeat;
}
#leftnav a.clientliston:hover { background-position:left -72px; }

#leftnav a.login {
display:block;
width:176px;
height:36px;
background:url(images/login.gif) left top no-repeat;
}
#leftnav a.login:hover { background-position:left -36px; }
#leftnav a.loginon {
display:block;
width:176px;
height:36px;
background:url(images/login.gif) left -72px no-repeat;
}
#leftnav a.loginon:hover { background-position:left -72px; }

#leftnav a.contact {
display:block;
width:176px;
height:36px;
background:url(images/contact.gif) left top no-repeat;
}
#leftnav a.contact:hover { background-position:left -36px; }
#leftnav a.contacton {
display:block;
width:176px;
height:36px;
background:url(images/contact.gif) left -72px no-repeat;
}
#leftnav a.contacton:hover { background-position:left -72px; }


/*------------- left sub nav -------------*/
#leftsubnav {
width:161px;
padding:0 0 8px 12px;
font-family: Helvetica, Arial, sans-serif;
font-size:10px;
color:#757783;
}
a.leftsubnav {
display:block;
margin:0 0 0 16px; 
padding:0;
font-size:11px;
line-height:normal;
font-family: Helvetica, Arial, sans-serif;
color:#757783;
text-decoration:none;
}
a.leftsubnav:hover { text-decoration:underline; }

a.leftsubnav_promos {
display:block;
margin:0 0 0 16px; padding:0;
font-size:11px;
line-height:normal;
font-family: Helvetica, Arial, sans-serif;
color:#757783;
text-decoration:none;
}
a.leftsubnav_promos:hover { text-decoration:none; }


a.leftsubnav_space {
display:block;
margin:0 0 11px 16px; padding:0;
font-size:11px;
line-height:normal;
font-family: Helvetica, Arial, sans-serif;
color:#757783;
text-decoration:none;
}
a.leftsubnav_space:hover { text-decoration:underline; }




a.leftsubnav_subtitle {
display:block;
margin:0 0 0 15px; padding:0;
font-size:12px;
font-family: Helvetica, Arial, sans-serif;
color:#757783;
font-weight:bold;
text-decoration:none;
}


#leftsubnav span.subtitle {
font-size:12px;
font-weight:bold;
}

#leftnav a.subsection_text {
display:block;
font-family: Helvetica, Arial, sans-serif;
font-size:15px;
font-weight:bold;
color:#a1a3ad;
text-decoration:none;
text-transform:lowercase;
padding:8px 0 6px 16px;
background:url(images/dot_divider.gif) left top repeat-x;
}
#leftnav a.subsection_text:hover { text-decoration:underline; }

#leftnav a.subsection_text_top {
display:block;
font-family: Helvetica, Arial, sans-serif;
font-size:15px;
font-weight:bold;
color:#a1a3ad;
text-decoration:none;
text-transform:lowercase;
padding:8px 0 6px 16px;
}
#leftnav a.subsection_text_top:hover { text-decoration:underline; }


#leftnav a.subsection_text_on {
display:block;
font-family: Helvetica, Arial, sans-serif;
font-size:15px;
font-weight:bold;
color:#E85844;
text-decoration:none;
text-transform:lowercase;
padding:8px 0 6px 16px;
background:url(images/dot_divider.gif) left top repeat-x;
}
#leftnav a.subsection_text_on:hover { text-decoration:none; }


#leftnav a.subsection_text_on_top {
display:block;
font-family: Helvetica, Arial, sans-serif;
font-size:15px;
font-weight:bold;
color:#E85844;
text-decoration:none;
text-transform:lowercase;
padding:8px 0 6px 16px;
}
#leftnav a.subsection_text_on_top:hover { text-decoration:none; }




#leftnav a.subsection {
display:block;
width:176px;
height:32px;
font-family: Helvetica, Arial, sans-serif;
font-size:16px;
font-weight:bold;
background:url(images/dot_divider.gif) left top repeat-x;
}
#leftnav a.subsection_top {
display:block;
width:176px;
height:32px;
background:url(images/dot_divider.gif) left bottom repeat-x;
}
#leftnav a.subsection_on {
display:block;
width:176px;
height:32px;
background:url(images/dot_divider.gif) left top repeat-x;
}


#leftnav a.work:hover { background-position:left -36px; }


/* ------------------------ Right column ------------------------ */
#rightcol {
float:right;
width:668px;
padding:41px 0 0 25px;
margin:0 0 0 0;
* margin:0 0 0 0; /*style for IE*/
}
#rightcol_work {
float:right;
width:668px;
padding:12px 0 0 25px;
margin:0px 0 0 0;
* margin:0 0 0 0; /*style for IE*/
}


#rightcol p { margin:7px 0; padding:0; }
#rightcol p a.orange {
font-family: "HelveticaNeueLT Std Med", Helvetica, Arial, sans-serif;
font-size:14px;
font-weight:bold;
line-height:normal;
color:#e66856;
text-decoration:none;
}

#rightcol p a.orange_projectname {
display:block;
font-family: Helvetica, Arial, sans-serif;
font-size:15px;
font-weight:bold;
line-height:normal;
color:#e66856;
text-decoration:none;
margin:0 0 5px 0;
}

/* ------------------------ Versions ------------------------ */
#versions {
width:668px;
text-align:left;
font-family: Helvetica, Arial, sans-serif;
color:#747682;
margin:17px 0;
}
#versions a.orange {
font-family: Helvetica, Arial, sans-serif;
font-size:11px;
font-weight:bold;
color:#e66856;
text-decoration:underline;
}
#versions div.odd {
width:668px;
text-align:left;
background:#f1f2f3;
padding:6px 0;
}
#versions div.odd div.date {
float:left;
width:90px;
padding:0 0 0 10px;
font-weight:bold;
font-size:11px;
margin-right:15px;
}
#versions div.odd div.versionlink {
float:left;
width:100px;
padding:0 10px;
font-weight:bold;
font-size:11px;
}

#versions div.even {
width:668px;
text-align:left;
padding:6px 0;
}
#versions div.even div.date {
float:left;
width:90px;
padding:0 0 0 10px;
font-weight:bold;
font-size:11px;
margin-right:15px;
}
#versions div.even div.versionlink {
float:left;
width:100px;
padding:0 10px;
font-weight:bold;
font-size:11px;
}

#headerspot {
width:668px;
margin:0 0 14px 0;

}
.contact_txt_address{
font-size: 15px;
font-weight: 600;
color: #818491;
margin-bottom: 11px;
font-family: "HelveticaNeueLT Std Med", Helvetica, Arial, sans-serif;
}

#contentarea {
width:660px;
margin:0 0 18px 0;
padding:0 0 0px 0;
font-family: Helvetica, Arial, sans-serif;
color:#747682;
/*background:url(images/dot_divider.gif) left bottom repeat-x;*/
}

#contentarea_off {
width:660px;
margin:0 0 18px 0;
padding:0 0 25px 0;
font-family: Helvetica, Arial, sans-serif;
color:#747682;
/*background:url(images/dot_divider.gif) left bottom repeat-x;*/
}

#contentarea_index {
width:660px;
margin:0 0 18px 0;
padding:0 0 25px 0;
font-family: Helvetica, Arial, sans-serif;
color:#747682;
}

#contentarea_top {
width:668px;
margin:0 0 20px 0;
padding:0 0 20px 0;
font-family: Helvetica, Arial, sans-serif;
color:#747682;
background:url(images/dot_divider.gif) left bottom repeat-x;
}
#contentarea_top_two {
width:668px;
margin:0 0 20px 0;
padding:0 0 16px 0;
font-family: Helvetica, Arial, sans-serif;
color:#747682;
background:url(images/dot_divider.gif) left bottom repeat-x;
}

#contentarea_clients {
width:668px;
margin:0 0 20px 0;
padding:0 0 20px 0;
font-family: Helvetica, Arial, sans-serif;
color:#747682;
background:url(images/dot_divider.gif) left bottom repeat-x;
}
#contentarea_contact {
width:660px;
margin:0 0 30px 0;
padding:0 0 20px 0;
font-family: Helvetica, Arial, sans-serif;
font-size:15px;
font-weight:600;

color:#818491;
background:url(images/dot_divider.gif) left bottom repeat-x;
}
#contentarea_contact p {
font-family: Helvetica, Arial, sans-serif;
color:#747682;
font-size:11px;
padding:0;
margin:8px 0 0 0;
* margin:5px 0 0 0; /*style for IE*/
}

#contentarea p {
font-family: Helvetica, Arial, sans-serif;
line-height: 130%;
color:#747682;
font-size:11px;
padding:0;
margin:8px 0 0 0;
* margin:5px 0 0 0; /*style for IE*/
}
#contentarea p a.orange {
font-family: Helvetica, Arial, sans-serif;
font-size:14px;
font-weight:bold;
line-height:normal;
color:#e66856;
text-decoration:none;
}
#contentarea p a.orange:hover { text-decoration:underline; }

#latestprojects {
width:668px;
margin:20px 0;
font-family: Helvetica, Arial, sans-serif;
color:#747682;
}
#social_media_container {
  background-color: #e4e5e9;
  height: 45px;
  text-align: center;
}
#social_media {
  margin: auto;
  font-weight: bold;
  color: #848c99;
  vertical-align: middle;
  width: 350px;
}
#social_media div {
  line-height: 45px;
  float: left;
}
#social_media img {
  border: none;
  padding: 3px 0px 0px 10px;
}
#divider {
background:url(images/dot_divider.gif) left top repeat-x;
margin-top:15px;
}
#latestprojects div.thumb {
float:left;
width:133px;
}
#latestprojects div.thumb a.orange {
font-family: Helvetica, Arial, sans-serif;
font-size:11px;
font-weight:bold;
line-height:normal;
color:#e66856;
text-decoration:none;
}
#latestprojects div.thumb a.orange:hover { text-decoration:underline; }
#latestprojects div.thumbnail { width:121px; height:101px; margin:0 0 10px 0; padding:1px; border:1px solid #d8d9dd; }

#clients {
width:660px;
}
#clients div.clientscolumn {
float:left;
width:211px;
font-family: Helvetica, Arial, sans-serif;
color:#747682;
font-size:11px;
line-height:10px;
margin-right:5px;
}

/*Work styles*/
#contentarea_work_first {
width:668px;
margin:10px 0 0px 0;
padding:0 0 5px 0;
font-family: Helvetica, Arial, sans-serif;
color:#747682;
background:url(images/dot_divider.gif) left bottom repeat-x;
}

#contentarea_work_first a.orange {
font-family: Helvetica, Arial, sans-serif;
font-size:11px;
font-weight:bold;
line-height:normal;
color:#e66856;
text-decoration:none;
}
#contentarea_work_first a.orange:hover { text-decoration:underline; }


/*---------- */
#contentarea_work {
width:668px;
margin:17px 0 0px 0;
padding:0 0 5px 0;
font-family: Helvetica, Arial, sans-serif;
color:#747682;
background:url(images/dot_divider.gif) left bottom repeat-x;
}
#contentarea_work_index {
width:668px;
margin:30px 0 0px 0;
padding:0 0 10px 0;
font-family: Helvetica, Arial, sans-serif;
color:#747682;
}

#contentarea_work_index_fp {
width:668px;
margin:20px 0 0px 0;
padding:0 0 10px 0;
font-family: Helvetica, Arial, sans-serif;
color:#747682;
/*background:url(images/dot_divider.gif) left bottom repeat-x;*/
}


#contentarea_work div.thumb1 {
float:left;
width:222px;
}
#contentarea_work img.thumbnail {
float:left;
padding:1px;
border:1px solid #d6dadf;
margin:0 5px 4px 0;
}
img.client_title { display:block; margin:10px 0 0 0; }
#contentarea_work a.orange {
font-family: Helvetica, Arial, sans-serif;
font-size:11px;
font-weight:bold;
line-height:normal;
color:#e66856;
text-decoration:none;
}
#contentarea_work a.orange:hover { text-decoration:underline; }

/*.leftarrowbutton {
padding:10px 10px;
border:0;
background:url(images/leftbuttonarrow.gif) left 5px no-repeat;
cursor:pointer;
}
img.rightarrowbutton {
padding:10px 10px;
border:0;
background:url(images/rightbuttonarrow.gif) left 5px no-repeat;
cursor:pointer;
}*/
<!--
a.imgright { background:url(images/rightbuttonarrow.gif) left no-repeat;
display:block;
height:28px;
width:20px;
}
a:hover.imgright { background:url(images/rightbuttonarrow_orange.gif) left no-repeat;
display:block;
height:28px;
width:20px;
}

a.imgleft { background:url(images/leftbuttonarrow.gif) left no-repeat;
display:block;
height:28px;
width:20px;
}
a:hover.imgleft { background:url(images/leftbuttonarrow_orange.gif) left no-repeat;
display:block;
height:28px;
width:20px;
}
-->

/* ------------------------ More info divs ------------------------ */
img.client {
float:left; padding-top:0; padding-right:4px; padding-left:0; margin:0;
vertical-align:middle;
}

div.moreinfo {
font-size:11px;
font-family: Helvetica, Arial, sans-serif;
margin:10px 0 6px 0;
color:#818591;
}

div.moreinfo .clitnm {
color:#A1A4AD;
font-size:11px;
font-family: Helvetica, Arial, sans-serif;
margin:10px 0 0 0;
}
div.moreinfo img.clientname { float:left; }
div.moreinfo img.ver_divider { float:left; margin-top:2px; padding:0 2px 0 0; }
div.moreinfo div.orangelinks { display:inline; height:20px; padding:1px 0 0 0; }
div.moreinfo div.orangelinks .orange {
font-family: Helvetica, Arial, sans-serif;
font-size:12px;
font-weight:bold;
line-height:normal;
color:#e66856;
text-decoration:none;
}
div.moreinfo div.dynamic_clientname { padding-left:3px; float:left; }
div.orangelinks .padiing {
padding-bottom:10px;
}

/* ------------------------ content Work area for home page, with News ------------------------ */
#contentarea_work_news {
width:668px;
margin:15px 0 0px 0;
padding:0 0 0px 0;
font-family: Helvetica, Arial, sans-serif;
color:#747682;
}
#contentarea_work_news div.featuredprojectleft {
float:left;
width:430px;
padding-right:20px;
}

#contentarea_work_news div.featuredprojectleft a.orange {
font-family: Helvetica, Arial, sans-serif;
font-size:12px;
font-weight:bold;
line-height:normal;
color:#e66856;
text-decoration:none;
}
#contentarea_work_news div.featuredprojectleft a.orange:hover { text-decoration:underline; }

#contentarea_work_news div.recentnews {
float:left;
width:218px;
font-family: Helvetica, Arial, sans-serif;
color:#747682;
font-size:11px;
}
#contentarea_work_news div.newsitem {
padding-bottom:8px;
border-bottom:1px solid #d6dadf;
margin-bottom:8px;
}
#contentarea_work_news div.newsitem_noborder {
padding-bottom:8px;
margin-bottom:8px;
}

#contentarea_work_news div.recentnews a.orange {
font-family: Helvetica, Arial, sans-serif;
font-size:11px;
font-weight:bold;
line-height:normal;
color:#e66856;
text-decoration:none;
}
#contentarea_work_news div.recentnews a.orange:hover { text-decoration:underline; }


/* ------------------------ Video Popup ------------------------ */
#flashvideo {
padding:0 30px;
font-family: Helvetica, Arial, sans-serif;
font-size:11px;
font-weight:bold;
color:#a1a3ad;
}
#flashvideo p {
display:inline;
font-size:14px;
font-weight:bold;
color:#747682;
}
#flashvideo span { color:#747682; text-transform:lowercase; }
#flashcontent {
padding:30px 30px 10px 30px;
}
#flashvideo div.divider { height:1px; background:#d6dadf; }
#flashvideo a {
font-family: Helvetica, Arial, sans-serif;
font-size:11px;
font-weight:bold;
line-height:normal;
color:#e66856;
text-decoration:none;
}
#flashvideo a:hover { text-decoration:underline; }

/* ------------------------ Footer ------------------------ */
#footer {
width:873px;
margin:0 auto;
text-align:center;
padding:0 22px 20px 0;
font-size:12px;
color:#a7aaaf;
font-family: Helvetica, Arial, sans-serif;
}

/* ------------------------ New 12-10-2007 ------------------------ */
#client_details {
float:left;
width:660px;
}
#client_name {
float:left;
margin:0 0 2px 0;
}
.play_video {
float:left;
margin:1px 0 1px 0;
}
#project_details {
float:left;
width:660px;
}
#project {
float:left;
}
.project_details_divider {
float:left;
padding:0 0 2px 0;
}
#role {
float:left;
}
#related_work {
float:left;
}