/*(c) 2011 Better-IT http://www.better-it.net*/
@charset "utf-8";
/**********************************
Reset
***********************************/
html,body,p,li,ul,ol,form,div,button,input,textarea,select,h1,h2,h3,h4,h5,h6,h7,img {
	margin: 0;
	padding: 0;
}

/**********************************
default overflow
***********************************/
div, p , ul {
	overflow: hidden;
}

/**********************************
default image styles
***********************************/
img {
	border:none;
}

/**********************************
reset styling on button element
***********************************/
/* from http://www.filamentgroup.com/lab/update_styling_the_button_element_with_css_sliding_doors_now_with_image_spr/ */		
button { 
	overflow: visible; /* removes extra side padding in IE */
}

button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}
/**********************************
Basic body structure
***********************************/
body {
	text-align:center;/*ie5/6 fix*/
	padding:0px 20px 20px;
	margin: 0;
}

/**********************************
Other Structural elements
***********************************/

.outerwrap {
	margin:0 auto;
	width:960px;
}
	
.innerwrap {
	text-align:left;/*ie5/6 fix*/

}

#content .innerwrap{
	min-height: 460px;
}/**********************************Basic text styles, sizez and spacing***********************************/body {	font-family: Gill Sans std,Gill Sans MT,sans-serif;	color:#888;	line-height:1.5em;	font-size:16px;	}/**********************************Headings***********************************/h1, h2, h3, h4, h5 {	clear:both;	color:#888;	}h2 a:link, h2 a:visited, h2 a:hover, h3 a:link, h3 a:visited, h3 a:hover, h4 a:link, h5 a:visited, h4 a:hover {	color:#888;	text-decoration:none;	}h1, h1 a:link, h1 a:visited, h1 a:hover {	color:#888;	text-decoration:none;	display: block;	}h1 {	font-size:1em;	margin:1em 0 0 0;}	h2 {	font-size:1em;	padding:0;	margin:1em 0 0 0;}h2:first-child {	padding:0;	margin:0;}h3 {	font-size:1em;	}/**********************************Lists***********************************/ul , ol, li {	padding: .5em 0;}ul li {	padding:0 0 0 0em;	margin:.5em 0 .5em 14px;	list-style-type:square;	list-style-position:outside;	}ol li {	margin: .5em 0 .5em 2em;}ol li p {	font-weight:normal;	padding:0;	margin:0;	}p + ul {	padding-top: 0;}li:first-child {	padding-top: 0;}/**********************************links***********************************/a:link, a:visited {	color:#888;	text-decoration:none;	}a:hover {	text-decoration:none;	}a.special-link {	color:#444;	text-decoration:none;	cursor:default;	}a.special-link span {	display:none;	}/**********************************Other text styles***********************************/blockquote {	padding:0;	margin:0 1em;	}	.align_left {	text-align:left;	}.align_right {	text-align:right;	}.hide {	display:none;	}.float_left {	float:left;	}.float_right {	float:right;	}#header #logo {
	margin: 0 0 40px 129px;
	display: block;
	overflow:hidden;
	}



/**********************************
Main navigation
***********************************/


#mainnav {
	margin:0 0 0 0;
	background: url("/images/bgd-mainnav.jpg") no-repeat scroll right top #3b003d;
	display:block;
	clear:both;
	padding: 0 0 0 0;
	}

#mainnav li {
	list-style:none;
	margin:0;
	float:left;
	border-right: 2px solid #fff;
	}

#mainnav li.button_home {
	width:128px;
}

#mainnav li.button_home a {
	padding-left:30px
}


#mainnav li.button_clients {
	width:113px;
}

#mainnav li.button_contact  {
	width:155px;
}



#mainnav li a {
font-weight: bold;
	text-align:center;
	display:block;
	overflow:hidden;
	color:#fff;
	text-decoration:none;
	height: 37px;
	line-height: 37px;
	}

#mainnav li a:link#mainnav li a:visited {
	}

#mainnav li a:hover {
	background-color: #b3b3b3;
	}
#subnav ul {
display: block;
overflow: hidden;
	float:right;
	padding:25px 40px 40px 0;
}
#subnav ul li {
display: inline;
	list-style:none;
	margin:0;
}

/*
#subnav .button_marketing {
width: 170px;
}

#subnav .button_corporate {
width: 160px;
}

#subnav .button_publishing {
width: 94px;
}
*/

#subnav ul li  a {
	color: #c6c6c6;
	font-weight: bold;
	text-decoration:none;
padding: 0 10px;
}

#subnav ul li  a:hover {
    color: #3B003D;
}

#subnav .divider {
color:#dfdfdf;
font-weight:bold;
font-size: 12px;
position: relative;
top: -1px;
}

#credit {
border-top: 1px solid #c6c6c6;
color: #b3b3b3;
padding: 0 0 0 60px;
font-size: 13px;
}
/**********************************
styles for content
**********************************
#content {
	min-height: 460px;
}
*/
#main {
	min-height: 460px;
}
	
.scrollable  {
    height: 112px;
    width: 399px;
	position:relative;
	overflow:hidden;
    float:left;
}

.scrollable .items {
    position: absolute;
    width: 20000em;
}

.scrollable .items div {
    float: left;
    width: 137px;
}

.scrollable a {
    margin-right: 22px;
}

.scrollable_wrap {
padding: 80px 0 60px 402px;
}

a.browse {
width: 18px;
height: 34px;
display:block;
overflow: hidden;
background-repeat: no-repeat;
background-position: left -34px;
text-indent: -1000px;
float:left;
margin: 38px 33px 0 20px;
}

a.browse.prev {
background-image:url("/images/arrow-left.jpg");
}


a.browse.next {
background-image:url("/images/arrow-right.jpg");
}

a.browse.disabled, a.browse.disabled:hover {
background-position: left -68px;
}

a.browse:hover {
background-position: left 0px;
}


/**********************************
image page
***********************************/
#main.images {
margin: 0;
width: auto;
text-align: center;
margin: 0 55px 50px;
}

#main.images a.browse {
margin: 135px 0 0 0;
}

#main.images a.browse.next {
float:right;
}

#image_wrap {
display:block;
float:left;
width: 662px;
}

#image_wrap img {
display:block;
float:left;
margin: 8px;
}

.client_detail {
padding: 0 0 0 60px;
position: absolute;
}

.client_detail p span {
display: block;
float: left;
width: 60px;
}

#overlay {
}

#content .innerwrap {
    min-height: 500px;
}