/* @group Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 98%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	font-family:Arial, Helvetica, sans-serif;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	/*border-spacing: 0;*/
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* @end */

/* @group Globals */

body{
	background: #111;
}

.left li {margin:6px}
.right p {margin-left:6px;line-height:18px}



/* @end */

/* @group Structure */

/*	
.nav-wrap
	ul.nav
	.touts-wrap
		ul.touts
			.tout1
			.tout2
			.tout3
		ul.tout-nav
			li.tout-nav-1
			li.tout-nav-2
			li.tout-nav-3
	.content
		.left
			.socials
		.right
			.p1
			.p2
*/

div.nav-wrap{
	background: transparent url(../img/top_bg_repeat.gif) repeat;
	height: 140px;
	margin: 80px 0 0 0;
}

ul.nav{
	display: block;
	margin: 0 auto;
	width: 793px;	
	overflow: visible;
	height: 1%;
	padding: 20px 0 0;
	position: relative;
}

/* @end */

/* @group Nav */


ul.nav li{
	width: auto;
	float: left;
}

.nav-link a.nav-element{
	display: block;
	text-align: left;
	text-indent: -9999px;
	/*background: transparent url(../img/nav.gif) no-repeat 0 0;*/
	background: transparent url(../img/nav_vain.png) no-repeat 0 0;
	margin: 0 13px 0 0;
}

.nav-mad-4-marketing a.nav-element{
	height: 104px;
	width: 138px;
	background-position: 0 0;
}

.nav-mad-4-marketing a.nav-element:hover{
	background-position: 0 -104px;
}

.nav-mad-4-clients a.nav-element{
	height: 104px;
	width: 113px;
	background-position: -154px 0;
}

.nav-mad-4-clients a.nav-element:hover{
	background-position: -154px -104px;
}

.nav-mad-4-women a.nav-element{
	height: 104px;
	width: 113px;
	background-position: -286px 0;
}

.nav-mad-4-women a.nav-element:hover{
	background-position: -286px -104px;
}

.nav-mad-4-creative a.nav-element{
	height: 104px;
	width: 125px;
	background-position: -412px 0;
}

.nav-mad-4-creative a.nav-element:hover{
	background-position: -412px -104px;
}

.nav-mad-4-results a.nav-element{
	height: 104px;
	width: 117px;
	background-position: -549px 0;
}

.nav-mad-4-results a.nav-element:hover{
	background-position: -549px -104px;
}

.nav-mad-4-values a.nav-element{
	height: 104px;
	width: 109px;
	background-position: -683px 0;
}

.nav-mad-4-values a.nav-element:hover{
	background-position: -683px -104px;
}


/* @end */

/* @group Bubbles */

.width-wrapper{
	width: 1000px;
	position: relative;
	margin: 0 auto;
	display: block;
}

.bubbles{
	overflow: hidden;
	margin: 0 auto;
	width: 900px;
}

.bubbles li{
	float: left;
}

.bubble{
	background:transparent url(../img/bubble.png) no-repeat scroll 0 0;
	color:#000000;
	height:100px;
	padding:43px 14px 50px 36px;
	position:absolute;
	text-align:center;
	top:-10px;
	display: block;
	width:246px;
	left:607px;
	line-height: 130%;
}

.bubble-1{
	background:transparent url(../img/bubble1.png) no-repeat scroll 0 0;
	padding: 22px 0 0 3px;
	width:205px;
	height:144px;
	left: 79px;
	top: -74px;
}

.bubble-2{
	background:transparent url(../img/bubble2.png) no-repeat scroll 0 0;
	height:104px;
	left:210px;
	padding:28px 0 0;
	width:190px;
	top: -64px;
}

.bubble-3{
	left:438px;
}

.bubble-4{
	background:transparent url(../img/bubble4.png) no-repeat scroll 0 0;
	font-size:0.9em;
	height:152px;
	left:464px;
	line-height:100%;
	padding:33px 0 0 7px;
	top:-79px;
	width:216px;
}

.bubble-5{
	left:730px;
}

.bubble-6{
	left:876px;
}

.bubble strong{
	font-size: 1.2em;
	font-weight: normal;
}

.bubble em{
	font-size: 0.9em;
	font-weight: normal;
	margin: 0 0 0 9px;
	font-style: normal;
}

.bubble a{
	color: #444;
	text-decoration: none;
}

.bubble a:hover{
	color: #000;
	text-decoration: underline;
}

/* @end */

/* @group Homepage */

/* @group Content */

