body { background: #000 url(../images/layout/body.jpg) top center no-repeat; font-family: Arial, Helvetica, sans-serif; }

#container { width: 725px; margin: 0 auto; background: #fff;  }

#header { background: #fff url(../images/layout/header.gif) no-repeat; position: relative; height: 144px; margin-top: 25px; }
	#header h1 a { display: block; width: 201px; height: 34px; background: url(../images/layout/logo.gif) no-repeat; position: absolute; top: 34px; left: 25px; text-indent: -5000px; }
	
	#header .coda-nav ul { position: absolute; top: 101px; left: 0; background: url(../images/layout/nav.gif) top repeat-x; width: 725px!important;}
	#header .coda-nav li { float: left; background: url(../images/layout/divider.png) right no-repeat; margin: 0; padding: 0; }
	#header .coda-nav li a { display: block; float: left; color: #fff; text-decoration: none; padding: 14px 20px; font-size: 12px; text-transform: uppercase; margin: 0; }
	#header .coda-nav li a:hover, #header .coda-nav li a.current { background: #0833a1 url(../images/layout/main_nav.jpg) top repeat-x; }
	
	#header .coda-nav li a span { display: block; font-size: 11px; text-transform: none; padding-top: 2px; color: #ccc; }
	#header .coda-nav li.tab1, #header .coda-nav li.tab2, #header .coda-nav li.tab3, #header .coda-nav li.tab4, #header .coda-nav li.tab5 { display: none; }

#sub_header { width: 725px; height: 253px; }

	h2 { width: 204px; height: 24px; text-indent: -5000px; margin-bottom: 20px; text-indent: -5000px; }
	h2#about-heading { background: url(../images/headings/about.gif) no-repeat; }
	h2#web-design-heading { background: url(../images/headings/web_design.gif) no-repeat; height: 29px; }
	h2#graphic-design-heading { background: url(../images/headings/graphic_design.gif) no-repeat; height: 29px; }
	h2#flash-design-heading { background: url(../images/headings/flash_design.gif) no-repeat; height: 29px; }
	h2#contact-heading { background: url(../images/headings/contact_us.gif) no-repeat; height: 29px; }
	#content p { font-size: 12px; color: #3a3a3a; margin-bottom: 20px; line-height: 1.5; }
	h3 { font-weight: bold; color: #0833a1; font-size: 12px; margin-bottom: 10px; } 
	
	#about  { height: 900px; }

	
	#services { background: url(../images/layout/services.jpg) no-repeat;  position: relative; width: 725px; height: 212px; margin-bottom: 20px; }
	#services .column { display: none; }
	
	#info { margin-left: 20px; padding-bottom: 20px; }
	#info .column { float: left; }
	#info .column.one { width: 345px; margin-right: 20px; }
	#info .column.two { width: 150px; margin-right: 20px; }
	#info .column.three { width: 140px;  }
	#info .column ul li { font-size: 12px; margin-bottom: 10px; background: url(../images/icons/bullet.gif) left no-repeat; padding-left: 12px; }
	#info .column ul li strong { font-weight: bold; }
	#info .column ul li a { color: #0833a1; text-decoration: none; }
	
	#info .column #social-media li { display: inline; padding: 0; margin: 0; background: none; }
	#info .column #social-media li a { display: block; float: left; width: 30px; height: 33px; text-indent: -5000px; margin-right: 7px; }
	#info .column #social-media li.item-1 a { background: url(../images/icons/twitter.png) no-repeat; }
	#info .column #social-media li.item-2 a { background: url(../images/icons/facebook.png) no-repeat; }
	#info .column #social-media li.item-3 a { background: url(../images/icons/linkedin.png) no-repeat; }
	#info .column #social-media li.item-4 a { background: url(../images/icons/flickr.png) no-repeat; }

	.gallery li, .flash li { float: left; margin-right: 65px; width: 175px; height: 164px; padding: 5px; margin-bottom: 20px; background: url(../images/layout/li.jpg) no-repeat; }
	.gallery li.last-row-item, .flash li.last-row-item { margin-right: 0; }
	.gallery li h3, .flash li h3 { padding-top: 5px; margin-bottom: 0; text-indent: 5px; }
	.gallery li p, .flash li p { margin-bottom: 5px; text-indent: 5px; font-size: 11px; }
	
	#contact-us li { margin-bottom: 20px; }
	#contact-us label { display: block; font-size: 12px; margin-bottom: 5px; }
	#contact-us .input-text, #contact-us textarea { width: 350px; padding: 6px; font-size: 12px; border: 1px solid #ccc; background: #fff url(../images/layout/input_bg.gif) top repeat-x; }
	#contact-us .input-text:hover, #contact-us textarea:hover { border: 1px solid #999; }
	#contact-us textarea { width: 684px; height: 160px; }
	#contact-us .input-button { background: #114281; color: #fff; font-size: 11px; color: #fff; cursor: pointer; border: none; padding: 3px 5px; }
	#contact-us .input-button:hover { background: #000; }
	
	#address { float: right; width: 190px; margin-top: -442px; padding: 0 20px 0 25px; font-size: 11px; border-left: 1px solid #ccc; height: 178px;  margin-right: 70px; }
	#address p { margin-bottom: 0; color: #666; padding: 0; }
	
	#error { background: #ffb4b4; border: 1px solid #ff9999; padding: 2px 7px; font-size: 11px; width: 562px; margin: -42px 0 15px 105px; }
	#error ul { margin-top: 10px; margin-bottom: 0;  display: inline;  }
	#error ul li { font-size: 11px; margin-left: 5px;  margin-bottom: 0; display: inline; margin-right: 10px; }
		
	#success { background: #b5ffc7; border: 1px solid #65fd8a; font-size: 12px; padding: 1px 7px; width: 562px; margin: -42px 0 15px 105px;  }
	#success h3, #error h3 { font-size: 11px; font-weight: bold; margin-right: 5px;text-indent: 0; color: #000; display: inline; }
	#success p { font-size: 11px; margin-bottom: 0; padding-left: 0; display: inline; }
	
#footer { width: 725px; height: 145px; background: url(../images/layout/footer.gif) no-repeat; margin: 0 auto; }
	#footer  strong { display: none; }
	#footer small { text-align: center; padding-top: 94px; font-size: 12px; color: #fff; display: block; }
	#footer p.co { font-size: 11px; color: #ccc; text-align: center; padding-top: 5px; }