* {
    margin: 0;
    padding: 0;
}

.offscreen {
    position: absolute;
		left: -5000px;
}

body {
    background-color: #ededed;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 0.9em;
    color: #333333;
}

img {
    border: 0px;
}

 a {
   color: #8fa840;
   text-decoration:none; 
}

 a:hover {
   color: #000000;
   text-decoration:none; 
}

.header {
    font-size: 0.9em;
    font-weight: bold;
    margin-bottom: 15px;
    line-height: 1.3em;
}

.sub-text {
    float:left;
    width:470px;
    font-size: 0.85em;
    line-height: 1.3em;
}

.sub-text-cs {
    float:left;
    width:470px;
    font-size: 0.85em;
    line-height: 1.3em;
}

.sub-text-link {
    float:left;
    width:470px;
    font-size: 0.85em;
    line-height: 1.3em;
}

 li {
    font-size: 0.85em;
}

#wrapper {
    width:100%;
    text-align:center;
}
		
#holder {
    width:1005px;
    background: url(/images/main-bg.gif) left top repeat-y;
    text-align:left;
    margin: 0 auto;
    height: 100%;
    min-height: 609px;
}

#home #content-holder {
    width:975px;
    text-align:left;
    margin: 0 15px;
}

#flash-nav {
    background: url(/images/NonFlash_Work_hdr.jpg) left top no-repeat;
    float: left;
    width:975px; height: 144px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}

#flash-nav ul {
	list-style:none;
}

#flash-nav li {
	float:left;
}

#flash-nav a {
	display:block;
	position:relative;
	height:30px;
	top:25px;
	left:525px;
}

#flash-nav .home a {
	width:77px;
}

#flash-nav .work a{
	width:80px;
}

#flash-nav .clients a{
	width:82px;
}

#flash-nav .us a{
	width:71px;
}

#flash-nav .contact a{
	width:86px;
}

#home #flash-nav {
    background: url(/images/home_banner_giveyourbrandabreak.gif) left top no-repeat;
    float: left;
    width:975px; height: 237px;
}

#main-content-holder {
    width: 975px;
    margin: 0 0 0 0;
}

#home #left-content {
    float:left;
    width:465px;
    height: 330px;
    background: url(/images/flash-shadow.gif) left top no-repeat;
}

#home #left-content h1 {
    margin: 22px 30px 0 30px;
    line-height: 24px;
    font-size: 1.25em;
}

#home #left-content p {
    margin: 20px 30px 0 30px;
    line-height: 18px;
}

.non-flash {
    background: url(/images/NonFlash_Hmpg_Right.jpg) 0 100% no-repeat;
	width:510px;
	height:330px;
}

ul.non-flash {
	list-style:none;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}

.non-flash a {
	display:block;
	position:relative;
	height:330px;
}

#home #right-content {
    float: left;
    width: 510px;
    height: 330px;  
}

#home #left-footer {
    width: 465px;
    height:359px;
    float: left;
    background: url(/images/home-bottom-circles.gif) left bottom no-repeat;
    position: relative;
    z-index: 10;
}

#work #holder {
    min-height: 1026px;
}

#work #content-holder {
    width:975px;
    text-align:left;
    margin: 0 15px;
}

#work #flash-nav {
    background: url(/images/NonFlash_Work_hdr.jpg) left top no-repeat;
    float: left;
    width:975px; height: 144px;
}

#work #main-content-holder 
{
    width: 975px;
    margin: 0 0 0 0;
}

#work #left-content {
    float:left;
    width:265px;
    height: 630px;
    background: url(/images/flash-shadow.gif) left top no-repeat;
}

#work #right-content {
    float: right;
    width: 710px;
    height: 840px; 
    background: url(/images/flash-shadow.gif) left top no-repeat; 
}

#work #left-main-content {
    width: 265px;
    height:659px;
    float: left;
    background: url(/images/site-bottom-circles.gif) left bottom no-repeat;
    text-align:right;
    position: relative;
    z-index: 10;
}

#work #left-main-content ul {
   list-style:none; 
   margin:10px 3px 0 0;
}

#work #left-main-content ul li {
   line-height: 1.5em; 
   font-size: .85em;
}

