* {margin:0px; padding: 0px;}

html {
	height: 100%;
	}

body {
	font-family: Corbel, "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:#1f1a1a; 
	height: 100%;	
	background-color:#fff;
	letter-spacing: .02em;
	line-height: 1.25em;
	margin: 0px;
	padding: 0px;
	/*overflow-x: hidden;*/
	}



/* MAIN STYLES */
/* TYPE
------------------------------------------------------------------------------- */
h1 {
	font-family: Corbel, Arial, "Helvetica Neue Light", Helvetica-Light, HelveticaNeue-Light, sans-serif;
	font-weight: normal;
	font-size: 2.25em;
	letter-spacing: .3px;
	line-height: 1.05em;
	padding-top: 0px;
	padding-bottom: 10px;
	width: 800px;
	text-transform: lowercase;
	}
	
h2 {
	font-family: Corbel, Arial, "Helvetica Neue Light", Helvetica-Light, HelveticaNeue-Light, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 2em;
	letter-spacing: .5px;
	line-height: 1.1em;
	padding-top: 0px;
	padding-bottom: 10px;
	text-transform: lowercase;
	}

	
.h1_smallr
	{font-size: .55em}	 

.h1_tight {
	padding-bottom: 15px;
	font-weight: normal;
	font-family: "Helvetica Neue Light", Helvetica-Light, HelveticaNeue-Light, Helvetica, Arial, sans-serif;
	}

.h1_zero {
	padding-bottom: 0px;
	font-weight: normal;
	font-family: "Helvetica Neue Light", Helvetica-Light, HelveticaNeue-Light, Helvetica, Arial, sans-serif;
	}

h3 {
	font-weight: normal;
	margin-bottom: 25px;
	}


#sidebar h1 {
	font-weight: normal;
	font-size: 2.8em;
	padding-top: 0px;
	padding-bottom: 24px;
	margin-left: -2px;
	}

#sidebar p {
	font-size: .86em;
	padding-bottom: 12px;
	margin-bottom: 10px;
	}



/* STRUCTURE & POSITIONING
------------------------------------------------------------------------------- */

#contentarea {
	width: 100%;
	margin-top: 80px;	
	}
	
#contentarea_1,
#contentarea_2,
#contentarea_3 {
	width: 900px;
	position: relative;	
	}

#wrapper {
	max-width:100%;
	min-height: 100%;
	margin-top: 0px;
	margin-bottom: 5px;
	padding: 0px;
	}	

#wrapper_content {
	width: 900px;
	margin: 0px auto 15px auto;
	position: relative;
	}

#infoband {
	background-color: #9999CC;
	width: 100%;
	position: relative;
	margin-top: 25px;
	margin-bottom: -25px;
	height: 250px;
	}	
	
iframe#astore {
	min-height:1200px; 
	height: auto;
	}


#sidebar {
	width: 200px;
	margin-top: 0px;
	margin-left: 50px;
	height: 200px;
	float:left;
	}

#processwrap_top {
	position: relative;
	width: 100%;
	float: left;
	clear: both;
	}

#processinner {
	width: 800px;
	margin-top: 50px;
	margin-right: 0px;
	background: url(../process/img/backgrndswirls.gif) top right no-repeat;
	}

#moreonus img {
	border: 0;
}

#moreonus {
	width: 100%;
	font-size: .8em;
	font-weight: normal;
	color: #333333;
	margin-top: 15px;
	margin-bottom: 55px;
	position: relative;
	border-top: 1px dotted #393509;
	}

#moreonus p {
	display: inline;
}	

#moreonus img {
	padding-top: .5em;
	vertical-align: bottom;	
} 

#breadcrumbs {
	width: 100%;
	font-size: .86em;
	font-weight: normal;
	color:#999999;
	margin-top: 50px;
	margin-bottom: 10px;
	}



/* HOMEPG STYLES 
------------------------------------------------------------------------------- */

#homeImgLoop, #mainImg {
	margin-top: 0px;
	margin-bottom: 0px; 
	width: 896px;
	height: 333px;
	color: #fff;
	}
	
#mainImg a:link, #mainImg a:visited {
	display: block;
	width: 891px;
	height: 333px;
	text-decoration: none;
	}
	
#mainImg a:hover {
	display: block;
	width: 891px;
	height: 333px;
	background-color: transparent;
	}		
	
#logos {
	width: 891px;
	height: 273px;
	margin-top: 40px;
	padding-top: 0px;
	margin-bottom: 0px;
	border-top: 1px dotted #333;
	position: relative;
	color: #333;
	} 

#logos img, #logos img a, #logos img a:visited {
	border: 0;
	text-decoration: none;
	background-color: transparent;
	}	

#logos img a:hover {
	background-color: transparent;
	}


