/* CSS Document */

/****************** Normalizer *******************/

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, 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-style: inherit;
	font-size: 100%;
}

sub, sup {
	font-size:10px;
}

body {
	margin:0 auto;
	padding:0 0 0px 0;
	background:#000230;
	font-family:Arial, Helvetica, sans-serif;
}

.clearit {
	clear:both;
	height:0;
	overflow:hidden;
	}
.clearfix:after, header:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix, header {
	zoom:1
}

img.icon {
	vertical-align:middle;
	margin:0 5px 0 0;
	}

/**************************** Outerwrap with Page BG **************************/

#outerwrap {
	width:100%;
	margin:0 auto;
	height:auto;
	background:#fff;
}

#branding {
	width:100%;
	background:#000230;
}

#branding-inner {
	width:960px;
	margin:0 auto;
	padding:32px 0 11px 0;
}

#logo {
	float:left;
	width:147px;
	height:23px;
	margin:0;
}
#logo h1 {
	text-indent:-3000em;
}
#logo h1 a {
	width:147px;
	height:23px;
	display:block;
	background:url(images/sanger-communications.gif) no-repeat;
}

#contact_tab {
	margin:0 0 0 0;
	padding:8px 0 0 0;
	display:inline;
	float:right;
	text-align:right;
	width:355px;
	height:20px;
}
#contact_tab ul {
	display:inline;
	list-style:none;
	text-align:right;
}
#contact_tab ul li {
	list-style:none;
	display:inline;
	padding-right:17px;
	margin-right:10px;
	font-size:14px;
	color:#fff;
	background:url(images/nav-dash.gif) right no-repeat;
}
#contact_tab ul li.nobg {
	padding:0;
	background:none;
}
#contact_tab ul li a {
	color:#fff;
	text-decoration:none;
}
#contact_tab ul li a:hover {
	color:#fff;
	text-decoration:underline;
}

body#home #contact_tab ul li#home a, body#about #contact_tab ul li#about a, body#contact #contact_tab ul li#contact a, body#work #contact_tab ul li#work a {
	font-weight:bold;
	color:#ff0000;
}

#ninesixty {
	margin:0 auto;
	width:960px;
}

/**************************** Flash Piece **************************/

#maincontent {
	margin:16px 0 0 0;
	width:960px;
	margin:16px 0 0 0;
	padding:0;
	border:solid 1px #ccc;
}
#home-content {
	margin:16px 75px 0 75px;
	padding:215px 0 0 0;
	height:295px;
	background:url(images/home/sangcom-bg.jpg) no-repeat;
}

#home-projects {
	padding:0 0 0 100px;
	margin:0;
	position:relative;
	z-index:1;
}

#home-description {
	clear:both;
	position:relative;
	margin:0 0 0 145px;
	padding:200px 0 0 0;
	line-height:37px;
}
.description-inner {
	position:absolute;
	top:100;
	left:0;
}
#home-description h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:25px;
	color:#ff0000;
	font-weight:normal;
	letter-spacing:0.35em;
	font-style:italic;
	text-align:left;
}
.description-gray {
	color:#999;
	margin-left: 90px;
}
#content_project {
	display:inline-block;
	width:940px;
	margin:7px 10px;
	background:url(images/projects-bg.gif) repeat-y;
}

body#work div#maincontent div#content_project div#leftcolumn div#left_splitleft p a.video img {
	border:none;
}

body #maincontent img.screencap {
	border:none;
}

.flash-video {
	margin:20px 0 0 0;
	text-align:center;
}

/**************************** Project Page Styles **************************/

#leftcolumn {
	float:left;
	width:716px;
	height:auto;
	margin:0 0 0 0px;
	padding-top:22px;
	border-top:solid 4px #ff0957;
	display:inline;
	font-family:Helvetica, Arial, sans-serif;
}

#left_splitfull {
	width:716px;
}

#left_splitleft {
	float:left;
	width:480px;
	height:auto;
	margin:0 0 0 10px;
	padding:0;
	display:inline;
}
#left_splitleft h1, #left_splitfull h1 {
	margin:0 0 0 0;
	padding:0;
	font-size:18px;
	font-weight:bold;
	color:#000;
}
#left_splitleft h2, #left_splitfull h2 {
	margin:18px 0 0 0;
	padding:0;
	font-size:16px;
	font-weight:normal;
	color:#666;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	line-height:1.35em;
}
#left_splitleft h3, #left_splitfull h3 {
	margin:20px 0 0 0;
	padding:0;
	font-size:17px;
	font-weight:normal;
	color:#ff0000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	line-height:1.5em;
}
#left_splitleft h3.grayed, #left_splitfull h3.grayed {
	margin:2px 0 0 0;
	padding:0 0 0 240px;
	color:#999;
}

#left_splitleft p, #left_splitfull p {
	margin:22px 0 0 0;
	padding:0;
	font-size:13px;
	color:#000;
	text-align:center;
}
#left_splitleft p.no-mrg, #left_splitfull p.no-mrg {
	margin-top:10px;
}
#left_splitleft p.left, #left_splitfull p.left {
	text-align:left;
	line-height:1.35em;
}

