h1, p, body, html {
	margin:0;
	padding:0;}

/*Just visual styles*/
body {
	background:#e9e9e9;
	font:12px verdana, sans-serif;
	color:#000;
	}

p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:17px;
}

.style1{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:17px;
}

a{
text-decoration:none;
}

#cs_title{
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
font-weight:bold;
color:#4c2177;
}

#header {
	height:125px;
	top:0px;
	width:100%;	
	}

.mag_text{
	color:#96247b;
	font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.pur_text{
	color:#4c2177;
	font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}



th{
	color:#96247b;
}
.magenta{
	background:#96247b;
}

.purple{
	background:#4c2177;
}

.white{
	background:#ffffff;
}

#headerbg {
background-image:url(../i/header_bg.png);
height:128px;
	}
	
/*Center Content*/	
#container960 {
	margin-left:auto;
	margin-right:auto;
	width:960px;
	}
	
	#container920 {
	margin-left:auto;
	margin-right:auto;
	width:920px;
	}
	
/*Center Content*/	
#container {
	margin-left:auto;
	margin-right:auto;
	width:900px;
	}

#container_foot {
	margin-left:auto;
	margin-right:auto;
	width:900px;
	}

/*Full width footer*/
#footer {
	background:#e9e9e9;
	padding:0px;
	}


.nav div{
width:727px;
height:16px;
display:block;
}

#static-nip {
left:254px;
top:90px;
/*position:relative;*/
z-index:100;
	}

.creat-nip {
left:330px;
	}

.strat-nip {
padding-left:330px;
padding-top:95px;
	}

.delivery-nip {
padding-left:262px;
	}

.people-nip {
padding-left:356px;
	}
	
.clients-nip {
padding-left:468px;
position:relative;
	}
	
	.contact-nip {
padding-left:700px;
position:relative;
	}
	
/*These are just styles used for the example for the content.*/	

.main_content{
	text-align:left;
	height:560px;
}

.top_content {
	height:270px;	
	background-image:url(../i/home_top_bg.png);
	background-repeat:repeat-x;
	
	/*background:#96247b;*/
	}
	.crt_band {
	height:343px;	
	background-image:url(../i/bg_creativity.jpg);
	background-repeat:repeat-x;
	/*background:#ffffff;*/
	}
	
.crt_content{
	margin-left:auto;
	margin-right:auto;
	width:900px;
	height:inherit;
}
	.cb_content{
	margin-left:auto;
	margin-right:auto;
	width:960px;
}

.cb_content li{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:17px;
list-style-type:none;
}




	#crt_image{
	float:left;
	width:450px;
	height:inherit;
	}
	#crt_text{
	float:left;
	width:450px;
	height:inherit;
	}
	
	#crt_thumb
	{
	width:100px;
	height:130px;
	float:left;
	background-image:url(../i/crt_thumb_bg.jpg);	
	}

	.crt_space
	{
	width:25px;
	height:130px;
	float:left;
	}
	
	.crt_grey{
	background-color:#000000;
	opacity: 0.7;
	}
	
	
.small_top{
	height:81px;	
	}
	
	.top{
	height:220px;	
	}
	
	.thumb_bottom{
	height:145px;	
	}
.bottom {
height:280px;
	background:#ffffff;
	}

.left {
	float:left;
	width:500px;
	background:#ccff66;
	}

.right {
	float:left;
	width:200px;
	clear:right;
	background:#66ff33;
	}

.left p, .right p {
	padding:10px;
	}
	
.footer_text {
margin-top:20px;
float:left;
width:160px;
	font-size:10px;
	color:#666666;
	}

.footer_text a{
	color:#666666;
	text-decoration:none;
}
.clear {clear:both;}


.con{
	margin: 0pt auto;
	width:647px;
}

#navigation{
	height:25px;
}

#home, #home div, 
#digital, #digital div, 
#brand, #brand div, 
#data, #data div, 
#strategy, #strategy div, 
#portfolio , #portfolio div, 
#pr, #pr div, 
#people,  #people div,
#clients,  #clients div,
#contact,  #contact div {
	height:30px;
	position:absolute;
	float:left;
	top: -5px;
}

#nhome, #nhome div, 
#ndata, #ndata div, 
#nstrategy, #nstrategy div, 
#ncreativity , #ncreativity div, 
#ndelivery, #ndelivery div, 
#npeople,  #npeople div,
#nclients,  #nclients div,
#ncontact,  #ncontact div {
	height:30px;
	position:absolute;
	float:left;
	top: -5px;
}

