/* ----- 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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

html, body {
    height: 100%;
    margin: 0 0 1px;
    padding: 0;
    font-family:Helvetica Neue, Calibri, Arial, sans-serif;
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clear { width: 100%; height: 1px; margin: 0 0 -1px; clear: both; }

a { text-decoration:none; }

.hidden { visibility:hidden; display:none; }

/* ----- Body ----- */

body {
	background-color:#002367;
	color:#ffffff;
	font-size:12px;
}

/* ----- Flash Bkgd ----- */

#flashBkgd {
	height:100%;
	left:0;
	overflow:hidden;
	position:fixed;
	text-align:left;
	top:0;
	width:100%;
	display:block !important;
}

/* ----- Wrapper ----- */

.topBar { background-color:#ffffff; height:5px; position:fixed; width:100%; z-index:100; }

#wrapper {
	/* background-image:url(../images/ww_site_bkgd.jpg);
	background-repeat:no-repeat; */
	margin:0px auto;
	padding-top:24px;
	position:relative;
	width:960px;
	z-index:100;
}

#innerWrapper {

}

/* ----- Logo ----- */

#logo {
	float:left;
	width:469px;
}

#logo a {
	background-image:url(../images/sg_logo.png);
	background-repeat:no-repeat;
	float:left;
	font-size:0;
	height:256px;
	text-decoration:none;
	text-indent:-9999px;
	width:469px;
}

#logo a:hover {
	background-image:url(../images/sg_logo_hover.png);
}

/* ----- Nav ----- */

#nav {
	float:left;
	font-weight:bold;
	margin:0px;
	padding:0px 0px 0px 0px;
	width:960px;
}

#nav ul {
	padding-left:20px;
}

#nav ul li {
	display:inline;
	float:left;
	font-size:14px;
	padding:0px 25px 0px 0px;
	text-transform:uppercase;
}

#nav ul li a { 
	color:#ffffff;
	display:block;
}

#nav ul li a:hover { color:#d7fa64; }

#nav ul li ul {
	padding:0px;
}

#nav ul li ul li {
	display:block;
	float:none;
	font-size:10px;
	padding-top:10px;
	text-transform:none;
}

#nav .nav {
	float:left;
	padding-top:110px;
	width:460px;
}

/* #nav ul li ul .sub:before { content: "  > "; } */

/* ----- Cufon ----- */

span { 
	height:0px;
	margin:0px;
	padding:0px;
	width:0px;
}

span.cufon, span.cufon-canvas { display:none; margin:0px; padding:0px; }

li ul li span.cufon, li ul li span.cufon-canvas, a span.cufon, a span.cufon-canvas { display:block; }

#body span.cufon, #body span.cufon-canvas { display:block; }

h4.company span.cufon, h4.company span.cufon-canvas { display:block; }

/* ----- Body ----- */

#body {
	font-weight:bold;
	padding:47px 0px 150px 0px;
	width:960px;
}

.col {
	float:left;
	padding:0px 20px 0px 0px;
	width:225px;
}

#body .col a { color:#d7fa64; }

#body .last { padding:0px; }

#body .col h2.title { 
	background-image:url(../images/h2_title_underline.png);
	background-position:0px 23px;
	background-repeat:no-repeat;
	font-size:18px;
	padding-top:37px;
	padding-bottom:21px;
	text-transform:uppercase;
}

#body .col h2.top { padding-top:0px; }

#body .col h2.mid { padding-bottom:12px; }

#body .col p {
	font-size:10px;
	line-height:140%;
}

/* ----- Strategy & Resource ----- */

#body .col .thumb {
}

#body .col .name {
	text-align:right;
}

.interactive, .print, .projects, .tutorials, .wallpaper, .apparel { position:relative; }

#body .col .interactive a { color:#ffffff; }
#body .col .print a { color:#ffffff; }
#body .col .projects a { color:#ffffff; }
#body .col .tutorials a { color:#ffffff; }
#body .col .wallpaper a { color:#ffffff; }
#body .col .apparel a { color:#ffffff; }