#work #left-main-content #dotted {
    margin: 10px 10px 0 32px;
   border-bottom: 1px dotted #8fa840;
   width: 230px;
}

#work #right-content #client-main-image-holder {
    float: left;
    width:635px;
    height:362px;
    margin: 30px 0 0 30px;
    background: url(/images/client_main_temp.jpg) left bottom no-repeat;   
}

#work #right-content #client-main-image-holder #secondary-link {
    width: 25px;
    height: 25px;
    position: relative;
    top: 47px;
    left: 12px; 
}

#work #right-content #client-main-image-holder #secondary-link-old {
    width: 210px;
    height: 180px;
    position: relative;
    top: 47px;
    left: 12px; 
}

#work #right-content #client-main-image-holder #main-link {
    width: 25px;
    height: 25px;
    position: relative;
    top: 138px;
    left: 490px;   
}

#work #right-content #client-main-image-holder #main-link-old {
    width: 240px;
    height: 220px;
    position: relative;
    top: -200px;
    left: 280px;   
}

#work #right-content #client-main-image-holder #nav2 {
    width: 190px;
    height: 90px;
    position: relative;
    top: 5px;
    left: 450px; 
    text-align: right;  
}

#work #right-content #client-main-image-holder #nav2 ul {
   list-style:none; 
   margin: 5px 3px 0 0;
}

#work #right-content #client-main-image-holder #nav2 ul li {
   line-height: 1.3em; 
   font-size: .85em;
}

#work #right-content #client-information {
    float: left;
    width: 600px;
     margin: 50px 0 0 40px;
}

#work #right-content #client-information .info-holder {
    float: left;
    width: 600px;
    margin-bottom: 15px;
}

#work #right-content #client-information .info-holder .title {
    float:left; 
    width:130px;
    height: auto;
    margin:0px 0 0 0;
}





#awards #holder {
    min-height: 816px;
}

#awards #content-holder {
    width:975px;
    text-align:left;
    margin: 0 15px;
}

#awards #flash-nav {
    background: url(/images/NonFlash_Work_hdr.jpg) left top no-repeat;
    float: left;
    width:975px; height: 144px;
}

#awards #main-content-holder 
{
    width: 975px;
    margin: 0 0 0 0;
}

#awards #left-content {
    float:left;
    width:265px;
    height: 630px;
    background: url(/images/flash-shadow.gif) left top no-repeat;
}

#awards #right-content {
    float: left;
    width: 710px !important;
    width: 688px;
    height: 625px; 
    background: url(/images/flash-shadow.gif) left top no-repeat; 
}

#awards #left-main-content {
    width: 265px;
    height:659px !important;
    height:759px;
    float: left;
    background: url(/images/site-bottom-circles.gif) left bottom no-repeat;
    text-align:right;
    position: relative;
    z-index: 10;
}

#awards #left-main-content ul {
   list-style:none; 
   margin:10px 3px 0 0;
}

#awards #left-main-content ul li {
   line-height: 1.5em; 
   font-size: .85em;
}

#awards #left-main-content #dotted {
    margin: 10px 10px 0 32px;
   border-bottom: 1px dotted #8fa840;
   width: 230px;
}

#awards #right-content #client-main-image-holder {
    float: left;
    width:635px;
    height:362px;
    margin: 30px 0 0 30px;
    background: url(/images/client_main_temp.jpg) left bottom no-repeat;   
}

#awards #right-content #client-main-image-holder #secondary-link {
    width: 25px;
    height: 25px;
    position: relative;
    top: 47px;
    left: 12px; 
}

#awards #right-content #client-main-image-holder #secondary-link-old {
    width: 210px;
    height: 180px;
    position: relative;
    top: 47px;
    left: 12px; 
}

#awards #right-content #client-main-image-holder #main-link {
    width: 25px;
    height: 25px;
    position: relative;
    top: 138px;
    left: 490px;   
}

#awards #right-content #client-main-image-holder #main-link-old {
    width: 240px;
    height: 220px;
    position: relative;
    top: -200px;
    left: 280px;   
}

#awards #right-content #client-main-image-holder #nav2 {
    width: 190px;
    height: 90px;
    position: relative;
    top: 5px;
    left: 450px; 
    text-align: right;  
}