/* TOOLTIP STYLES 
------------------------------------------------------------------------------- */
.hotspot {padding-bottom:1px; border:0; cursor:pointer}

#tt {position:absolute; display:block; /*margin-top: 45px;*/ font-size: .7em; background:url(../img/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(../img/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(../img/tt_bottom.gif) top right no-repeat; overflow:hidden}		


/* MAINCONTENT STYLES 
------------------------------------------------------------------------------- */

/*#maincontent h1 {
	margin-left: -8px;
	}*/


#maincontent {
	width: 650px;
	float: left;
	margin-bottom: 50px;
	}
	
#maincontent p, #maincontent_wide p {
	font-size: 1em;
	width: 600px;
	line-height: 1.15em;
	padding-bottom: 15px;
}

/*MAINCONTENT ALT */
#maincontent_alt,
#maincontentalt_0,
#maincontentalt_1,
#maincontentalt_2,
#maincontentalt_3,
#maincontentalt_4,
#maincontentalt_5 {
	width: 900px;
	margin-bottom: 30px;
	}

#maincontent_alt h1,
#maincontentalt_0 h1,
#maincontentalt_1 h1,
#maincontentalt_2 h1,
#maincontentalt_3 h1,
#maincontentalt_4 h1,
#maincontentalt_5 h1 {
	font-family: Corbel, "Lucida Grande", "Helvetica Neue Light", Helvetica-Light, HelveticaNeue-Light, Arial, sans-serif;
	font-weight: normal;
	line-height: 1.05em;
	text-transform: lowercase;
	}
	
#maincontent_alt h2 {
	line-height: 1.15em;
	padding-bottom: 5px;
	}	
	
#maincontent_alt h2 a, #maincontent_alt h2 a:visited {
	color: #E6D41F;
	font-weight: normal;
	}

#maincontent_alt h1 a:hover, #maincontent_alt h2 a:hover {
	color: #393509;
	font-weight: normal;
	}

#maincontent_alt p {
	width: 800px;
	float: left;
	line-height: 1.35em;
	margin-bottom: 12px;
	}

#maincontent_alt h2 {
	width: 150px;
	font-size: 1.6em;
	}

#maincontent_alt .pictwords, #maincontent_wide .pictwords {
	width: 182px;
	height: 100%;
	position: relative;
	margin-top: 0px;
	margin-bottom: 20px;
	margin-right: 20px;
	float: left;
	}

#maincontent_alt .pictwords img, #maincontent_wide .pictwords img {
	display: block;
	float: left;
	margin: 0;
	}

#maincontent_alt .pictwords p {
	width: 165px;
	font-size: .8em;
	padding:0px;
	margin: 0px;
	} 

#maincontent_wide .pictwords p {
	width: 200px;
	font-size: .8em;
	padding:0px;
	margin: 0px;
	}


#maincontent_wide {
	width: 750px;
	float: left;
	margin-bottom: 50px;
	}


/* HEADING TITLES 
------------------------------------------------------------------------------- */
h1.homeTitle {
	display: block;
	width: 796px;
	height: 200px;
	margin-bottom: 10px;
	}

.mir { letter-spacing : -1000em; }
/* Be nice to Opera, but hide from MacIE. Thanks to Robert Jan Verkade (http://www.eend.nl) for the MacIE fix. */
/*\*/html>body .mir { letter-spacing : normal; text-indent : -999em; overflow : hidden;}



h1.platforms {
	background: url(../img/h1_titles/h1_usPlatforms.gif) transparent top left no-repeat; }
	
h1.approach {
	background: url(../img/h1_titles/h1_Approach.gif) transparent top left no-repeat; }	

h1.learnhm{
	background: url(../img/h1_titles/h1_learn_home.gif) transparent top left no-repeat; }
	
h1.books {
	background: url(../img/h1_titles/h1_learnBooklist.gif) transparent top left no-repeat; }
	
h1.blog{
	background: url(../img/h1_titles/h1_learnBlog.gif) transparent top left no-repeat; }
	
h1.trends {
	background: url(../img/h1_titles/h1_learnTrends.gif) transparent top left no-repeat; }
	
h1.work {
	background: url(../img/h1_titles/h1_work_home.gif) transparent top left no-repeat; }
	
h1.workIndustry {
	background: url(../img/h1_titles/h1_work_industry.gif) transparent top left no-repeat; }				
		
h1.workService {
	background: url(../img/h1_titles/h1_work_service.gif) transparent top left no-repeat; }

.contact {
	background: url(../img/h1_titles/h1_usContact.gif) transparent top left no-repeat; }		



#contentarea_1 #maincontentalt {
	background: url(../img/h1_titles/h1_homeIntr.gif) transparent top left no-repeat; }
	
#contentarea_2 #maincontentalt {
	background: url(../img/h1_titles/h1_homeCents.gif) transparent top left no-repeat; }	
	