#home,#data, #strategy, #creativity, #delivery, #people, #clients, #contact, #digital, #portfolio, #pr,#brand{
	background-attachment: scroll;
	background-repeat: no-repeat;	
	top:60px;
}

#nhome,#ndata, #nstrategy, #ncreativity, #ndelivery, #npeople, #nclients, #ncontact{
	background-attachment: scroll;
	background-repeat: no-repeat;	
	top:60px;
}

#home{
	background-position: 0px 0px;
	margin-left:0px;
	width:35px;
	display:inline;
}



#strategy{
	background-position: 0px 0px;
	margin-left:35px;
	width:88px;
	display:inline;
}

#data{
	background-position: 0px 0px;
	margin-left:120px;
	width:52px;
	display:inline;
}


#digital{
	background-position: 0px 0px;
	margin-left:175px;
	width:70px;
	display:inline;
}

#portfolio{
	background-position: 0px 0px;
	margin-left:245px;
	width:84px;
	display:inline;
}


#pr{
	background-position: 0px 0px;
	margin-left:329px;
	width:35px;
	display:inline;
}

#brand{
	background-position: 0px 0px;
	margin-left:364px;
	width:110px;
	display:inline;
}

#people{
	background-position: 0px 0px;
	margin-left:474px;
	width:77px;
	display:inline;
}

#clients{
	background-position: 0px 0px;
	margin-left:541px;
	width:71px;
	display:inline;
}


#contact{
	background-position: 0px 0px;
	margin-left:613px;
	width:72px;
	display:inline;
}

#ncontact{
	background-position: 0px 0px;
	margin-left:543px;
	width:92px;
}

#home div,#data div, #strategy div, #creativity div, #delivery div, #people div, #clients div, #contact div {
	width:100%;
	height:80px;	
}	

.pri-nav a{
	display:block;
	text-decoration:none;
	text-indent:-30000px;
	height:25px;
}

body-text{

line-height:16px;
}

.hp-text{
color:#000000;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

td{
color:#000000;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:16px;
}

.hp-link{
text-decoration:none;
font-weight:bolder;
color:#000000;i really should learn t
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.people{
width:900px;
overflow:hidden;
height:280px;
}

.people-text{
width:460px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff;
}

.people-text p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#fff;
}

.people-title{
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#fff;
font-weight:normal;
font-size: 1.1em;
}
p.cont_body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666;
}


.cspw, .csaw {
	padding: 1px;
}

.cspw p, .csaw p {
margin: 0px 0em  0em 0em;
}
.cspw div, .csaw div {
	margin: 0px 0em  0em 0em;
}
.cspw {
	position: relative;
}

.csaw {
top:0px;
	left: 150px;
	z-index: 30;
	position: absolute;
}

.csaw1{
top:40px;
	left: 40px;
	z-index: 10;
	width:400px;
}
.csaw3 {
top:40px;
	left: 40px;
	z-index: 25;
	width:400px;
}

.cspwz {
	z-index: 21;
}


label{
color:#4c2177;
}


	#nipple_strip{ position: absolute;top:5px;margin-left:auto;margin-right:auto;width:59px; }
    p.sidebox{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}

#nip_pos{
/*border:#33FF00 2px solid;*/
width:670px;
position:relative;
left:-10px;
z-index:12;
height:35px;
top:95px;
}
#leave{
width:680px;
height:40px;
}

.subtle{
color:#CCCCCC;
}

.mag_text_bold{
	color:#96247b;
}


#news_left{
width:250px;
float:left;
padding:50px 0 0 0;
}

#news_right{
width:650px;
float:right;
padding:50px 0 0 0;
}

#dig_left{
width:350px;
float:left;
padding:50px 0 0 0;
	font:12px verdana, sans-serif;
	color:#000;
}

#dig_right{
width:550px;
float:right;
padding:50px 0 0 0;
}

#pr_left{
width:400px;
float:left;
padding:50px 0 0 0;
	font:12px verdana, sans-serif;
	color:#000;
}

#pr_right{
width:500px;
float:right;
padding:50px 0 0 0;
}



#tag-cloud { position:relative; top:10px; left:10px; height:300px; width:500px; border:0px solid red; overflow:hidden; margin-bottom:40px;}

