body{
	font-family: Helvetica; 
	background: #fff;}

p, h4, #colB ul, #colA ul, ol {
	color:#949CA1;
	line-height:1.4em;
	font-size:1.4em;	
	margin-bottom:18px;
}

p strong { font-weight:bold; }

ol { list-style-type:decimal; list-style-position:inside; }

#colA ul {
	list-style-type:disc;
	margin-left:20px;	
}

p a, li a, p.orange {
	color:#E57B1F;	
}

span.blue {
	color:#058DAA;	
}

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

#wrapper-top {
	background:#D7D7D7 url(/Content/images/bg_Header.jpg) center top no-repeat;;
}

#wrapper-nav {
	background:#D66D12 url(/Content/images/bg_Nav.jpg) 0 0 repeat-x;
	min-height:70px;
}

#wrapper-mid {
	background:url(/Content/images/bg_MidMain.jpg) 0 0 repeat-x;
	min-height:641px;
}

#wrapper-mid2 {
	background:url(/Content/images/bg_TwoColumn.jpg) center 0 no-repeat;
	min-height:641px;
	min-width:970px;
	text-align:left;
}


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

#content-top {
	background:url(/Content/images/bg_Header.jpg) 0 0 repeat-y;	
}

#content-mid {
	
	min-height:641px;
	width:1500px;
}

#content { width:966px; margin:0 auto 30px auto; overflow:hidden; position:relative; z-index: 1; }

#header {
	width:960px;
	margin:0px auto;
	height:91px;	
}

h2 {
	height:86px;
	text-indent:-9999px;
	display:block;	
}

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

#header h1 a {display: block; height: 86px; text-indent: -9999px; width: 148px;}

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

#navigation {
	background:url(/Content/images/navMain.gif) 0 0 no-repeat;	
	width:970px;
	height: 70px;
	padding:0px;
	min-height:70px;
	margin:0px auto;	
}

#navigation ul { 
	width:511px;
	height:70px;
}

#navigation ul li {
	display:inline;
	float:left;	
}

#navigation ul li a {
	background: url(/Content/images/navMain-text.gif);
	display:inline;
	float:left;
	text-indent:-9999px;
	height:70px;
	width:62px;
}

#navigation ul li.home a {background-position: 0 0;}
#navigation ul li.company a {background-position: -62px 0; width:93px;}
#navigation ul li.work a {background-position: -155px 0; width:62px;}
#navigation ul li.solutions a {background-position: -217px 0; width:92px;}
#navigation ul li.media a {background-position: -309px 0; width:64px;}
#navigation ul li.blog a {background-position: -373px 0; width:54px;}
#navigation ul li.contact a {background-position: -427px 0; width:84px;}

#navigation ul li:hover.home a {background-position: 0 -70px;}
#navigation ul li:hover.company a {background-position: -62px -70px;}
#navigation ul li:hover.work a {background-position: -155px -70px;}
#navigation ul li:hover.solutions a {background-position: -217px -70px;}
#navigation ul li:hover.media a {background-position: -309px -70px;}
#navigation ul li:hover.blog a {background-position: -373px -70px;}
#navigation ul li:hover.contact a {background-position: -427px -70px;}

#navigation ul li:active.home a {background-position: 0 -140px;}
#navigation ul li:active.company a {background-position: -62px -140px;}
#navigation ul li:active.work a {background-position: -155px -140px;}
#navigation ul li:active.solutions a {background-position: -217px -140px;}
#navigation ul li:active.media a {background-position: -309px -140px;}
#navigation ul li:active.blog a {background-position: -373px -140px;}
#navigation ul li:active.contact a {background-position: -427px -140px;}

#navigation form {
	float:right;
	display:inline;	
}

#navigation form input { 
	vertical-align:middle; 
	margin:18px 3px 0 0;
}

#navigation form input#SearchFilter {
	background:url(/Content/images/bg_TextFieldSmall.gif) 0 0 no-repeat;	
	width:330px;
	height:21px;
	border:0px;
	font-size:14px;
	color:#404040;
	padding:7px 17px 6px 18px;
	margin:18px 4px 0px 5px;
}

#wrapper-subNav {
	background:#058DAA;	
	height:24px;
	padding-top:8px;	
}	

#subNav {
	margin:-14px auto 0 auto;	
	width:956px;
	height:31px;
	position:relative;
	padding-top:7px;
	text-align:left;
}

#subNav p {
	height:31px;
	margin-bottom:0px;	
}

#subNav p a {
	display:block;
	text-indent:-9999px;
	height:31px;
	width:60px;	
}

h3 {
	font-family:Book Antiqua, Georgia, Times New Roman, Serif;	
	color:#058DAA;
	font-size:45px;
	line-height:45px;
	margin:25px 0 0 0;
	padding:0 0 24px 0;
	border-bottom:1px solid #DCDCDC;
}

span.rightArrows { letter-spacing:-1px; }
h3 span.rightArrows { letter-spacing:-5px; }

h4 {
	font-size:1.4em;
	font-weight:bold;
	margin-bottom:7px;	
}

#colA {
	width:625px;	
	margin-top:28px;
	padding-left:3px;
}

#colB {
	width:293px;	
	margin-top:29px;
}

.column { width:320px; padding-right:25px; margin-top:28px; }
.column.second { width:343px; }
.column.last { padding-right:0px; width:250px; }

h5 {
	color:#058DAA;
	text-transform:uppercase;
	font-size:13px;
	font-weight:bold;
	margin-bottom:8px;	
}

#colB ul {
	font-size:1.3em;	
	line-height:1.5em;
}

#colB ul.links {
	font-weight:bold;	
	color:#E57B1F;
}

#colB ul.links li {
	margin-bottom:2px;	
}

#colB ul.links a {
	font-weight:normal;	
}






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

#footer {
	width:960px;
	margin:0px auto 20px auto;
	overflow:hidden;
	padding-top:15px;	
	border-top:1px solid #DCDCDC;
}

#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 {
    text-align: left;
    position: relative;
}
div.json {
    position: absolute;
    z-index: 250;
    left: 554px;
    top: 47px;
    width: 319px;
    padding: 10px 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;
}