@charset "UTF-8";

/* Reset and customize basic HTML tags */
* { margin: 0; padding: 0; border: none; font-family: Verdana, Geneva, sans-serif; }
body { background: #f7f7f7; font-family: Verdana, Geneva, sans-serif; font-size: .8em; color: #0c0c0c; }

/* General tags */
h1 { padding: 25px 0 0 15px; font-size: 2.5em; text-shadow: 2px 2px 2px #000; color: #fff; }
h2 { font-size: 1.9em; text-shadow: 2px 2px 2px #cfcfcf; color: #142936; font-weight: normal; }

/* Structural */
.center-width { position: relative; width: 1000px; margin: 0 auto; }
#branding { float: left; width: 100%; height: 116px; background: #142936; }
	#branding #logo { float: left; margin: 15px 0 0 0; }
	#branding #intro { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; color: #fff; float: left; width: 425px; font-size: .8em; padding:  25px 0 0 25px; }
	#branding #contact { float: right; padding: 40px 40px 0 0; }
#header { float: left; width: 100%; height: 89px; background: #0c3d5b url(/img/bg-header.jpg) 50% 0 no-repeat; border-top: 1px solid #2185c3; }
#portfolio { float: left; width: 100%; padding: 25px 0; background: #f7f7f7 url(/img/bg-content.jpg) 0 0 repeat-x; }
#footer { float: left; width: 100%; padding: 5px 0; background: url(/img/bg-footer.png) 0 0 repeat; border-top: 1px solid #2185c3; text-align: right; color: #fff; }
	#footer p { padding: 0 40px 0 0; }


/* Portfolio styles */
#portfolio ul { float: left; width: 100%; list-style: none; }
	#portfolio ul li { float: left; width: 311px; padding: 0 0 25px 20px; }
		#portfolio ul li.first { clear: left; }
		#portfolio ul li img { -moz-box-shadow: 0 0 4px #000; -webkit-box-shadow: 0 0 4px #000; box-shadow: 0 0 4px #000; padding: 3px; }
			#portfolio ul li img:hover { -moz-box-shadow: 0 0 4px #0036ff; -webkit-box-shadow: 0 0 4px #0036ff; box-shadow: 0 0 4px #0036ff; }
		#portfolio ul li p { font-size: .8em; }
			#portfolio ul li p a { color: #2185c3; }
		#portfolio ul li ul { float: none; width: auto; padding: 15px 0 0 25px; }
			#portfolio ul li ul li { float: none; width: auto; padding: 3px 0 3px 20px; background: url(/img/bullet1.png) 0 50% no-repeat; }

/* Contact form */
#contact-form label { float: left; width: 250px; color: #484848; font-weight: 900; }
#contact-form p { padding: 0 0 10px 0; }
#contact-form span { float: left; width: 250px; display: none; color: #d00000; font-size: .8em; }
#contact-form input { float: left; width: 244px; padding: 3px; height: 15px; background: url(/img/bg-input.png) 0 0 no-repeat; font-size: 12px; }
	#contact-form input.submit { width: auto; padding: 0; border: none; height: auto; background: none; }
	#contact-form .justtry { position: absolute; background: none; padding: 0; height: 0; width: 0; margin-left: -11982px; }
#contact-form textarea { float: left; width: 244px; height: 144px; padding: 3px; background: url(/img/bg-textarea.png) 0 0 no-repeat; font-size: 12px; }