/* STRUCTURE ****************************************************************/

body{
	background:#FFF;
	
}

.wrapper {
	width:100%;
	text-align:center;	
}

#wrapper-top {
	background:url(/Content/images/bg_WrapTop.jpg) 0 0 repeat-x;
}

#wrapper-top2 {
	min-width:960px;
	background:url(/Content/images/bg_Top.jpg) center 0 no-repeat;		
}

#wrapper-mid {
	background:#fff url(/Content/images/bg_Mid.jpg) 0 0 repeat-x;
	min-height:109px;
	height: 109px;
	border-bottom:1px solid #F79239;
}

* html #wrapper-mid {
	height:109px;
	border: 0px;	
}

#wrapper-bottom {
	background:#FFF url(/Content/images/bg_WrapBottom.jpg) 0 0 repeat-x;	
}

.content {
	width:1500px;
	margin:0 auto;	
	text-align:left;
	position:relative;
	overflow:hidden;
}


#content-top {
	height:556px;
	width:960px;
	overflow:visible;
}

#content-mid {
	width:964px;
}

#content-bottom {
	background:url(/Content/images/bg_Bottom.jpg) 0 0 repeat-y;	
	min-height:100px;
	padding-bottom: 150px;
	margin:0px auto;
	overflow:hidden;
}


/* HEADER *********************************************************************/

#header {
	width:960px;
	margin:0px auto;
	height:91px;
	border-bottom:1px solid #D5D5D5;	
}

h1, h2, #content-top p {
	height:91px;
	text-indent:-9999px;
	display:block;	
}

h1 {
	background:url(/Content/images/logo_SpinSix.png) 0 0 no-repeat;	
	width:199px;
}

h2 {
	background:url(/Content/images/txt_NowThatsSmartMarketing.png) 0 0 no-repeat;	
	width:282px;
}

#content-top p.background {
	background:url(/Content/images/txt_ComeOnIn.png) 0 0 no-repeat;	
	width:465px;
	height:33px;
	position:absolute;
	top:194px;
	left:22px;
}

/* SEARCH/NAVIGATION BAR *********************************************************/

#search {
	padding-top:18px;	
}

input#SearchFilter {
	background:url(/Content/images/bg_TextField.png) 0 0 no-repeat;	
	width:576px;
	height:25px;
	border:0px;
	font-size:20px;
	color:#404040;
	padding:9px 20px;
	margin:0 8px 14px 0;
}

input {
	vertical-align:middle;
	margin-bottom:14px;	
}

#search p {
	font-size:1.4em;
	color:#FFF;
	margin-left:2px;
}

#search p span { font-weight:bold; }

#navigation {
	background:url(/Content/images/navigation.gif) 0 0 no-repeat;	
	width:206px;
	padding:15px 0 0 38px;
	min-height:94px;
}

* html #navigation {
	height:94px;	
}

#navigation ul li { float:left; }

#navigation ul li a {
	background: url(/Content/images/navMainHome-text.gif);
	display:block;
	text-indent:-9999px;
	height:27px;
	width:103px;
}

#navigation ul li.home a {background-position: 0 0;}
#navigation ul li.company a {background-position: 0 -27px;}
#navigation ul li.work a {background-position: 0 -54px;}
#navigation ul li.solutions a {background-position: -103px 0;}
#navigation ul li.media a {background-position: -103px -27px;}
#navigation ul li.blog a {background-position: -103px -54px;}

#navigation ul li:hover.home a {background-position: 0 -81px;}
#navigation ul li:hover.company a {background-position: 0 -108px;}
#navigation ul li:hover.work a {background-position: 0 -135px;}
#navigation ul li:hover.solutions a {background-position: -103px -81px;}
#navigation ul li:hover.media a {background-position: -103px -108px;}
#navigation ul li:hover.blog a {background-position: -103px -135px;}

#navigation ul li:active.home a {background-position: 0 -162px;}
#navigation ul li:active.company a {background-position: 0 -189px;}
#navigation ul li:active.work a {background-position: 0 -216px;}
#navigation ul li:active.solutions a {background-position: -103px -81px;}
#navigation ul li:active.media a {background-position: -103px -189px;}
#navigation ul li:active.blog a {background-position: -103px -216px;}



/* FOOTER **********************************************************************/

#footer {
	width:960px;
	margin:0px auto;
	overflow:hidden;
	padding-top:30px;	
	position: relative;
	z-index: 0;

}

#footer p {
	font-size:1.1em;
	color:#B9B9B9;	
	margin-bottom:3px;
}

#footer a { color:#B9B9B9; }
#footer a:hover { color:#949ca1; }

#footer .floatL { width:400px; text-align:left;}
#footer .floatR { width:550px; text-align:right;}



/* AJAX DROP DOWN ***************************************************************/
#ajaxy-thing {
position: relative;
}
div.json {
    position: relative;
    z-index: 250;
    left: 2px;
    top: -34px;
    width: 570px;
    padding: 20px;
    border: 1px solid #ccc;
    background: #fff;
}
#ajaxy-thing p {
    color: #666;
    font-size: 1.5em;
    margin-bottom: 1em;
}
#ajaxy-thing p a:link {
    text-decoration: none;
    font-weight: bold;
    line-height: 1.6em;
    color: #e57b24;
}
#ajaxy-thing p a:visited {
    text-decoration: none;
    font-weight: bold;
    line-height: 1.6em;
    color: #e57b24;
}
#ajaxy-thing p a:hover {
    text-decoration: underline;
    font-weight: bold;
    line-height: 1.6em;
    color: #e57b24;
}
#ajaxy-thing p a:active {
    text-decoration: none;
    font-weight: bold;
    line-height: 1.6em;
    color: #e57b24;
}

 #ajaxy-thing h3 {
    color: #e57b24;
    font-size: 1.4em;
    line-height: 1.6em;
    font-weight: bold;
    margin-bottom: 1em;
}


/* Award Banner *****************************************************/
#award-banner {
	background:url(/Content/images/award-banner.png) 0 0 no-repeat;    
	margin-top: -1px;
    float: right;
	height: 192px;
	width: 68px;
}

#award-banner a {display: block; height: 192px; text-indent: -9999px; width: 68px;}

/* COMMUNICATOR AWARD ***********************************************/

#communicator-award {
	background:url(/Content/images/awards_communicator.png) 0 0 no-repeat;    
	height: 166px;
	width: 105px;	
	position:absolute;
	top:339px;
	right:0px;
	padding:50px 0 0 200px
}

#communicator-award p {
	text-indent:0px;
	font-family:"HelveticaNeue Condensed", Myriad Pro, HelveticaNeue, Arial, Sans-Serif;
	font-size:1.4em;
	color:#404040;
	line-height:1.2em;
}	

#communicator-award p a {
	color:#d66e13;
	text-decoration:underline;	
}