/*
    Default Styles
*/

* { margin: 0; padding: 0; outline: 0; }
body { font: 17px/24px "Lucida Sans", Arial,sans-serif; color: #333; text-align: left; background: url(images/background.gif) repeat 0 0; }

a { color: #1e78cc; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: none; }
a img { border: 0; }

input, select, textarea { font-family: "Trebuchet MS", Arial, sans-serif; }
 
.ar { display: block; text-align: right; }
.ac { display: block; text-align: center; }
.al { display: block; text-align: left; }
.cl { clear: both; height: 0; font-size: 0; line-height: 0; text-indent: -4000px;  }
.fr { float: right; display: inline; }
.fl { float: left; display: inline; }
.hidden { display: none; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.shell { margin: 0 auto; width: 940px; }

h2 { font: 30px "Helvetica Neue 75 Bold", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #252649; margin-bottom: 10px; }
h3 { font: 24px "Lucida Sans Demibold Roman", "Lucida Sans", Arial, sans-serif; color: #923522; margin-bottom: 10px; }
h4 { font: bold 13px "Lucida Sans Demibold Roman", "Lucida Sans", Arial, sans-serif; margin: 5px 0; }
p { padding-bottom: 20px; }
a.up { display: block; height: 34px; width: 34px; background: url(images/up.png); font-size: 0; line-height: 0; text-indent: -4000px; margin: 0 0 0 auto; }
small { font: 11px "Lucida Sans Demibold Roman", "Lucida Sans", Arial, sans-serif; }
/*
	Header
*/

#header { height: 114px; background: url(images/header-bg.gif) repeat-x 0 0; border-bottom: 1px solid #8d8f96;  }

	#header .shell { position: relative; }
	
	h1#logo { height: 143px; width: 302px; position: absolute; top: 0; left: 0; }
	h1#logo a { display: block; height: 143px; background: url(images/logo.png); }
	
	
	h2.blog-label { height: 33px; width: 61px; margin: 0 0 15px auto; background: url(images/blog-label.gif); clear: both; }
	
	#navigation,
	#navigation ul li { background: url(images/nav-border.gif) no-repeat right 0; padding-right: 1px; height: 67px; }
	#navigation ul li { background-position: 0 0; padding: 0 0 0 1px; }
	
	#navigation ul { float: right; display: inline; list-style: none outside; }
	#navigation ul li { float: left; display: inline; }
	#navigation ul li a { float: left; display: inline; height: 67px; width: 119px; background: url(images/nav-sprite.gif) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; }
	
	
	#navigation ul li a.nav-about {}
	#navigation ul li a.nav-about:hover,
	#navigation ul li.active a.nav-about { background-position: 0 bottom; }
	
	#navigation ul li a.nav-work { background-position: -119px 0; }
	#navigation ul li a.nav-work:hover,
	#navigation ul li.active a.nav-work { background-position: -119px bottom; }
	
	#navigation ul li a.nav-contact { background-position: -238px 0; }
	#navigation ul li a.nav-contact:hover,
	#navigation ul li.active a.nav-contact { background-position: -238px bottom; }
	
	#navigationp 
	
/*
	Content
*/

#content {}
	.widecolumn { float: left; display: inline; width: 460px; }
	.shortcolumn { float: right; display: inline; width: 405px; }
	.shortcolumn .box { background: url(images/sc-box-bg.png) repeat-y 0 0; height: 100%; }
	.shortcolumn .box-bottom { height: 4px; width: 405px; background: url(images/sc-box-bottom.png); }
	
	
	
	/* 
		Welcome 
	*/
	
	#welcome .widecolumn { padding-top: 80px; }
		#welcome .testimonial { background: #f0f0e3; padding: 20px 25px; height: 100%; font: 16px "Lucida Sans Demibold Roman", "Lucida Sans", Arial, sans-serif; color: #556478;  margin: 40px 0 55px; }
		#welcome .testimonial p { padding-bottom: 0; }
	
		#welcome .shortcolumn { padding-top: 20px; }
		#welcome .shortcolumn img { display: block; height: 305px; width: 312px; background: url(images/photo.png); margin-left: 30px; }
		
		#welcome .social { border-top: 0px dashed #343434; margin-top: 35px; padding: 10px 0 100px 7px; height: 100%; }
		#welcome .social ul { list-style: none outside; padding-right: 115px; }
		#welcome .social ul li { padding-bottom: 3px; }
		#welcome .social a { display: block; padding-left: 53px; line-height: 37px; font-size: 14px; color: #1f1f1f; text-decoration: none; }
		#welcome .social a:hover { text-decoration: underline; }
		#welcome .social a.twitter { background: url(images/twitter.gif) no-repeat 0 0; }
		#welcome .social a.linkedin { background: url(images/linkedin.gif) no-repeat 0 0; line-height: 17px; }
	
		
	/*
		Intro Box
	*/
	
	.intro-box { color: #fff; }
	.intro-box h2 { color: #fff; }
	.intro-box p { padding-right: 30px; }
	
	/*
		About
	*/
	
	#about {}
		#about .intro-box { background: #575f74 url(images/intro-box-bg.gif) repeat-x 0 0; border-bottom: 1px solid #3e4555; padding: 35px 0 0 0; }
		#about .wrapper { padding: 25px 0 35px; height: 100%; font-size: 13px; }
		
		#about .widecolumn ul { list-style: none outside; padding: 0 0 30px 15px; }
		#about .widecolumn ul li { background: url(images/bullet1.gif) no-repeat 0 center; line-height: 24px; padding-left: 10px; }
		
		#about .box { padding: 30px 30px 5px 25px; }
		#about .list-sites { list-style: none outside; padding-bottom: 20px; }
		#about .list-sites li { margin-bottom: 12px; }
		#about .list-sites .img { float: left; display: inline; height: 60px; width: 60px; position: relative; overflow: hidden; margin-right: 10px; }
		#about .list-sites .img img { background: #fff; }
		#about .list-sites .text { float: left; display: inline; width: 280px; font-size: 12px; line-height: 14px; }
		#about .list-sites .text p { padding: 0; }
		#about .list-sites .text h4 a { font-size: 12px; text-decoration: none; }
		#about .list-sites .text h4 a:hover { text-decoration: underline; }
		
		.list-links { list-style: none outside; margin: -5px 0 15px;  position: relative; }
		.list-links li { font-size: 13px; line-height: 16px; }
	
	/*
		Work
	*/
			
	#work {}
		#work .intro-box { background: url(images/work-bg.gif) repeat-x 0 0; height: 157px; padding-top: 40px }
		#work .wrapper { padding: 30px 0 0 0; height: 100%; }
		#work .project { margin-bottom: 20px; width: 460px; height: 220px; position: relative; overflow: hidden; }
		#work .project a img { display: block; border: 1px solid #999; }
		
		#work .box { padding: 20px 25px; }
		#work .box .entry { padding: 10px 0; height: 100%; border-top: 1px dashed #b1b1a8; font-size: 14px; line-height: 20px; }
		#work .box .entry p { padding: 0; }
		#work .box .entry img  { display: block; height: 47px; width: 394px; position: relative; margin: 0 0 0 -20px; }
		
	/*
		Contact
	*/
	
	#contact {}
		#contact .intro-box { background: #232535 url(images/contact-bg.gif) repeat-x 0 0; padding: 40px 0 15px; height: 100%; }
		#contact form { padding: 15px 0 0 0; }
		#contact label { font: 11px "Lucida Sans Demibold Roman", "Lucida Sans", Arial, sans-serif; display: block; padding-bottom: 2px; }
		#contact input.field { display: block; height: 20px; width: 148px; padding: 2px 5px 0; margin-bottom: 17px; }
		#contact textarea { display: block; height: 111px; width: 336px; font-size: 13px; padding: 5px; margin-bottom: 20px; overflow: auto; }
		#contact input.submit { display: block; height: 31px; width: 80px; border: 0; background: url(images/contact-btn.gif) no-repeat 0 0; cursor: pointer; margin-bottom: 45px; }