#awards #right-content #client-main-image-holder #nav2 ul {
   list-style:none; 
   margin: 5px 3px 0 0;
}

#awards #right-content #client-main-image-holder #nav2 ul li {
   line-height: 1.3em; 
   font-size: .85em;
}

#awards #right-content #client-information {
    float: left;
    width: 600px;
     margin: 50px 0 0 40px;
}

#awards #right-content #client-information .info-holder {
    float: left;
    width: 600px;
    margin-bottom: 15px;
}

#awards #right-content #client-information .info-holder .title {
    float:left; 
    width:130px;
    height: auto;
    margin:0px 0 0 0;
}





#clients #holder {
    min-height: 926px;
}

#clients #content-holder {
    width:975px;
    text-align:left;
    margin: 0 15px;
}
#clients #flash-nav {
    background: url(/images/NonFlash_Clients_hdr.jpg) left top no-repeat;
    float: left;
    width:975px; height: 144px;
}

#clients #client-content {
    float:left;
    width:975px;
    padding-left: 30px;
    background: url(/images/flash-shadow.gif) left top no-repeat;
}

#clients #client-content #client_boxes {
    float:left;
    width:880px;
    margin: 20px 0 0 50px;
}

#clients #client-content #client_boxes #client_circle {
    float:left;
    width:158px;
    height:150px;
    margin: 0 15px 20px 0;
}

#clients #client-content #client_boxes #client_circle_quaker {
    float:left;
    width:158px;
    height:150px;
    background: url(/images/clients_circle_quaker_oats.gif) left top no-repeat;
    margin: 0 15px 20px 0;
}

#clients #client-content #client_boxes #client_circle_walkers {
    float:left;
    width:158px;
    height:150px;
    background: url(/images/clients_circle_walkers.gif) left top no-repeat;
    margin: 0 15px 20px 0;
}

#clients #client-content #client_boxes #client_circle_evian {
    float:left;
    width:158px;
    height:150px;
    background: url(/images/clients_circle_evian.gif) left top no-repeat;
    margin: 0 15px 20px 0;
}

#clients #client-content #client_boxes #client_circle_findel {
    float:left;
    width:158px;
    height:150px;
    background: url(/images/clients_circle_Findel.gif) left top no-repeat;
    margin: 0 15px 20px 0;
}


#clients #client-content #client_boxes #client_circle_doritos {
    float:left;
    width:158px;
    height:150px;
    background: url(/images/clients_circle_Doritos.gif) left top no-repeat;
    margin: 0 15px 20px 0;
}


#clients #client-content #client_boxes #client_circle_paypal {
    float:left;
    width:158px;
    height:150px;
    background: url(/images/clients_circle_Paypal.gif) left top no-repeat;
    margin: 0 15px 20px 0;
}





#clients #client-content #client_boxes #client_circle_cag {
    float:left;
    width:158px;
    height:150px;
    background: url(/images/clients_circle_cow_and_gate.gif) left top no-repeat;
    margin: 0 15px 20px 0;
}

#clients #client-content #client_boxes #client_circle_aptimil {
    float:left;
    width:158px;
    height:150px;
    background: url(/images/clients_circle_aptimil.gif) left top no-repeat;
    margin: 0 15px 20px 0;
}

#clients #client-content #client_boxes #client_circle_mcss {
    float:left;
    width:158px;
    height:150px;
    background: url(/images/clients_circle_mcss.gif) left top no-repeat;
    margin: 0 15px 20px 0;
}

#clients #client-content #client_boxes #client_circle_tropicana {
    float:left;
    width:158px;
    height:150px;
    background: url(/images/clients_circle_tropicana.gif) left top no-repeat;
    margin: 0 15px 20px 0;
}

#clients #client-content #client_boxes #client_circle_black_horse {
    float:left;
    width:158px;
    height:150px;
    background: url(/images/clients_circle_black_horse.gif) left top no-repeat;
    margin: 0 15px 20px 0;
}

#clients #client-content #client_boxes #client_circle_calpol {
    float:left;
    width:158px;
    height:150px;
    background: url(/images/clients_circle_calpol.gif) left top no-repeat;
    margin: 0 15px 20px 0;
}