#left_splitright {
	float:right;
	width:199px;
	height:auto;
	margin:0 0 0 0;
	padding:0;
	display:inline;
}
#left_splitright_map {
	float:right;
	width:400px;
	height:auto;
	font-size:12px;
}
#left_splitright h2 {
	margin:0 8px 0 0;
	padding:0;
	font-size:15px;
	font-weight:bold;
	color:#222;
	text-transform:uppercase;
}
#left_splitright p {
	color:#555;
	font-size:12px;
	margin:16px 8px 22px 0;
	padding:0;
	line-height:1.35em;
}
#left_splitright p.caption {
	color:#666;
	font-size:11px;
	margin:10px 0 0 0;
	padding:0;
	line-height:normal;
}

#leftcolumn a {
	color:#ff0000;
}
#leftcolumn a:hover {
	color:#ff0000;
}

#rightcolumn {
	float:right;
	width:205px;
	height:auto;
	margin:0 0px 0 0;
	padding:0;
	background:none;
}
#rightcolumn h3 {
	margin:0 0 0 0;
	padding:16px 16px 0 16px;
	font-size:14px;
	font-weight:bold;
	color:#222;
	text-transform:uppercase;
}
#rightcolumn p {
	color:#444;
	font-size:12px;
	margin:16px 16px 11px 16px;
	padding:0;
}
#rightcolumn h4 {
	color:#777;
	font-size:14px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	margin:16px 16px 11px 16px;
	padding:0;
}
#rightcolumn h4.mrg-top {
	margin-top:30px;
	padding-top:10px;
	border-top:dotted 1px #c0c0c0;
}

#rightcolumn a {
	color:#444;
	text-decoration:none;
}
#rightcolumn a:hover {
	color:#444;
	text-decoration:none;
}
#rightcolumn p.caption {
	margin:16px 16px 18px 16px;
	padding:0;
}
#rightcolumn img {
	border:solid 1px #444;
}
.service {
	color:#888;
}

/**************************** Work Page Project Sample Styles **************************/

#work-grid {
	margin:0;
	padding:16px 0 0 0;
}
#work-grid ul {
	display:inline;
}
#work-grid li {
	display:inline;
	list-style:none;
	list-type:none;
}
#work-grid a img {
	border:solid 1px #444;
	margin:0 10px 12px 10px;
	padding:0;
}
#work-grid p {
	margin:0;
	padding:0 10px 0 10px;
	font-size:8.5pt;
	text-align:center;
}
#work-grid a {
	display:block;
	float:left;
	width:165px;
	height:136px;
	padding:10px 0 10px 0;
	margin:0 0 0 18px;
	color:#777;
	text-decoration:none;
	background:none;
}
#work-grid a:hover {
	background:url(images/project-thumbs/active-bg.gif) no-repeat;
	color:#fff;
	text-decoration:none;
}
#work-grid a:hover p {
	color:#fff;
	text-decoration:none;
}
#work-grid a:hover img {
	border:solid 1px #fff;
}

#work-grid a.first {
	margin-left:0;
}

/**************************** Table Styles **************************/

#flash_banner {
	position:relative;
	width:480px;
	height:360px;
	margin:16px 0 0 0;
	padding:0 0 12px 0;
}
body #flash_banner ul {
	list-style:none;
	height:360px;
	overflow:hidden;
	margin:0;
	padding:0;
}
body #flash_banner li {
	list-style:none;
	height:360px;
	display:block;
	margin:0;
	padding:0;
}

/**************************** Project Subnavigation **************************/

body #left_splitleft div#project-subnav {
	display:block;
	clear:both;
	margin-top:20px;
}
body #left_splitleft div#project-subnav a img {
	border:solid 1px #444;
	margin:0 5px 0 0;
	vertical-align:middle;
}
body #left_splitleft div#project-subnav a.selected img {
	border:solid 5px #ff0000;
}

/**************************** Table Styles **************************/

.table_contact {
	margin:9px 0 0 0;
	font-size:13px;
	color:#fff;
}
.table_contact td {
	padding:5px 0 5px 0;
	font-size:13px;
}
.table_contact td.left {
	padding:5px 10px 5px 0;
	text-align:right;
	color:#d8de3f;
}
.table_contact td.green {
	color:#d8de3f;
	padding:5px 0 0 0;
}
.table_contact td.leftwhite {
	color:#fff;
	padding:5px 0 0 0;
}
.table_contact td input {
	padding:2px;
	font-family:Arial, Helvetica, sans-serif;
	color:#444;
	font-size:14px;
	font-weight:bold;
}

/**************************** Footer **************************/

#footer {
	width:100%;
	height:auto;
	background:none;
	margin:16px auto 0 auto;
	background:#000230;
	padding:16px 0;
}
#footer-inner {
	width:960px;
	margin:0 auto;
}
#footer h2 {
	color:#aaa;
	font-weight:bold;
	font-size:13px;
	margin:0;
	padding:0;
}
#footer p {
	color:#aaa;
	font-weight:normal;
	font-size:13px;
	line-height:1.4em;
	margin:0;
	padding:0 10px;
}
#footer a {
	color:#aaa;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}

.footer-left {
	float:left;
	width:250px;
}
.footer-right {
	float:right;
	width:650px;
	text-align:right;
}
.footer-right p {
	
}
.divider-footer {
	color:#444;
	margin:0 12px;
}

/**************************** Homepage Testimonials **************************/
#footer-testimonials {
	display:block;
	width:auto;
	margin:16px 0 18px 154px;
	padding:0 0 16px 0;
	font-size:14px;
	color:#fff;
	font-style:italic;
	line-height:1.5em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-family:Arial, Helvetica, sans-serif;
}
#footer-testimonials span.byline {
	font-weight:bold;
	color:#eee;
}