body
{
	font-family:Arial,sans-serif;
	/*letter-spacing:0.1em;	*/
}

div#wrapper
{
	position:relative;
	width:960px;
	height:640px;
	margin:0 auto;	
	/*border:solid 1px #b1b3b4;*/
}

div #header
{
	width:960px;
	height:155px;
	/*background:#b1b3b4;*/
	position:absolute;
	top:0px;	
	/*border:solid 1px #b1b3b4;*/
	z-index:99;
}

img#logo
{
	/*
	margin-left:0px;
	margin-right:auto;
	margin-top:5px;
	*/
	margin:0 auto;
	margin-top:5px;
	display:block;
}

div#navbar
{
	/*width:960px;*/
	width:900px;
	height:30px;
	position:absolute;
	bottom:0px;	
	left:30px;
	/*margin-top:95px;*/
	border-top:solid 1px #b1b3b4;
	border-bottom:solid 1px #b1b3b4;
	background:url(../images/navground.png);
	z-index:99;
}


div#footer
{
	/*width:960px;*/
	width:900px;
	height:25px;
	background:#b1b3b4;
	position:absolute;
	bottom:0px;
	left:30px;	
	/*border:solid 1px #b1b3b4;*/
}

div#footer p
{
	/*letter-spacing:0.1em;*/
	color:white;
	font-size:0.9em;
	padding-left:10px;
	padding-top:5px;	
}

ul#main_nav
{
	/*display:block;*/
	list-style-type:none;
	width:395px;
	margin: 0 auto;
	padding-top:8px;
	text-align:center;
}


ul#main_nav li
{
		/*padding-left:10px;*/
		float:left;
		/*font-family:"Kozuka Gothic Pro R",Arial,sans-serif;*/
		/*letter-spacing:0em;*/
		/*color:#b1b3b4;*/
		cursor:pointer;
		/*width:91px;*/
		height:16px;
		margin-left:8px;
		/*text-align:center;*/
		background-position:0px 0px no-repeat;
		background-repeat:no-repeat;
}

ul#main_nav li#index,
ul#main_nav li#services
{
	width:86px;
}

ul#main_nav li#clients,
ul#main_nav li#portfolio,
ul#main_nav li#contact
{
	width:61px;
}


ul#main_nav li.bulletted
{
		padding-right:20px;
		background:url(../images/menu_bullet.png)  100% 60% no-repeat;
}

ul#main_nav li.active
{
		/*letter-spacing:0.1em;*/
		/*font-weight:bold;*/
		/*color:#702c91;*/
		background-position:0px -16px;
		background-repeat:no-repeat;
}

p.bullet
{
	width:16px;
	height:16px;
	background:url(../images/menu_bullet.png)  100% 60% no-repeat;
	/*margin-left:75px;*/
	float:right;
		
}
div#content
{
	width:960px;
	position:absolute;
	top:155px;
	min-height:450px;	
	/*background:#ffffff;*/
	z-index:1;
	overflow:hidden;
	
}

div#content h1
{
	font-family:"Kozuka Gothic Pro R",Arial,sans-serif;
	font-size:1.3em;
	font-weight:normal;	
	color:#702c91;
	margin-bottom:5px;
	width:100%;
	height:21px;
	background-position:left;
	background-repeat:no-repeat;
}

div#left_content h1
{
	padding-left:30px;
	background-position:30px center !important;
}
	

div#content p
{
	font-family:Arial,sans-serif;
	font-size:1em;
	
	color:#b1b3b4;
	line-height:1.6em;
	text-align:justify;
	padding-bottom:1em;
	position:relative;
	background:url(../images/navground.png);
	z-index:99;
}

div#left_content p
{
	padding-left:30px;
}


div#para_div
{
	background:url(../images/navground.png);
	z-index:98;
}

div#footer p
{
	/*letter-spacing:0.1em;*/
	color:white;
	font-size:0.9em;
	padding-left:10px;
	padding-top:5px;	
	text-align:left;
}

