/********************************************************/
/*                       GLOBAL STYLES						*/
/********************************************************/

html {
	height:100%;
}


body { 
	color: #808080; 
	font-size:0.76em;
	line-height:1.125em;
	font-family:arial;
	background:#f7f7f7 url(../images/global/bg-body.gif) repeat-x scroll 0 0px;
	height:100%;
}

h1 {
	color:#343434;
	font-family:Georgia;
	font-size:36px;
	font-weight:normal;
	padding:41px 0px 40px 0px;
}

h2 {
	font-family:Arial;
	font-size:30px;
	font-weight:normal;
	color:#999999;
	display:block;
	padding:0 0 14px;
}

h3 {
	font-weight:normal;
	padding:6px 0 11px;
}

h3 {
	font-weight:normal;
	padding:4px 0 9px;
}



p {
	line-height:133%;
	padding:1px 0 8px;
	color:#999999;
}

layer2 {
	font-family:Georgia;
	font-size:30px;
	font-weight:normal;
	color:#999999;
	display:block;
	padding:0 0 14px;
}

home {
	font-family:Arial;
	font-size:30px;
	font-weight:normal;
	color:#999999;
	display:block;
	padding:0 0 14px;
	line-height: 25pt
}

hr 
	{border: none 0;
	border-top: 1px dashed #999999;/*the border*/
	width: 80%;
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
	float:left;
} 

p.cta {
	color:#6ca0cc;
}

a {text-decoration: none; color: #6ca0cc;}
a:active {text-decoration: none; color: #6ca0cc}
a:visited {text-decoration: none; color: #6ca0cc;}
a:hover {text-decoration: underline; color: #6ca0cc;}

div#container {
	height:auto !important;
	min-height:100%;
	position:relative;
}

div#main {
	height:100%;
	margin:0 auto;
	width:1150px;
	padding-bottom:58px;
}

div#header {
	height:99px;
	overflow:auto;
	text-align:left;
}

div#header a#logo{
	background:transparent url(../images/global/logo.gif) no-repeat scroll left top;
	display:block;
	float:left;
	height:99px;
	margin-left:8px;
	text-indent:-9999px;
	width:170px;
}

div#header ul {
	float:right;
	width:823px;
}

div#header ul li {
	border-top:2px solid #E7E7E7;
	float:right;
	height:57px;
	padding:6px 0 0;
	font-family:Georgia, Verdana,arial,sans-serif;
}

div#header ul li.active {
	border-top:solid 2px #808080;
}
div#header ul li.hover {
	border-top:solid 2px #343434;
}

div#header ul li a {
	border-right:1px solid #D9D9D9;
	color:#808080;
	display:block;
	font-size:140%;
	height:20px;
	padding:10px 17px;
	text-decoration:none;
	float:left;
}

div#header ul li a.last {
	border-right:0px;
	padding-right:0;
	
}

div.content {
	padding-left:9px;
	overflow:auto;
}

div.footer {
	background-color:#E7E7E7;
	bottom:0;
	position:absolute;
	width:100%;

}

div.footer p {
	font-size:11px;
	margin:0 auto;
	padding:20px 0;
	width:1150px;
}

span.loading {
	background:transparent url(../images/global/loading.gif) no-repeat scroll -183px -133px;
	display:block;
	height:34px;
	width:35px;	
}

/********************************************************/
/*                       PORTFOLIO						*/
/********************************************************/

div#portfolio {
	color: #ffffff; 
	padding-left:0px;
}

div#portfolio h1 {
	padding:41px 0 40px 13px;
}

div#portfolio h2 {
	color:#CCCCCC;
	display:block;
	font-family:Georgia;
	font-size:221%;
	font-weight:normal;
	padding:0 0 14px;
}

div#portfolio h3 {

}

div#portfolio p {
	color:#FFFFFF;
}

div.campaign {
	float:left;
	height:246px;
	padding-bottom:15px;
	position:relative;
	width:575px;
}

div.preview img {
	display:block;
	margin:7px 0 0 14px;
	position:absolute;
}

div.preview-copy {
	display:none;
	height:143px;
	padding:44px 36px 0 56px;
	position:absolute;
	width:459px;
}

div.hover  {
	background:transparent url(../images/global/bg-campaign-over.png) no-repeat scroll left top;
	cursor:pointer;
}

div.hover img {
	display:none;
}

div.hover .preview-copy {
	display:block;
}

span.view-campaign {
	background:transparent url(../images/global/btn-carot-right.gif) no-repeat scroll right center;
	display:block;
	font-weight:bold;
	position:absolute;
	text-transform:uppercase;
	top:201px;
	width:108px;
}

div.detail {
	display:none;
}


div.overlay {
	background:transparent url(../images/global/bg-preview.gif) repeat-x scroll left top;
	border:1px solid #CFCFCF;
	display:block;
	height:334px;
	left:-20px;
	position:absolute;
	top:-20px;
	width:495px;
	z-index:-1;
}


/* CAMPAIGN DETAIL POPUP */


div#campaign-pop {
	background-color:#101010;
	border:5px solid #FFFFFF;
	color: #ffffff; 
	height:760px;
	position:absolute;
	width:1120px;
	z-index:3;
}

div#campaign-pop p {
	color:#FFFFFF;
}

div#controls {
	height:40px;
	padding:13px 0 14px 16px;
}	

span#left-control,
span#right-control {
	float:left;
	height:27px;
	width:27px;
}

span.leftDeactivated,
span.rightDeactivated {
	background:none;
	
}

span.leftActivated {
	background:transparent url(../images/global/btn-previous.gif) no-repeat scroll top left;
	cursor:pointer;
}

span.rightActivated {
	background:transparent url(../images/global/btn-next.gif) no-repeat scroll top left;
	cursor:pointer;
}

div#thumbset {
	float:left;
	height:30px;
	overflow:auto;
	padding:4px 8px 0 11px;
}

div#thumbset span {
	background-color:#343434;
	cursor:pointer;
	display:block;
	float:left;
	height:20px;
	margin-right:8px;
	width:20px;
}

div#thumbset span.active {
	background-color:#919191;
}

div#campaign-pop {
	display:none;
}

div#campaign-pop-content {
	height:504px;
	padding:0 40px;
	position:relative;
	display:none;
}

div#campaign-pop-content div.item {
	display:none;
	height:504px;
}

div#campaign-pop-content div.item a {
	display:none;
}


div#campaign-pop-content div.item img {
	float:left;
	display:block;
}

div#campaign-pop-content div.item div.detail-copy {
	float:right;
	padding-top:17px;
	width:452px;
}



/* MODAL */


/* Overlay */
#simplemodal-overlay {background-color:#333; cursor:pointer;}

#simplemodal-container a.modalCloseImg {
	background:transparent url(../images/global/bg-close-modal.gif) no-repeat scroll 0 0;
	cursor:pointer;
	display:inline;
	height:29px;
	position:absolute;
	right:18px;
	top:15px;
	width:30px;
	z-index:3200;
}