#clients #client-content #client_boxes #client_circle_cobra {
    float:left;
    width:158px;
    height:150px;
    background: url(/images/clients_circle_cobra.gif) left top no-repeat;
    margin: 0 15px 20px 0;
}

#clients #client-content #client_boxes #client_circle_glutafin {
    float:left;
    width:158px;
    height:150px;
    background: url(/images/clients_circle_glutafin.gif) left top no-repeat;
    margin: 0 15px 20px 0;
}

#clients #client-content #client_boxes #client_circle_copella {
    float:left;
    width:158px;
    height:150px;
    background: url(/images/clients_circle_copella.gif) left top no-repeat;
    margin: 0 15px 20px 0;
}

#clients #client-content #client_boxes #client_circle_sunbites {
    float:left;
    width:158px;
    height:150px;
    background: url(/images/clients_circle_sunbites.gif) left top no-repeat;
    margin: 0 15px 20px 0;
}

#clients #client-content #client_boxes #client_circle_ovaltine {
    float:left;
    width:158px;
    height:150px;
    background: url(/images/clients_circle_ovaltine.gif) left top no-repeat;
    margin: 0 15px 20px 0;
}

#clients #client-content #client_boxes #client_circle_pys {
    float:left;
    width:158px;
    height:150px;
    background: url(/images/clients_circle_pys.gif) left top no-repeat;
    margin: 0 15px 20px 0;
}

#clients #client-content #client_boxes #client_circle_benylin {
    float:left;
    width:158px;
    height:150px;
    background: url(/images/clients_circle_benylin.gif) left top no-repeat;
    margin: 0 15px 20px 0;
}

#clients #client-content #client_boxes #client_circle_options {
    float:left;
    width:158px;
    height:150px;
    background: url(/images/clients_circle_options.gif) left top no-repeat;
    margin: 0 15px 20px 0;
}

#clients #client-content #client_boxes #client_circle_bikeshow {
    float:left;
    width:158px;
    height:150px;
    background: url(/images/clients_circle_mcss.gif) left top no-repeat;
    margin: 0 15px 20px 0;
}

#clients #client-content #client_boxes #client_circle_emmasdiary {
    float:left;
    width:158px;
    height:150px;
    background: url(/images/clients_circle_EmmasDiary.jpg) left top no-repeat;
    margin: 0 15px 20px 0;
}

#clients #client-content #client_boxes #client_circle_benadryl {
    float:left;
    width:158px;
    height:150px;
    background: url(/images/clients_circle_benadryl.gif) left top no-repeat;
    margin: 0 15px 20px 0;
}

#clients #client-content #client_boxes #client_circle_mcneal {
    float:left;
    width:158px;
    height:150px;
    background: url(/images/clients_circle_mcneal.gif) left top no-repeat;
    margin: 0 15px 20px 0;
}

#clients #client-content #client_boxes #client_circle_imodium {
    float:left;
    width:158px;
    height:150px;
    background: url(/images/clients_circle_Imodium.jpg) left top no-repeat;
    margin: 0 15px 20px 0;
}


#clients #client-content #client_boxes .view_case_study {
    position:relative; 
    top:90px; 
    left: 95px;
    width:61px;
    height:61px; 
}

#us #holder {
    min-height: 915px;
    * min-height: 918px;
}

#us #content-holder {
    width:975px;
    text-align:left;
    margin: 0 15px;
}

#us #flash-nav {
    background: url(/images/NonFlash_Us_hdr.jpg) left top no-repeat;
    float: left;
    width:975px; height: 144px;
}

#us #left-content {
    float:left;
    width:375px !important;
    background: url(/images/flash-shadow.gif) left top no-repeat;
}

#us #left-content h1 {
    margin: 40px 30px 0 30px;
    line-height: 18px;
    font-size: 0.9em;
}

#us #left-content p {
    margin: 20px 30px 0 30px;
    line-height: 18px;
}

#us #right-content {
    float: right;
    width: 600px;
    height: 430px;
    background: url(/images/about_us_bg.jpg) left top no-repeat;  
}

#us #left-footer {
    width: 465px;
    height:359px;
    float: left;
}

