
/*** - Undo HTML - ***/
	:link,:visited {text-decoration: none;}
	ul,ol {list-style: none;}
	h1,h2,h3,h4,h5,h6,pre,code,p {font-size: 1em;font-weight:normal;}
	img, dl,dd,dt,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
	img, a img,:link img,:visited img {border: none;}
	address {font-style: normal;}
	.clear {clear:both;}

/*** - HTML Tags Set - ***/	
	body {font-family:Arial, Helvetica, sans-serif; font-size:12px;}
	 		
/*** - Header - ***/			
	div#header {width: 100%; text-align:center; background:#fff url(/images/header-bg.jpg) repeat-x bottom left;}    

/*** - Accessibility Links -***/
	div#accessibilityLinks {display:none;}
	
/*** - Menu - ***/	
	div#menu {background:#f4f4f4 url(/images/menu-bg.jpg) bottom left repeat-x; text-align:center; border-top:1px solid #1a3560;}
	div#menu ul {padding:10px;}
	div#menu li {display:inline; margin:0px;}
	div#menu a:link,
	div#menu a:visited {color:#000; text-transform:uppercase; font-size:0.85em;padding:0 10px;}
	div#menu a:hover {border-bottom:5px solid #0e487d;}

/*** - Banner - ***/	
	div#banner {background:#588ecc url(/images/banner-bg.jpg) repeat-x bottom left; height:183px; text-align:center; margin:0;padding:0;}

/*** - Page - ***/
	div#page {width:100%;border-top:1px solid #1a3560;}
	