#body .col .interactive a:hover { color:#d7fa64; }
#body .col .print a:hover { color:#d7fa64; }
#body .col .projects a:hover { color:#d7fa64; }
#body .col .tutorials a:hover { color:#d7fa64; }
#body .col .wallpaper a:hover { color:#d7fa64; }
#body .col .apparel a:hover { color:#d7fa64; }

#body .col .thumbHover { 
	background-image:url(../images/thumb_hover.png);
	display:block;
	height:112px;
	left:0px;
	position:absolute;
	top:0px;
	width:225px;
	z-index:200;
	opacity: .0; /* Standard: FF gt 1.5, Opera, Safari */
      filter: alpha(opacity=0); /* IE lt 8 */
      -ms-filter: "alpha(opacity=0)"; /* IE 8 */
      -khtml-opacity: .0; /* Safari 1.x */
      -moz-opacity: .0; /* FF lt 1.5, Netscape */
}

#body .col .thumbHover:hover { 
	opacity: 1.0; /* Standard: FF gt 1.5, Opera, Safari */
      filter: alpha(opacity=100); /* IE lt 8 */
      -ms-filter: "alpha(opacity=100)"; /* IE 8 */
      -khtml-opacity: 1.0; /* Safari 1.x */
      -moz-opacity: 1.0; /* FF lt 1.5, Netscape */
}

/* ----- Strategy ----- */

#body .col h2.print { background-position:0px 22px; }



/* ----- Biology ----- */

#body .col ul.roster { 
	font-size:10px;
}

#body .col ul.roster li {
	padding-bottom:3px;
}

/* ----- Communication ----- */

h4.company { padding:2px 0px 2px 0px; }

p.social {
	color:#d7fa64;
	padding:10px 0px 16px 0px;
}

p.tweet, p.tweet2 {
	/* background-image:url(../images/tweet_divider.png); */
	background-position:0px 49px;
	background-repeat:no-repeat;
	padding-bottom:10px;
}

p.tweet2 { background-image:none; }

/* ----- tabs ----- */

#body h2.top { padding-top:0px; }
	
