/*
//-----------------------------------------------------------------------------

	Viewing: 	cs.ni.ss.css
	
	Version: 	1.0
	Date: 		January 2010
	Author: 	[Synergetic, Interactive Agency, USA]
	Email: 		[reception@synergeticusa.com]

	Website: 	[www.synergeticusa.com]

	Version History: [1.0]
		- New Design 01.01.10

// -----------------------------------------------------------------------------
*/

/*		IMPORTANT COPYRIGHT NOTICE -
		THIS FILE MAY NOT BE COPIED, DISTRIBUTED, OR MODIFIED
		WITHOUT WRITTEN PERMISSION FROM THE RESPECTIVE OWNER.
		COPYRIGHT (c) 2010 SYNERGETICUSA.COM - ALL RIGHTS RESERVED 		*/

/*	--------------------------------------------------------------------------------------------
		BODY
	--------------------------------------------------------------------------------------------*/

	a { outline: none; cursor: pointer; }
	html { height: 100%; background: #C7C5C0; }
	p { padding: 0; margin: 0; border: 0; }
	div#_body { margin: 0 auto; padding-top: 28px; padding-bottom: 28px; width: 956px; height: auto; }
	body { background: #C7C5C0; margin: 0; padding: 0; border: 0; cursor: default; font-family: Arial, Helvetica, sans-serif; }
	div#container-home { background: #000000 url("../images/head-bg_home.gif") left center no-repeat; width: 852px; height: 356px; padding: 48px 52px 0px 52px; }
	div#container-agency { background: #000000 url("../images/head-bg_short.gif") top left no-repeat; width: 852px; height: 277px; padding: 48px 52px 0px 52px; }
	div#container-services { background: #000000 url("../images/head-bg_short.gif") top left no-repeat; width: 852px; height: 242px; padding: 48px 52px 0px 52px; }
	div#container-approach { background: #000000 url("../images/head-bg_short.gif") top left no-repeat; width: 852px; height: 242px; padding: 48px 52px 0px 52px; }
	div#container-mobile { background: #000000 url("../images/head-bg_mobile.gif") top left no-repeat; width: 852x; height: 494px; padding: 48px 52px 0px 52px; }
	div#container-work { background: #000000 url("../images/head-bg_work.gif") top left no-repeat; width: 852x; height: 494px; padding: 48px 52px 0px 52px; }
	div#container-contact { background: #000000 url("../images/head-bg_short.gif") top left no-repeat; width: 852x; height: 242px; padding: 48px 52px 0px 52px; }
	
	::-moz-selection { background: #008ABC;color: #FFFFFF; }
	::selection { background: #008ABC;color: #FFFFFF; }
	code::-moz-selection { background: #008ABC; }
	code::selection { background: #008ABC; }
	
	div.col-xa { float: left; width: 146px; height: 314px; padding-top: 078px; margin-left: 00px; }
	div.col-xb { float: left; width: 658px; height: 314px; padding-top: 024px; margin-left: 50px; }
	div.col-dv { background: url("images/divider-dotted.gif") top center repeat-x; width: 100%; height: 1px; margin-top: 27px; margin-bottom: 27px; }
	div.col-xa span.tl-ch { font-size: 11px; color: #F8F8F8; font-weight: bold; line-height: 24px; padding: 0px; margin-left: 27px; }
	div.col-xa span.tl-em { float: left; width: 146px; background: url("images/icon-phone.gif") left center no-repeat; font-size: 11px; color: #585858; font-weight: none; text-decoration: none; line-height: 24px; padding-left: 22px;  margin-left: 27px; }
	div.col-xa a:link, div.col-xa a:visited { float: left; width: 146px; background: url("images/icon-email.gif") left center no-repeat; font-size: 11px; color: #585858; font-weight: none; text-decoration: none; line-height: 24px; padding-left: 22px; margin-left: 27px; }
	div.col-xa a:hover, div.col-xa a:visited { color: #787878; }
	
	div#page-inc { width: 852px; height: 48px; }
	div#breadcrumbs { background: transparent !important; width: 319px; float: left; margin-top: 30px; }
	div#sub-menu { background: url("../images/submenu-bg.gif") repeat-x top left; height: 14px; width: 533px; float: right; margin-top: 19px; }
	a.sub-item, a.sub-item:link, a.sub-item:visited, a.sub-item:active { font-size: 11px; color: #686868; text-decoration: none; float: left; margin-right: 28px; border-top: 1px solid #282828; padding: 10px 0px 10px 0px; }
	a.sub-item:hover, span.selected-item { font-size: 11px; color: #EAEAEA; text-decoration: none; float: left; margin-right: 28px; border-top: 1px solid #008ABC; padding: 10px 0px 10px 0px; }
	div#news-headline { float: right; width: 484px; text-align: right; font-size: 10px; color: #979797; }
	div#news-headline b { color: #4F4F4F; }
	span.bc-13 { font-size: 11px; color: #4F4F4F; }
	
	span.tl-12 { font-size: 11px; color: #008ABC; letter-spacing: 0.00px; line-height: 24px; }
	span.ds-11 { font-size: 11px; color: #646464; letter-spacing: 0.00px; line-height: 20px; }
	div.ds-11 { font-size: 11px; color: #747474; letter-spacing: 0.00px; line-height: 24px; }
	
	div#container-cs { background: #000000; width: 956px; height: 341px; }
	div#content-cs { background: #FFFFFF url("../images/cs-featured.jpg") top left no-repeat; min-height: 160px; padding: 0px 50px 0px 50px; }
	li#cs-column-a { float: left; width: 403px; padding: 40px 0px 0px 0px; line-height: 14.8pt; list-style: none outside; }
	li#cs-column-b { float: right; width: 178px; padding: 40px 0px 0px 0px; line-height: 14.8pt; list-style: none outside; }
	div.cs-launch { float: left; background: url("../images/cs-launch.gif") top left no-repeat; width: 44px; height: 9px; position: absolute; margin: 66px 0px 0px -72px; }
	span.cs-10 { font-size: 12px; color: #008ABC; padding: 0; margin: 0; height: 0; }
	span.cs-11 { font-size: 11px; color: #686868; padding: 0; margin: 0; height: 0; }
	
	div.col-n2 { float: left; width: 510px; margin-left: 0px; }
	div.col-n1 { float: left; width: 110px; margin-left: 0px; }
	div.col-n1 a: link, div.col-n1 a: visited { float: left; width: 110px; font-size: 11px; text-decoration: none; color: #4F4F4F; line-height: 24px; }
	div.col-n1 a: hover, div.col-n1 a: active, div.col-n1 a.selected { float: left; width: 110px; font-size: 11px; text-decoration: none; color: #008ABC; line-height: 24px; }
	div#col-n1-tabs ul { list-style-position: outside; list-style: none; }
	div#col-n1-tabs li { list-style-position: outside; list-style: none; width: 110px; }
	div.col-n2 li { list-style-position: inside; line-height: 20px; margin-left: 16px; }
	* html div.col-n2 li { list-style-position: inside; line-height: 20px; margin-left: 10px; }
	
	div#content { background: #FFFFFF; min-height: 368px; padding: 0px 52px 0px 52px; }
	div#content-home { background: #FFFFFF; min-height: 182px; padding: 0px 52px 0px 52px; }
	div#content-services { width: 560px; }
	div#content-home-a { float: left; width: 412px; margin-left: 00px; padding-top: 00px; }
	div#content-home-b { float: left; width: 223px; margin-left: 23px; padding-top: 19px; }
	div#content-contact { background: #FFFFFF; min-height: 384px; padding: 0px 52px 0px 52px; }
	div#content-contact-a { float: left; width: 180px; margin-left: 000px; padding-top: 35px; }
	div#content-contact-b { float: left; width: 578px; margin-left: 94px; padding-top: 35px; }
	div#cs-divider { background: #008ABC url("../images/cs-divider.gif") top left no-repeat; height: 3px; width: 956px; }
	
	div#services-nav { background: #008ABC; width: 852px; height: 60px; padding: 0px 52px 0px 52px; }
	
	div#work-nav { width: 182px; height: 13px; text-align: center; margin: 0 auto; }
	div.circle a { margin: 3px 2px 0px 2px; text-decoration: none; }
	div.circle a:link { float: left; width: 7px; height: 7px; background: url("../images/work-nav-circle-off.png") no-repeat; }
	div.circle a.selected { float: left; width: 7px; height: 7px; background: url("../images/work-nav-circle-on.png") no-repeat; }
	div.arrow-l a:link { margin: 0px 7px 0px 0px; float: left; text-decoration: none; width: 13px; height: 13px; background: url("../images/work-nav-arrow-l.png") no-repeat; }
	div.arrow-r a:link { margin: 0px 0px 0px 7px; float: left; text-decoration: none; width: 13px; height: 13px; background: url("../images/work-nav-arrow-r.png") no-repeat; }
	
	div#footer { background: url("../images/footer-bg.gif") no-repeat top center; width: 956px; padding-top: 15px; font-size: 11px; text-align: left; color: #888783; }
	div#footer a { /* padding-right: 27px; background: url("../images/footer-mt.gif") top right no-repeat; */ color: #888783; text-decoration: none; }
	div#footer a:hover { color: #696863; text-decoration: none; }
	div#c-l { width: 400px; float: left; text-align: left; }
	div#c-2 { width: 400px; float: right; text-align: right; }
	
	.sIFR-flash { visibility: visible !important; margin: 0; }
	.sIFR-unloading .sIFR-flash { visibility: hidden !important; }
	.sIFR-replaced, .sIFR-ignore { visibility: visible !important; }
	.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
	.sIFR-replaced div.sIFR-fixfocus { margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none; }
	.sIFR-dummy { width: 0px; height: 0px; margin-left: 42px; z-index: 0; }
	
	h1 { margin-bottom: 10px; font-size: 1px; color: #FFFFFF; cursor: default; }
	h2 { margin-top: 10px; margin-bottom: 14px; font-size: 1px; color: #FFFFFF; cursor: default; }
	
	label { font-size: 11px; color: #4F4F4F; }
	table.contact { width: 402px; border: 0; }
	table.contact tr { height: 27px; }
	span.asterisk, span.c-intro { font-size: 11px; line-height: 24px; color: #008ABC; }
	div#contact-map { background: url("../images/contact-map.gif") no-repeat top left; margin-bottom: 22px; width: 168px; height: 69px; }
	a.email:link, a.email:active, a.email:visited { color: #747474; text-decoration: none; line-height: 24px; }
	a.email:hover { color: #4F4F4F; text-decoration: none; }
	input.field-sml { background: url("../images/contact-field-sml.gif") no-repeat top left; width: 174px; height: 27px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #787878; padding-left: 8px; padding-top: 6px; border: 0; float: left; }
	input.field-sml:hover, input.field-sml:focus { background: url("../images/contact-field-sml_focus.gif") no-repeat top left; color: #484848; }
	textarea.field-lrg { background: url("../images/contact-field-lrg.gif") no-repeat top left; width: 562px; height: 96px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #787878; padding: 8px 8px 8px 8px; padding-right: 8px; border: 0; resize: none; float: left; }
	textarea.field-lrg:hover, textarea.field-lrg:focus { background: url("../images/contact-field-lrg_focus.gif") no-repeat top left; color: #484848; }
	input.field-btn { background: url("../images/contact-button.gif") no-repeat top left; width: 154px; height: 41px; margin-top: 15px; border: 0; float: right; outline: none; cursor: pointer; }

/*	--------------------------------------------------------------------------------------------
		THE END
	--------------------------------------------------------------------------------------------*/
	
/*		IMPORTANT COPYRIGHT NOTICE: 
		THIS FILE MAY NOT BE COPIED, DISTRIBUTED, OR MODIFIED
		WITHOUT WRITTEN PERMISSION FROM THE RESPECTIVE OWNER.
		COPYRIGHT (c) 2010 SYNERGETICUSA.COM - ALL RIGHTS RESERVED 		*/