/*** - Body - ***/	
	div#body {width:700px; margin:0 auto; color:#003D78; padding:0;}
	
	/* Headings */
	div#body h1,
	div#body h2 {color:#006857;margin:6px 0; }	
	div#body h1 {font-size:2em;}
	div#body h2 {font-size:1.5em;}
	div#body h1, div#body h2 {font-family:"Helvetica Neue",Helvetica, Arial sans-serif; font-weight:bold;}	
	div#body h3 {font-size:0.9em; margin:5px 20px 0 0; font-weight:bold;}

	div#body h1 a:link,
	div#body h1 a:visited,
	div#body h1 a:hover,
	div#body h1 a:active,
	div#body h2 a:link,	
	div#body h2 a:visited,	
	div#body h2 a:hover,
	div#body h2 a:active {color:#006857;text-decoration:none;}
	
	div#body p {margin:5px 20px 10px 30px; line-height:1.4;}
	div#body p.address {line-height:1.2;}
	
	div#body ul {list-style-type:square;}
	
	span.notice {margin:5px;background-color:#eee; padding:5px 10px; font-weight:bold; width:100%; text-align:center;display:block; border:1px solid #006857;}
	span.notice a:link, span.notice a:visited {color:#003D78; text-decoration:underline;background:transparent url(/images/ds-logo.gif) no-repeat 0% 50%; padding-left:25px;}
	span.notice a:hover, span.notice a:active {color:#006857;}	
			
/*** - Sidebar - ***/	
	div#sidebar {float:left; width:160px; color:#003D78;}
	div#sidebar h2 {font-weight:bold; font-size:1.2em; text-transform:uppercase;}	
	div#sidebar ul {margin-left:20px; margin-bottom:20px;}
	div#sidebar ul li {background:transparent url(/images/bullet.jpg) no-repeat 0% 0%; list-style-type:none; padding-left:15px; margin:5px 0;}
		
	div#content ul#servicesList a:link,
	div#content ul#servicesList a:visited,
	div#sidebar a:link,
	div#sidebar a:visited {color:#003D78; text-decoration:none;}	
	div#content ul#servicesList a:hover,
	div#content ul#servicesList a:active,
	div#sidebar a:hover,
	div#sidebar a:active {color:#4277aa;text-decoration:underline;}
	div#sidebar li li a:link, 	div#sidebar li li a:visited {color:#006857;}

/*** - Footer - ***/
	div#footer {clear:both; text-align:center; padding:25px 0;color:#848183; font-size:0.8em; }
	div#footer p {margin:10px 0 0 0;}
	div#footer ul {padding-top:5px;}
	div#footer li {display:inline; padding:0 4px 0 0; background:transparent url(/images/footer-link-bullet.jpg) 100% 50% no-repeat; line-height:0.8em;}
	* html div#footer li {display:inline; padding:0 4px; background:transparent url(/images/footer-link-bullet.jpg) 100% 50% no-repeat; line-height:0.8em;}
	div#footer li.last {background:none;}
	div#footer a:link, div#footer a:visited {color:#848183;} /*color:#848183;*/
	div#footer a:hover, div#footer a:active	{text-decoration:underline;}
	div#footer li a.feed {padding-left:16px; padding-top:5px; background:transparent url(/images/feed-icon.jpg) no-repeat 0% 50%;}
	
	span#logo {background:transparent url(/images/logo-left.jpg) no-repeat 0% 50%; padding:20px 0 20px 25px;line-height:2.5; font-family:"Helvetica Neue",Helvetica, Arial, Sans-serif;}
	span#logo span {background:transparent url(/images/logo-right.jpg) no-repeat 100% 50%; padding:20px 25px 20px 0;}
	span#logo a:link, span#logo a:visited {color:#003D78;}

/*** - Content - ***/				
	div#content {padding:0 5px;}
	div#content ul {margin:0 0 0 30px; }	
	div#content ol {list-style-type:decimal;margin-left:40px;}
	div#content ol li {margin-left:30px;}
	div#content ul li {background:transparent url(/images/bullet.jpg) no-repeat 0% 50%; list-style-type:none; padding-left:15px; margin:4px 0;}
	div#content a:link,
	div#content a:visited {font-weight:bold;color:#006857;}
	div#content a:hover,
	div#content a:active {color:#4277aa;text-decoration:underline; }	
	div#content a.more {font-weight:bold;}
	div#content ul.first {float:left; width:200px;}
	div#content ul.second {float:right; width:200px;}	
	div#content dt {font-weight:bold;font-size:1.1em;}
	div#content dd {margin-left:20px;margin-bottom:10px;}
	div#content img#servicesImage {float:right;}
	span.feed {float:left;}
	
/*** - Home Page - ***/
	div.contact {float:left; width:450px;}
	div.home {float:left; width:400px;}		
	div#content.home h3 {margin-left:30px;}	

/*** - Company - ***/					
	div#companySidebar {float:right; width:250px;margin:5px 0 10px 5px;}		

/*** - Services - ***/				
	div#content.services h2 {font-size:1.1em;}	
	div#content div#servicesList {width:700px;}
	div#content div.servicesItems {float:left; width:200px; padding:0 10px; margin:0; }	
	div#content div.servicesItems ul {margin:0 0 0 10px; padding:0;}
	div#content div.servicesItems li {background:none; padding:1px; margin:0;}
	div#content div.servicesItems li a:link, div#content div.servicesItems li a:visited {color:#4277aa;border-bottom:1px solid #dedede;font-weight:normal;display:block;margin:0; padding:4px 0 0 4px;}
	div#content div.servicesItems li a:hover, div#content div.servicesItems li a:active {color:#006857;border-bottom:1px solid #cdcdcd;text-decoration:none;background-color:#e9ecf5;}	

	div#submenu {width:200px; float:right; padding:5px; border:1px solid #003D78; margin:5px;}	
	div#submenu ul {margin:0 0 0 15px;}
	div#submenu ul li {background:none; padding:0;}
	div#submenu li a:link, div#submenu li a:visited {color:#4277aa;border-bottom:1px solid #dedede;font-weight:normal;display:block;margin:0; padding:4px 0 0 4px;}
	div#submenu li a:hover, div#submenu li a:active {color:#006857;border-bottom:1px solid #cdcdcd;text-decoration:none;background-color:#e9ecf5;}		
	


/*** - Net Shift - ***/				
	div.netShift {margin:0 0 0 175px; }		
	div.netShift blockquote {color:#006857; padding:5px 10px 10px 25px; margin:10px 40px; font-style:italic;  background:transparent url(/images/open-quote.gif) no-repeat top left;}  
	div.netShift blockquote span {background:transparent url(/images/close-quote.gif) no-repeat bottom right;padding:0 25px 5px 0;}
	div.netShift img {margin:5px 30px 10px 40px;}
	div#content.netShift h3 {font-weight:bold; color:#006857;font-size:1.15em;}
	div#content.netShift p.code {margin:10px; padding:10px 5px; font-family:"Courier New", Courier, mono; background-color:#dedede; border:1px solid #AAA;}
	div.netShift ul.articleStats {font-size:0.85em;font-style:italic;}
	div.netShift ul.articleStats li {list-style-type:none;}
	div.netShift dl {padding:5px 20px; margin:5px 20px;}
	div.netShift dd {font-style:italic; font-size:0.9em;margin-bottom:10px;}
	div.netShift div.post {border:1px solid #efefef; padding:4px; margin:10px 0; background:transparent url(/images/portfolio-item-bg.jpg) top left repeat-x;}
	div.netShift div.post:hover {border:1px solid #ddd; }	
	div.netShift div.artInfo {border:1px solid #efefef; padding:4px;background:transparent url(/images/portfolio-item-bg.jpg) top left repeat-x; margin-top:20px; font-size:0.85em;}
	div.netShift p.tags {background:transparent url(/images/technorati.jpg) no-repeat top left; font-style:italic; padding-left:18px;}
	div.netShift p.bookmarks img {margin:0; padding:0;}	
	div.netShift table {border:1px solid #006857; margin:0 10px;}
	div.netShift table th {font-weight:bold; background-color:#efefef;}
	div.netShift table td {padding:5px;border:1px dotted #dcdcdc;}
	div#content div.netShift a:link, div#content div.netShift a:visited {color:#006857;}
	
/*** - Recent Work - ***/
	div#recentWork {float:right;width:250px; padding-right:5px;}		
	div.recentWorkItem {border:1px solid #006857; background:#f2f2f2 url(/images/portfolio-item-bg.jpg) bottom left repeat-x; padding:5px 10px; margin:10px 0; }
	div.recentWorkItem h2 a:link,
	div.recentWorkItem h2 a:visited,
	div.recentWorkItem h3,
	div.recentWorkItem h3 a:link,			
	div.recentWorkItem h3 a:visited {color:#003D78; margin:0; font-size:1.1em;}
	div.recentWorkItem h3 {letter-spacing:0.075em;}	
	div.recentWorkItem img {float:right; position:relative; border:1px solid #003D78;} /* Position:relative for IE6 Float bug */
	div.recentWorkItem ul {list-style-type:none; margin-left:20px; }
		
/*** - Contact Form - ***/
	div#contactForms {float:right;width:227px; }		
	div#contactForms h3 {border:1px solid #003D78; background:#f2f2f2 url(/images/portfolio-item-bg.jpg) bottom left repeat-x; padding:5px 0; margin:10px 0;}
	div#contactForms h3:hover {border:1px solid #006587;} 
	div#contactForms h3 a:link,			
	div#contactForms h3 a:visited {color:#003D78; display:block; padding:5px 10px;}	
	p.successMsg {font-size:1.2em; font-weight:bold;color:#006857; border: 1px solid #003D78;padding:2px 4px;}	
	p.errorMsg {font-size:1.2em; font-weight:bold;color:#C00; padding:2px 4px;}	
	form {margin-left:30px;}
	form label {float:left;width:120px;margin:0 5px;}
	form label.required {font-weight:bold;}
	form div {clear:both; margin:8px 0; }
	form p {margin:0; padding:0;}
	form h3 {clear:both; text-transform:uppercase; font-size:1.1em; padding-top:10px;}
	form input.txt {height:1.4em; width:16em; padding-left:5px;}
	form textarea.ta {height:8em; width:16em;}
	form select {width:16em; height:1.4em;}	
	form select, form input.txt, form textarea {font-size:1em; font-family:Helvetica, Arial, sans-serif; color:#003D78; border-top:1px solid #ccc;border-left:3px solid #003D78;border-bottom:1px solid #ccc;border-right:1px solid #ccc;}


/*** - Portfolio - ***/
	div#content.portfolioDetail {width:600px;margin:0 auto;}
	div#body p#portfolioTitle {background:#ececec; margin:10px 0 0 203px; padding:4px; border:1px solid #003D78;}
	div#pane {width:485px;height:250px;overflow:hidden;position:relative;padding:0;border:1px solid #000;margin:3px 0 0 0; float:right;}	
	div#clientpane {width:485px;height:219px;overflow:hidden;position:relative;border:1px solid #000; float:left;margin-right:15px;}	
	div#content.portfolio div#thumbnails {float:left; width:200px;}
	div#content.portfolio div#thumbnails ul {list-style-type:none; margin:5px 0 0 0;padding:0;}
	div#content.portfolio div#thumbnails li {display:inline;margin:0;padding:0 4px 0 0; background:none;}
	div#content.portfolio div#thumbnails li img {padding:1px; border:1px solid #003d78;}	
	div#content.portfolio div#thumbnails li img:hover {padding:1px; border:1px solid #006857;}		
	div#thumbnails li.last {padding:0;}	
	div#content div#projectThumbnails ul li {background:transparent url();padding:0;}
	div#content div#projectThumbnails ul li img {padding:1px; border:1px solid #003d78;}		
	div#portfolioDescription {clear:both;}
	div#portfolioText {width:390px; float:left;}
	div#portfolioText p {margin-left:10px;}	
	div#portfolioServices {width:200px;float:right;margin-right:10px;}
	div#portfolioServices  ul {margin-left:10px;}
	div#portfolioServices  p {margin-left:10px;}
	div#portfolioServices h2 {font-size:1.2em; text-transform:uppercase;}
	p.visitSite {cursor:hand; clear:both;text-align:center; padding:4px 0; border:1px solid #003D78; background:#f2f2f2 url(/images/portfolio-item-bg.jpg) bottom left repeat-x; font-weight:bold; display:block;}
	p.portfolio {text-align:center;clear:both;}
	p.portfolio a:link, p.portfolio a:visited {background:transparent url(images/back.gif) no-repeat top left; padding-left:25px;}
	p.portfolio a:hover, p.portfolio a:active {}		
	img.paneImg {position:absolute; top:0; left:0;}
	img#imgTop {z-index:100;left:649px;top:0;}
	img#imgBottom {z-index:10;} 
	
/*** - Clients - ***/
	div#clientListing {width:700px; margin:0 auto;}	
	ul.clients {float:left;width:200px;}
	
/*** - sIFR - ***
.sIFR-flash {visibility: visible !important;margin: 0;}
.sIFR-replaced {visibility: visible !important;}
span.sIFR-alternate {position: absolute;left: 0;top: 0;	width: 0;height: 0;	display: block;	overflow: hidden;}
.sIFR-hasFlash h1 {visibility: hidden;}
*/

/*** - Google Map - ***/
div#map {width:450px; height:425px; float:left; border:1px solid #003D78; padding:2px;}

/*** - Contact Tiles - ***/
div#contactLink {width:400px; background:#20399d url(/images/contact-pop-bg.jpg) repeat-x top left; margin:30px auto 0 auto; clear:both; padding:4px; border:1px solid #ccc; color:#000;}
div#contactLink h2 {color:#fff; font-weight:bold;text-align:center; text-transform:uppercase; }
div#contactLink a:link, div#contactLink a:visited {color:#fff;text-decoration:underline; }
div#contactLink h2 a:link, div#contactLink h2 a:visited {color:#fff; text-decoration:underline; text-align:center; text-transform:uppercase;}