/* @group socials */

.content .socials li{
	line-height: 100%;
	float: left;
	margin: 0 24px 0 0;
}

.content .socials li a{
	font-family: "Arial", "Helvitica", sans-serif;
	color: #fff;
	cursor: pointer;
	text-decoration: none;
	padding: 3px 0 7px 30px;
	display: block;
}

.content .socials li a:hover{
	color: #999;
}

.social-link-twitter{
	background: transparent url(../img/socials.gif) no-repeat 0 0;
}

.social-link-facebook{
	background: transparent url(../img/socials.gif) no-repeat 0 -62px;
}

.social-link-rss{
	background: transparent url(../img/socials.gif) no-repeat 0 -123px;
}

/* @end */

.content-wrap{
	background:transparent url(../img/top_bg_repeat.gif) repeat scroll 0 0;
	padding: 25px 0 24px;
	margin: 0;

}

.btm-grad{
	background:transparent url(../img/btm_grad.png) repeat-x scroll 0 0;
	height: 57px;
	margin: 0 0 20px;
}

.content{
	margin: 0 auto;
	width: 900px;
	background: transparent url(../img/vert-line.png) no-repeat center center;
	overflow: hidden;
}

.content .left{
	width: 400px;
	float: left;
	margin: 0 100px 0 0;
}

.content .left, .content .right{
	overflow: hidden;
}

.content h2{
	margin: 0 0 12px;
	font-size: 1.3em;
}

.content .left h2{
	color: #098265;
}

.blog-title-0, .date-0{
	color: #f012b4;
}

.blog-title-1, .date-1{
	color: #128ff0;
}

.content p, .content li{
	line-height: 130%;
}

.content .dot-border{
	border-bottom: 3px dotted #fff;
	display: block;
	width: 300px;
	margin: 0 0 24px;
}

.content .right{
	width: 400px;
	float: left;
}

/* @end */

/* @group Touts */

/* @group touts */

ul.touts .tout1{
	background: #0096d5 url(../img/content/tout-satori.jpg) no-repeat center top;
	height: 400px;
	width: 100%;
	display: block;
}

ul.touts .tout2{
	background: #ff9900 url(../img/content/tout-bapt-health.jpg) no-repeat center top;
	height: 400px;
	width: 100%;
}

ul.touts .tout3{
	background: #7f3e98 url(../img/content/tout-broward-college.jpg) no-repeat center top;
	height: 400px;
	width: 100%;
}

/* @end */
.touts{
	height: 316px;
	overflow: hidden;
}


.touts li{

	display: none;
	z-index: 1;
}

.touts li a{
	display: block;
	margin: 0 auto;
	width: 100%;
	height: 316px;
	cursor: pointer;
	z-index: 2;
	text-decoration: none;
}

.touts-wrap{
	width: 900px;
	margin: 0 auto;
	position: relative;
}

.tout-content{
	overflow: hidden;
	z-index: 100;
	position: absolute;
}

h1.logo{
	text-align: left;
	text-indent: -9999px;
	width: 223px;
	height: 271px;
	background: transparent url(../img/cube_logo.png) no-repeat center center;
	z-index: 100;
	margin: 80px 0 0 38px;
	float: left;
}

.tout-nav{
	color:#000000;
	margin: 266px 0 0;
	float: left;
	z-index: 11;

}

.tout-nav ul li{
	border-left: 1px solid #000;
	float: left;
	margin: 0 3px 0 0;
}

.tout-nav ul li.tout-nav-1{
	border-left: none;
}

.tout-nav ul li a{
	display: block;
	text-align: center;
	width: 19px;
	height: 18px;
	color: #000;
	text-decoration: none;
	padding: 1px 0 0;
	margin: 0 0 0 3px;

}

.tout-nav ul li.active a, .tout-nav ul li a:hover{
	background: #000;
	color: #fff;
}

.tout-nav h5{
	margin: 0 0 5px;
}


/* @end */

.content{
	color: #fff;
}

.content a.read-more{
	text-decoration: none;
	font-weight: bold;
	color: #fff;
	font-size: .9em;
	margin: 0 0 0 5px;
}

.content a.read-more:hover{
	color: #999;
}

/* @end */

/* @group footer */

.footer{
	margin: 0 0 20px;
	font-size: .9em;
}

.footer p{
	margin: 0 0 10px;
	text-align: center;
	color: #888;
}

.footer p a{
	color: #555;
}

.footer p a:hover{
	color: #eee;
}

/* @end */

/* @group old */

/* @end */