#us #left-content h1 {
    margin: 40px 30px 0 30px;
    line-height: 18px;
    font-size: 0.9em;
}

#us #left-content h2 {
    margin: 20px 30px 0 30px;
    line-height: 18px;
    font-size: 0.9em;
}

#us #left-content p {
    width:300px;
    margin: 8px 30px 0 30px;
    line-height: 18px;
    font:size: 0.85em
}

#us #bottom-content-holder {
    float:left;
    width: 945px;
    height: 252px;
    padding:20px 0 0 30px;
}

#us ul {padding: 0px; margin: 0px;}

#us #CRM-list {margin-left: 30px; }
#us .CRM-l {font-weight: bold; width: 80px; float:left; margin-top:5px; }
#us .CRM-r {float:left; width:220px;margin-top:5px;}


 #bottom-content-holder {
    float:left;
    width: 945px;
    height: 285px;
    padding:20px 0 0 30px;
}

 #bottom-content-holder #box {
    float:left;
    width: 210px;
    height: 175px;
    border: solid 1px #cbda25;
    margin-right: 20px;
}

#bottom-content-holder #box h2 {
    font-size: 0.9em; 
    margin: 10px 0 10px 10px;   
 }
 
#bottom-content-holder #box ul {
   list-style-image: url(/images/list_circle.gif);
   line-height: 1.5em;
   margin: -5px 0 5px 27px;     
}

 #bottom-content-holder #box ul li {
    font-size: 0.8em;  
 }
 
 #us #bottom-circles {
    width:249px; 
    height:205px; 
    * height: 207px;
    position: relative; 
    top: 557px; 
    * top:29px;
    * margin-top: -200px;
    background: url(/images/site-bottom-circles.gif) left bottom no-repeat;  
 }


#contact_us #holder {
    min-height: 1050px;
    * min-height: 1040px;
}

#contact_us #content-holder {
    width:975px;
    text-align:left;
    margin: 0 15px;
}

#contact_us #flash-nav {
    background: url(/images/NonFlash_Contact_hdr.jpg) left top no-repeat;
    float: left;
    width:975px; height: 144px;
}

#contact_us #left-content {
    float:left;
    width:405px;
    height: 330px;
    background: url(/images/flash-shadow.gif) left top no-repeat;
}

#contact_us #left-content p {
    width:380px;
    margin: 10px 30px 0 30px;
	padding: 0px;
    line-height: 1.3em;
    font:size: 0.85em
}

#contact_us #left-content h2 {
    margin: 10px 30px -5px 30px;
    line-height: 18px;
    font-size: 1em;
}

#contact_us #right-content {
    float: left;
    width: 570px;
    height: 455px;
    background: url(/images/flash-shadow.gif) left top no-repeat; 
    * margin-left: 0px;
}


#contact_us #right-content #contentRight {
	width:545px;
	float:left;
	margin-top:30px;
}

#contact_us #right-content #contentRightLeft {
	width: 194px;
	height: 410px;
	float:left;
}

#contact_us #right-content #contentRightRight {
	background: url(/images/Con_RH_img.jpg) no-repeat;
	width: 351px;
	height: 410px;
	float:left;
}

#contact_us #right-content #contentRightLeftTop {
	background: url(/images/Con_top_LH_img.jpg) no-repeat;
	width: 194px;
	height: 178px;
}

#contact_us #right-content #contentRightLeftMiddle {
	background: url(/images/Con_mid_LH_img_on.gif) no-repeat top left;
	width: 194px;
	height: 151px;
	display: block;
}

#contact_us #right-content #contentRightLeftMiddle:hover {
	background: url(/images/Con_mid_LH_img_roll.gif) no-repeat top left;
	text-decoration: none;
}

#contact_us #right-content #contentRightLeftMiddle span {
	visibility: hidden;
}

#contact_us #contentRightLeftBottom {
	background: url(/images/Con_bot_LH_img.gif) no-repeat;
	width: 194px;
	height: 39px;
}

#contact_us #bottom-content-holder {
    float:left;
    width: 945px;
    height: 360px;
    padding:0px 0 0 30px;
	margin-top: 50px;
}