#contentarea_3 #maincontentalt { 
	background: url(../img/h1_titles/h1_homeDigbrnd.gif) transparent top left no-repeat; }	
	
#contentarea_4 #maincontentalt { 
	background: url(../img/h1_titles/h1_homeUx.gif) transparent top left no-repeat; }		

/*#maincontentalt_1 {
	background: url(../img/h1_titles/h1_homeHi.gif) transparent top left no-repeat; }
	
#maincontentalt_2 {
	background: url(../img/h1_titles/h1_homeCents.gif) transparent top left no-repeat; }	
	
#maincontentalt_3 { 
	background: url(../img/h1_titles/h1_homeDigbrnd.gif) transparent top left no-repeat; }*/


.breaking {
	display: block;
	background: url(../img/mainimg_Breaking.jpg) transparent top left no-repeat; 
	width: 891px;
	height: 333px;}

.crowd {
	display: block;
	background: url(../img/mainimg_Crowd.jpg) transparent top left no-repeat; 
	width: 891px;
	height: 333px;}
	
.iphone {
	display: block;
	background: url(../img/mainimg_iPhone.jpg) transparent top left no-repeat; 
	width: 891px;
	height: 333px;}	
	
.web2 {
	display: block;
	background: url(../img/mainimg_web2.jpg) transparent top left no-repeat; 
	width: 891px;
	height: 333px;}		


div.randomContent { display:none; } 




/* FOOTER
------------------------------------------------------------------------------- */
#bottomwrap {
	width: 900px;
	height: 25px;
	margin: 0px auto;
	position: relative;
	}

#bottomnav ul li {
	list-style: none;
	display: inline;
	padding-right: 20px;
	font-size: 1em;
	text-transform: lowercase;
	}

#bottomnav {
	clear: both;
	width: 65%;
	height: 20px;
	padding-top: 0px;
	float: left;
	margin: 0 0 25px 0;
	font-size: .8em;
	}
	
#copyright {
	font-size: .86em;
	text-align: right;
	color: #ccc;
	width: 20%;
	height: 20px;
	padding: 0px;
	float: right;
	}	
		
#bottomnav a:link {
	font-weight: normal;
	color: #ccc;
}

#bottomnav a:visited {
	font-weight: normal;
	color: #ccc;
}

#bottomnav a:hover {
	font-weight: normal;
	color: #393509;
	border: 0;
	background-color: #E6D41F;
	}

#footer_wrap {
	width: 100%;
	border: 0px;
	height: 550px;
	padding-top: 10px;
	position: relative;
	background-image: url(../img/stripedfooter.jpg); 	
	}


#footer {
	width: 900px;
	margin: 30px auto 30px auto;
	padding-top: 5px;
	text-align: left;
	position: relative;
}


#footer h2 { /*controls footer column headings*/
	font-size:.9em;
	font-family: Georgia, Helvetica, Arial, sans-serif;
	color:#ccc;
	font-weight: normal;
	padding: 0 0 15px 0; 
	margin: 0 0 10px 0;
	}
	
#footer ul {
	list-style:none;
	padding: 0;
	margin: 0;
	}

#footer ul li {
	display: block;
	padding: 0px 0px 0px 0;
	}


#footer_colblogs {
	width: 130px;
	float: left;
	line-height: 1.1em;
	margin-right: 10px;
	}
	
#footer_colmusic {
	width: 150px;
	float: left;
	line-height: 1.1em;
	margin-right: 10px;
	}	
	
#footer_colstats {
	width: 180px;
	float: left;
	line-height: 1.1em;
	margin-right: 65px;
	}
	
#footer_colbooks {
	width: 180px;
	float: left;
	line-height: 1.1em;
	margin-right: 0px;
	}
	
#footer_colapps {
	width: 150px;
	float: left;
	line-height: 1.1em;
	margin-right: 15px;
	}
		
#footer p {
	color:#666;
	padding:0; margin:0;
}

#footer_colblogs ul li, 
#footer_colmusic ul li, 
#footer_colapps ul li, 
#footer_colbooks ul li {
	/*border-bottom: 1px dotted #ccc;*/
	line-height: 2.5em;
	}

#footer_colstats ul li a {
	line-height: 1.2em;
	padding-bottom: 6px;
	}


#footer ul li a, #footer ul li {
	font-size: 11px;
	text-decoration:none;
	color:#ccc;
	font-weight: normal;
	}

#footer ul li a:hover {
	text-decoration:none;
	color:#393509;
	background-color: #E6D41F;
	}

#footer ul li a:visited {
	text-decoration:none;
	}

#footer a {
	color:#ccc;
	}

#footer a:hover {
	text-decoration:none;
	color:#393509;
	border: 0px;
	background-color: #E6D41F;
}

#footer a:visited {
	text-decoration:none;
}