.tabs h2 {	
	background-image:url(../images/h2_title_underline.png);
	background-position:0px 23px;
	background-repeat:no-repeat;
	font-size:18px;
	padding-top:37px;
	padding-bottom:21px;
	text-transform:uppercase;
}

	/* ----- tabstrategy ----- */
	
	#tabstrategy .strategyItem {
		float:left;
		width:250px;
	}
	
	#tabstrategy p.strategy {
		background-image:url(../images/h2_title_underline.png);
		background-position:0px 23px;
		background-repeat:no-repeat;
		padding-top:37px;
	}
	
	#tabstrategy a { color:#D7FA64; }
	
	/* ----- tabinteractive ----- */
	
	#tabinteractive h3 { font-size:14px; padding:8px 0px 4px 0px; width:225px; }
	
	#tabinteractive h3.large { font-size:14px; padding:8px 0px 4px 0px; width:180px; }
	
	#tabinteractive p { font-size:10px; padding-top:2px; padding-bottom:15px; }
	
	#tabinteractive p a { color:#D7FA64; }
	
	#tabinteractive .interactiveItem { float:left; padding:0px 15px 30px 0px; width:225px; height:200px; }
	
	#tabinteractive .interactiveItem.large { float:left; padding:0px 15px 30px 0px; width:250px; }
	
	#tabinteractive .interactiveItem.last { padding-right:0px; }

	/* ----- tabprint ----- */
	
	#tabprint h3 { font-size:14px; padding:8px 0px 4px 0px; width:120px; }
	
	#tabprint h3.large { font-size:14px; padding:8px 0px 4px 0px; width:180px; }
	
	#tabprint p { font-size:10px; padding-top:2px; padding-bottom:15px; }
	
	#tabprint p a { color:#D7FA64; }
	
	#tabprint .printItem { float:left; padding:0px 15px 30px 0px; width:150px; }
	
	#tabprint .printItem.large { float:left; padding:0px 15px 30px 0px; width:250px; }
	
	#tabprint .printItem.last { padding-right:0px; }

	/* ----- tabprojects ----- */
	
	#tabprojects h4 { 
		font-size:12px; 
		padding-bottom:15px; 
		line-height:140%; 
		width:640px; 
		background-image:url(../images/h2_title_underline.png); 
		background-position:0px 23px;
		background-repeat:no-repeat;
		padding-top:37px;
	}
	
	#tabprojects h3 { font-size:14px; padding:8px 0px 4px 0px; width:120px; }
	
	#tabprojects p { font-size:10px; padding-top:2px; padding-bottom:15px; }
	
	#tabprojects p a { color:#D7FA64; }
	
	#tabprojects .projectItem { float:left; padding:0px 15px 30px 0px; width:150px; }
	
	#tabprojects .projectItem.last { padding-right:0px; }
	
	/* ----- tabresource ----- */
	
	#tabresource .resourceItem {
		float:left;
		width:250px;
	}
	
	#tabresource p.resource {
		background-image:url(../images/h2_title_underline.png);
		background-position:0px 23px;
		background-repeat:no-repeat;
		padding-top:37px;
	}
	
	#tabresource a { color:#D7FA64; }
	
	#tabresource a p { padding-top:2px; }
	
	/* ----- tabtutorials ----- */
	
	#tabtutorials p { font-size:12px; padding-top:2px; }
	
	#tabtutorials a { color:#D7FA64; display:block; font-size:16px; text-transform:uppercase; }
	
	#tabtutorials .tutorialItem { 
		background-image:url(../images/h2_title_underline.png);
		background-position:0 60px;
		background-repeat:no-repeat;
		padding:0px 0px 35px 0px;
		width:640px;
	}

	/* ----- tabwallpapers ----- */
	
	#tabwallpapers h3 { font-size:14px; padding-top:8px; }
	
	#tabwallpapers p { font-size:10px; padding-top:2px; }
	
	#tabwallpapers p a { color:#D7FA64; }
	
	#tabwallpapers .wallpaperItem { float:left; padding:0px 15px 30px 0px; width:225px; }
	
	#tabwallpapers .wallpaperItem.last { padding-right:0px; }

	/* ----- tabapparel ----- */

	#tabapparel .apparelItem {
		float:left;
		padding:0px 60px 50px 0px;
		width:192px;
	}
	
	#tabapparel .apparelItem.last { padding-right:0px; }
	
	#tabapparel .apparelItem p {
		padding:20px 0px 0px 0px;
	}
	
	/* ----- tabbiology ----- */
	
	#tabbiology p { padding-bottom:10px; line-height:140%; width:640px; }
	
	#tabbiology p.biology {
		background-image:url(../images/h2_title_underline.png);
		background-position:0px 23px;
		background-repeat:no-repeat;
		padding-top:37px;
	}
	
	/* ----- tababout ----- */
	
	#tababout p { padding-bottom:10px; line-height:140%; width:640px; }
	
	/* ----- tabroster ----- */
	
	#tabroster .roster li { padding:0px 0px 10px 0px; }
	
	#tabroster .roster li a { color:#D7FA64; }	
	
	#tabroster .roster li.ourClients { font-size:14px; }
	
	#tabroster .roster li.otherBrands { font-size:14px; padding-top:28px; }
	
	/* ----- tabcommunication ----- */
	
	#tabcommunication p { padding-bottom:10px; line-height:140%; width:640px; }
	
	/* ----- tabcontact ----- */
	
	#tabcontact p { padding-bottom:10px; line-height:140%; width:640px; }
	
	/* ----- tabblog ----- */

	#tabblog h3 { font-size:14px; text-transform:uppercase; }
	#tabblog p { line-height:140%; padding-bottom:5px; width:640px; }
	#tabblog p.date { color:#D7FA64; font-size:10px; }
	#tabblog a { font-size:12px; color:#D7FA64; }
	#tabblog p.posterous {
		background-image:url(../images/h2_title_underline.png);
		background-position:0px 23px;
		background-repeat:no-repeat;
		padding-top:37px;
	}