#contact_us #bottom-content-holder h2 {
    margin: 10px 30px 5px 0px;
    line-height: 18px;
    font-size: 1em;
}

#contact_us #bottom-content-holder #box1 {
    float:left;
    width: 435px;
    height: 270px;
    border: solid 1px #cbda25;
    margin-right: 35px;
}

#contact_us #bottom-content-holder #box1 h2 {
    font-size: 0.9em; 
    margin: 10px 0 10px 10px;   
 }
 
#contact_us #bottom-content-holder #box1 ul {
   list-style-image: url(/images/list_circle.gif);
   line-height: 1.5em;
   margin: -5px 0 5px 27px;     
}

#contact_us #bottom-content-holder #box1 ul li {
    font-size: 0.8em;  
 }
 
#contact_us #bottom-content-holder #box {
    float:left;
    width: 435px;
    height: 380px;
    border: solid 1px #cbda25;
    margin-right: 35px;
}

#contact_us #bottom-content-holder #box h2 {
    font-size: 0.9em; 
    margin: 10px 0 10px 10px;   
 }
 
#contact_us #bottom-content-holder #box ul {
   list-style-image: url(/images/list_circle.gif);
   line-height: 1.5em;
   margin: -5px 0 5px 27px;     
}

#contact_us #bottom-content-holder #box ul li {
    font-size: 0.8em;  
 }
 
#contact_us  #bottom-circles {
    width:249px; 
    height:228px; 
    * height: 220px;
    position: relative; 
    top: 667px; 
    background: url(/images/site-bottom-circles.gif) left bottom no-repeat;  
    * margin-bottom: -18px; 
    * margin-top: -200px;
 }

#nav {
	font-size: 0.85em;
	float: right;
	margin: 0px;
}

#nav li { 
    margin: 0; 
    float: left; 
    display: block; 
    padding: 0px; 
    width: 71px; 
    height: 95px; 
    text-align:center;
}

#nav li a {
    display:block; 
    height: 95px;  
}

#nav li a div {
    padding-top: 35px;
}

/*
** On states for nav
*/
#nav #navHome.on {
	background:url(/images/nav_on.gif);
}
#nav #navWork.on {
	background:url(/images/nav_on.gif);
}

#nav #navClients.on {
	background:url(/images/nav_on.gif);
}

#nav #navUs.on {
	background:url(/images/nav_on.gif);
}

#nav #navContact.on {
	background:url(/images/nav_on.gif);
}

/*
** Over states for nav
*/
/*
#nav #navHome a:hover {
	background:url(/images/black_nav_home_roll.gif);
}

#nav #navWork a:hover {
	background:url(/images/black_nav_work_roll.gif);
}

#nav #navClients a:hover {
	background:url(/images/black_nav_clients_roll.gif);
}

#nav #navUs a:hover {
	background:url(/images/black_nav_us_roll.gif);
}

#nav #navContact a:hover {
	background:url(/images/black_nav_contact_roll.gif);
}
*/
		
#homeBanner {
    z-index: 10;
}

#footer {
    float:left;
    width: 975px;
    height: 42px;
    background-color: #d3de2a;
    text-align:right;
}

#footer-content {
    float:right;
    margin: 6px 20px 0 0;
    color: #000000;
    font-size: 0.75em;  
}

#bottom-nav {
    font-size: 0.8em;
    float: right;
    margin: 0px;
}

#bottom-nav li { margin: 0; float: left; display: block; padding: 0px; height: 20px;}

#bottom-nav li a {
    display:block; height: 20px; 
}

#flash-flash {
		height:144px;
		overflow:hidden;
}
		

#awards-content {
    margin: 30px 30px 0 30px;
    line-height: 18px;
}		

#awards-content h2 {
    margin: 3px 30px 0 0px;
    line-height: 24px;
    font-size: 1.25em;
}

#awards-content ul {
    list-style-type: none;
	font-size: 1.1em;
}		

#awards-content ul li {
	margin: 10px 0 0 20px;
	font-size: 1.1em;
}

#awards-content ul li ul {
	margin: 0 0 0 20px;
}		

#awards-content ul li ul li {
	margin: 0px;
	font-size: 0.7em;
}