/* del.icio.us STYLES
-------------------------*/
.delicious-posts {margin: 0px; border: 0px; width: 200px; font-family: Corbel, "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif; line-height: 1.25em;}
.delicious-posts ul, .delicious-posts li, .delicious-banner {font-size: .88em; color: #393509; margin:0; padding-bottom: 6px;}
.delicious-post {padding-bottom: 12px; border:0;}
.delicious-odd { }

.delicious-banner a {font-size: 1em}
.delicious-posts a {font-size: 1em; padding-bottom: 6px; text-decoration: none; color: #393509; }
.delicious-post a {color: #393509; padding-bottom: 6px}
.delicious-posts a:hover {text-decoration: none; border: 0}



/* SPECIAL CLASSES
------------------------------------------------------------------------------- */
p.mini {
	color: #333;
	font-size: .8em;
	margin-top: 36px;
	}

p.mini a:link, p.mini a:visited  {
	color:#E6D41F;
	}
	
p.mini a:hover {
	color:#393509;
	}
			

h1 span,
h2 span, 
h1 a span, 
h1 span a:visited, 
#subnav .here, 
.highlight,
h1 em, 
.orange {
	color: #E6D41F;
	font-weight: normal;
	font-style: normal;
	}

h1 a:hover span {
	color:#393509;
	}		

.bttmpadding {
	position: relative; 
	margin-bottom: 75px; 
	clear: both; 
	}
	
.topborder {
	border-top: 1px dotted #393509}	

#sidebar .date {
	font-weight: bold;
	}

.width750 {
	width: 750px;
	}

.sidebarrule {
	width: 100%;
	padding-bottom: 12px;
	border-bottom: 1px dotted #393509;
	}

#breadcrumbs a {
	font-weight: normal;
	color: #999;
	font-style: normal;
	}

#breadcrumbs a:hover {
	font-weight: normal;
	color: #393509;
	}
	
#breadcrumbs .here, #bottomnav ul li .here {
	color: #E6D41F;
	font-weight: bold;
	font-style: normal;
	}
	
#breadcrumbs .here:hover, #bottomnav ul li .here:hover {
	color: #E6D41F;
	font-weight: bold;
	}		

.bttmspace48 {
	margin-bottom: 48px;
	}

.bttmspace24 {
	margin-bottom: 24px;
	}
	
.fluency {
	font-family: Corbel, "Lucida Grande", Helvetica, sans-serif;
	letter-spacing: 1px;
	}





/* GENERAL LINK & HOVER STATES
-------------------------------------------------------------------- */
h1 a:link, h1 a:visited, h1 a:hover {
	font-weight: normal;
	text-transform: none;
	color: #393509;
}

a:link {
	font-weight: bolder;
	text-decoration: none;
	color: #393509;
}

a:visited {
	color: #393509;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #393509;
	font-weight: bold;
	background-color: #E6D41F;
	padding: 0px;
	border: 0;
}

a:active {
	text-decoration: none;
	color: #fc0;
	font-weight: bold;
	background-color: #fff;
	/*border-bottom: 1px dotted #fc0;*/
}


	
#moreonus a:link, #moreonus a:visited {
	font-weight: bold;
	color: #333;
	}
	
#moreonus a:hover {
	font-weight: bold;
	}	

#sidebar a:link, a:visited {
	color: #666666;
	font-weight: normal;
	}
		
#sidebar a:hover {
	color: #333333;
	background-color: #FFCC00;
	font-weight: normal;
	border: 0;
	}


#copyright a:link {
	font-weight: normal;
	color: #ccc;
	}
	
#copyright a:visited {
	font-weight: normal;
	color: #ccc;
	}	
	
#copyright a:hover {
	font-weight: normal;
	color: #E6D41F;
	border-bottom: 1px dotted #fc0;
	}	

	
#addywrap {
	width: 900px;
	height: 150px;  
	color: #CCCCCC; 
	border-top: 1px #ccc dotted;
	border-bottom: 1px #ccc dotted;
	margin: 0px auto 5px auto;
	padding: 0;
	}

.addy h2 {
	font-size: .9em;
	padding-bottom: 20px;
	font-family: Georgia, Corbel, "Lucida Grande", Helvetica, Arial, sans-serif;
	color:#ccc; 
	}	
	
.addy {
	width: 225px;
	margin-right: 73px; 
	float: left;
	/*padding-top: 5px;*/ 
	}

div.addy p {
	font-size: .7em;
	padding: 0px;
	margin: 0px;
	height: 17px;
	}	

#addywrap a:link, #addywrap a:visited {
	color: #ccc;
	font-weight: normal;
	}
	
#addywrap a:hover {
	color: #393509;
	}			
	



.clearfix:after {
content:"."; 
display: block; 
height: 0; 
clear: both;
visibility: hidden;

}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* End hide from IE-mac */