div#left_content
{
	float:left;
	width:40%;
	height:auto;
	padding:10px;
	/*padding-left:30px;*/
	margin-top:0px;
}

div#right_content
{
	float:right;
	width:50%;
	min-height:435px;
	padding-top:10px;
	padding-left:10px;
	margin-top:0px;
	background:url(../images/navground.png);
}

div#clear
{
	clear:both;	
}

ul#serviceslist
{
	margin-top:30px;	
}

ul#serviceslist li
{
	padding-bottom:4px;
	color:#702c91;
	/*cursor:pointer;*/
}


ul#serviceslist li.over,
ul#serviceslist li.selected,
ul.clientlist li.over,
ul.clientlist li.selected

{
	/*font-weight:bold;*/
	color:#000000;
}

img#service_img
{
	position:absolute;
	bottom:25px;
}
	
ul#clientlistcontainer
{
	padding-top:10px;	
}	
	
ul.clientlist
{
/*	margin-right:10px;	*/
}

ul.clientlist li
{
	/*margin-right:10px;*/
	/*border-left:solid 0px #b1b3b4;*/
	padding-left:0px;	
	padding-bottom:4px;
	/*margin-right:10px;	*/
	
	color:#b1b3b4;
	cursor:pointer;
}	
	
p#clienttext
{
	margin-top:40px;
	color:#702c91 !important;
	padding-right:30px;	
}

div#portfoliolwrapper
{
	/*width:960px;*/
	width:900px;
	position:absolute;
	bottom:25px;
	left:30px;
	height:110px;
	border-top:solid 2px #b1b3b4;	
	background:url(../images/navground.png);
	z-index:99;

}

p#portfoliohead
{
	color:white;
	background:#b1b3b4;
	width:80px;
	padding-left:4px;
	padding-bottom:4px;
	float:left;	
}	


div#portfoliolist
{
	float:right;
	width:800px;
	margin-top:10px;
	/*margin-bottom:5px;*/
	
}	

ul.portfolioclients
{
	float:left;
	margin-right:10px;	
}

ul.portfolioclients li
{
	color:#b1b3b4;
}

ul.portfolioclients li.live
{
	/*color:#702c91;*/
	color:#000000;
	cursor:pointer;
}

a.email{
	color:white;
	text-decoration:none;
}


a.contactemail{
	color:#b1b3b4;;
	text-decoration:none;
}

/*
a.email:hover{
	color:blue;
	text-decoration:underline;
}
*/

/*
#folios
{
	overflow:hidden;	
	width:960px;
	position:absolute;
	top:0px;
	left:0px;
	height:450px;	
		
}

#folios ul
{
	width:3500px;
	height:430px;
	border:solid 1px blue;
}
#folios li
{
	width:950px;
	float:left;	
	border:solid 1px red;
	margin:10px;
}
*/

#folios
{
	width:960px;
	height:430px;
	position:absolute;
	top:0px;
	left:0px;
	overflow:hidden;	
	
}

#folios ul
{
	width:2000px;
	height:428px;
	/*border:solid 1px blue;*/
}
#folios li
{
	width:950px;
	height:430px;
	float:left;	
	/*border:solid 1px red;*/
	margin-left:10px;
}

div#foliowrapper
{
	position:relative;	
	height:428px;
	width:950px;
	
}

div#folioMainPic
{
	height:428px;
	width:500px;
	/*float:left;*/
	
	position:absolute;
	left:0px;
	top:0px;
	
}

div#folioClientText
{
	width:500px;
	/*float:right;*/
	
	position:absolute;
	right:0px;
	top:0px;
	
	height:428px;
	padding-top:5px;
	padding-left:10px;
	padding-right:20px;
	background:url(../images/navground.png);	
}

div#folioClientText p
{
	background:transparent;	
}

div#folioThumbBar
{
	width:500px;
	/*float:right;*/
	
	position:absolute;
	right:0px;
	top:230px;
	
	height:200px;	
	background:url(../images/navground.png);	
}

div#folioThumbBar img
{
	cursor:pointer;
	margin-right:15px;
	/*height:80px;	*/
}