@charset "UTF-8";
/* CSS Document */

/* reset */

* {
	margin:0;
	padding:0;
}
/* - - - - - - - - - - - - - - - - - - - - - - 
				  TYPOGRAPHY					
- - - - - - - - - - - - - - - - - - - - - - - */


@font-face {
	font-family: 'nevisBold';
	src: url('../fonts/nevis-webfont.eot#') format('embedded-opentype'),
	     url('../fonts/nevis-webfont.woff') format('woff'), 
		 url('../fonts/nevis-webfont.ttf') format('truetype'), 
		 url('../fonts/nevis-webfont.svg#webfontyP3w0CZT') format('svg');
	font-weight: normal;
	font-style: normal;
}

.amp {
font-family:'Goudy Old Style', Palatino, Baskerville, 'Book Antiqua', serif;
font-style: italic;
font-weight: normal;
}

body { color:#555; background:#efefef url(../images/bg.jpg) repeat scroll 0 0; font-family:Helvetica, Arial, sans-serif; overflow-x:hidden; }

p { margin:15px 0; line-height:22px; color:#555555; text-shadow:1px 1px 1px #fff; }
	
p, li { font-size:14px; }

p.intro { font-weight:bold; }

ul, ol { margin:10px 0 20px; }

li { color:#000; margin:5px 0; }

a { color:#0e7cba; text-decoration:none; outline:none; }

a:hover { color:#363636; text-decoration:underline; }

h1, h2, h3, h4, h5, h6 { font-family: Helvetica, Arial, sans-serif; }

ul, ol { padding-left:5px; }

.fl { float:left; }

.fr { float:right; }

h2 {
	color:#363636;
	font-family:nevisBold, Helvetica, Arial, sans-serif;
	font-weight:normal;
	letter-spacing:1px;
	font-size:35px;
	padding:8px 0;
}
h2.home { font-size:38px; }

h3.porttitle {
	color:#fff;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:lighter;
	letter-spacing:2px;
	font-size:25px;
	padding:5px 0;
	text-align:center;
	background:#0e7cba;
	line-height:31px;
}

h4 {
	color:#0e7cba;
	font-size:16px;
	padding:5px 0;
	border-bottom:1px solid #0e7cba;
}
.bold { color:#0e7cba; }

::-moz-selection{ color:#fff; background:#0e7cba; text-shadow:none; }
::selection { color:#fff; background:#0e7cba; text-shadow:none; }


/* - - - - - - - - - - - - - - - - - - - - - - 
				   LAYOUT					
- - - - - - - - - - - - - - - - - - - - - - - */

#container {
	clear:both;
	height:100%;
	margin:0 auto;
	position:relative;
}

#full-width { width:100%; }

#container .inside {
	clear:both;
	height:100%;
	margin:0 auto;
	position:relative;
	width:1050px;
}

#content { 
	width: 675px;
	float:left;
	/*margin:25px 0 10px 0;*/
	padding:10px;
	margin:0;
	background:#efefef; border:1px solid #ccc;
	}
	
	#content a, #sidebar a.link { background:#ddd; padding:5px 2px 2px 2px; }
	#content a:hover, #sidebar a.link:hover { background:none; text-decoration:none; }
	
	#content.full { width:1050px; }
	#content.full h3 { clear:both; }

#content ul li {
	padding:14px 0 0 25px;
	display: block;
	font-size: 13px;
	font-weight: bold;
	background: url(../images/check-about.jpg) no-repeat;
	background-position: 0px 12px; 
}

#sidebar {
	width:320px;
	float:left;
	margin:25px 0 10px 30px;
}


.alignright { float:left; margin:0 10px 10px 0; }

/* - - - - - - - - - - - - - - - - - - - - - - 
					HEADER					
- - - - - - - - - - - - - - - - - - - - - - - */

#header {
	height:90px;
	border-bottom:8px solid #363636;
	background:#efefef;
}
#header .inside {
	height:100%;
}
h1#logo a {
	background: url(../images/logo.png) no-repeat 0 0;
	text-indent:-9999px;
	display:block;
	z-index:1000;
	height:74px;
	width:283px;
	overflow:hidden;
	position:absolute; top:17px;
}
h1#logo a:hover { opacity:0.8; filter:alpha(opacity=80); }

.title { height:65px;  }

/* - - - - - - - - - - - - - - - - - - - - - - 
				  NAVIGATION					
- - - - - - - - - - - - - - - - - - - - - - - */

#navigation {
	position:absolute;
	top:22px;
	right:0px;
}
#navigation li {
	float:left;
	display:block;
	margin:16px 0 0 0;
	width:95px;
	font-size:16px;
	padding-right:5px;
}

.current-nav, #navigation li a:hover { background:#363636; color:#fff !important; }

#navigation li a {
	color:#363636;
	display:block;
	text-decoration:none;
	text-align:center;
	line-height:48px;
	height:43px;
}


/* - - - - - - - - - - - - - - - - - - - - - - 
				    BUTTONS					
- - - - - - - - - - - - - - - - - - - - - - - */

a.button-contact {
	background:transparent url(../images/contact-button.png) no-repeat 0 0;
	display:block;
	height:30px;
	overflow:hidden;
	text-indent:-9999px;
	width:108px;
}
a:hover.button-contact {
	background:transparent url(../images/contact-button.png) no-repeat 0 -30px;
}

#container .launch-site {
	background:transparent url(../images/launch-site.png) no-repeat 0 0;
	display:block;
	height:26px;
	overflow:hidden;
	text-indent:-9999px;
	width:92px;
	float:right;
}
#container .launch-site:hover {
	background:transparent url(../images/launch-site.png) no-repeat 0 -26px;
}

a.button-portfolio {
	background:transparent url(../images/view-portfolio.png) no-repeat 0 0;
	display:block;
	height:50px;
	overflow:hidden;
	text-indent:-9999px;
	width:211px;
	position:absolute;
	top:425px;
	left:594px;
}
a:hover.button-portfolio {
	background:transparent url(../images/view-portfolio.png) no-repeat 0 -47px;
}

/* - - - - - - - - - - - - - - - - - - - - - - 
				   SIDEBAR					
- - - - - - - - - - - - - - - - - - - - - - - */

#container ul.checkmarks li {
	margin:15px 0 30px;
	list-style-type:none;
	color:#414042;
}
ul.checkmarks {
	margin-left:0;
	padding-left:0;
}
#container ul.checkmarks li em {
	font-style:normal;
	font-weight:bold;
	text-transform:uppercase;
	color:#3aa7d6;
}
#container ul.docs {
	padding-left:30px;
}
#container ul.docs li {
	color:#414042;
	list-style-image:url(../images/doc.png);
	margin:15px 0;
}
#container ul.docs li em {
	font-style:normal;
	font-weight:bold;
	text-transform:uppercase;
	color:#3aa7d6;
}



/* - - - - - - - - - - - - - - - - - - - - - - 
				 HOME SLIDER				
- - - - - - - - - - - - - - - - - - - - - - - */
#home-page {
	width:1050px; margin:-25px 0 25px 0;
}

#home-page h3 { font-size:133px; border:none; color:#363636; }

#home-page p { font-size:27px; text-shadow:none; line-height:32px; margin-top:-30px; }

#home-page h3 .amp {
font-family: 'Goudy Old Style', Palatino, Baskerville, 'Book Antiqua', serif;
font-style: italic;
font-weight: normal;
color:#0e7cba;
font-size:195px;
}

/* Slider/Content Container */
#slider {
	width: 100%;
	overflow: hidden;
	height: 404px;
	border-bottom:2px solid #363636;
}
/* Campaign items */
.slide {
	height: 405px;
	width: 100%!important;
}
.slide_content {
	width: 1060px;
	height: 405px;
	margin: 0 auto;
	display: block;
	text-indent: -9999px;
}
/* slide Slider */
#art-love-design {
	background: url(../images/slider/bg-art-love-design.jpg) repeat-x 0 0;
        width: 100%;
        height: 405px;
   }
   #art-love-design .slide_content { background: url(../images/slider/slide-art-love-design.png) no-repeat top left; }
   
#john-smith-photography {
	background: url(../images/slider/bg-john-smith-photography.jpg) repeat-x 0 0;
        width: 100%;
        height: 405px;
   }
   #john-smith-photography .slide_content { background: url(../images/slider/slide-john-smith-photography.jpg) no-repeat top left; }
   
#stick-figure {
	background: url(../images/slider/bg-stick-figure.jpg) repeat-x 0 0;
        width: 100%;
        height: 405px;
   }
   #stick-figure .slide_content { background: url(../images/slider/slide-stick-figure.jpg) no-repeat top left; }

#jaclyn-marie {
	background: url(../images/slider/bg-jaclyn-marie.jpg) repeat-x 0 0;
        width: 100%;
        height: 405px;
   }
   #jaclyn-marie .slide_content { background: url(../images/slider/slide-jaclyn-marie.png) no-repeat top left; }
   
 #benchmark {
  background: url(../images/slider/bg-benchmark.jpg) repeat-x 0 0;
	  width: 100%;
	  height: 405px;
 }
   #benchmark .slide_content { background: url(../images/slider/slide-benchmark.png) no-repeat top left; }
   
 #blank-slate {
  background-color: #e55fa4;
	  width: 100%;
	  height: 405px;
 }
   #blank-slate .slide_content { background: url(../images/slider/slide-blankslate.jpg) no-repeat top left; }
   
   
   #dandy {
  background: url(../images/slider/bg-thedandy.jpg) repeat-x 0 0;
	  width: 100%;
	  height: 405px;
 }
   #dandy .slide_content { background: url(../images/slider/slide-thedandy.png) no-repeat top left; }





/* - - - - - - - - - - - - - - - - - - - - - - 
			      PORTFOLIO					
- - - - - - - - - - - - - - - - - - - - - - - */

.portfolio-box {
	width:305px;
	height:300px;
	float:left;
	margin:48px 10px 30px 10px;
	padding:10px;
	position:relative;

}

.item { height:185px; }
.item img { width:300px; }

.portfolio-item { background:none !important; }

.portfolio-box a { background:none; padding:0 !important; position:relative; }
.portfolio-box img { border:3px solid #444; margin-bottom:5px; }

.portfolio-box a[href$=".jpg"]:hover:before {
   content: url(../images/magnify.png);
   position: absolute;
   right: 85px;
   top: -130px;
}

.portfolio-box p { margin:8px 0; }

.personal-project {
	position:absolute;
	border:none !important;
	right:8px;
	top:-14px;
}

/* - - - - - - - - - - - - - - - - - - - - - - 
			       SERVICES					
- - - - - - - - - - - - - - - - - - - - - - - */
.services-box { min-height:330px; height:330px; border-bottom:2px solid #3399cc; margin-bottom:20px; }
.services-box.last { border-bottom:none; margin-bottom:0;}

#services-page { margin-bottom:20px; overflow:hidden; }

#services-page img { border:3px solid #363636; margin-bottom:10px; }

.services-left { float:left; width:330px; margin-left:5px; }

#services-page ul  {
	padding:0px;
	margin:0px;
	float:right;
	width:665px;
}

#services-page ul li {
	color:#757575;
	margin:0px 0px 25px 0px;
	padding:0px 0 0 65px !important;
}

#services-page ul li.custom-site-design { background: url(../images/services-icons.png) no-repeat 0 15px !important; }
#services-page ul li.seo { background: url(../images/services-icons.png) no-repeat 0 -82px !important; }
#services-page ul li.valid-code { background: url(../images/services-icons.png) no-repeat 0 -193px !important; }
#services-page ul li.kick-start { background: url(../images/services-icons.png) no-repeat 0 -298px !important; }
#services-page ul li.brochure { background: url(../images/services-icons.png) no-repeat 0 -410px !important; }
#services-page ul li.business-cards { background: url(../images/services-icons.png) no-repeat 0 -522px !important; }
#services-page ul li.brand-recognition { background: url(../images/services-icons.png) no-repeat 0 -625px !important; }
#services-page ul li.who-are-you { background: url(../images/services-icons.png) no-repeat 0 -727px !important; }
#services-page ul li.stand-out { background: url(../images/services-icons.png) no-repeat 0 -825px !important; }

#services-page h3 {
	font-weight:bold;
	color:#363636;
	font-family: Helvetica, Arial, sans-serif;
	font-size:16px;
	padding:3px 0;
	border:none;
	text-shadow:none !important;
}
#services-page p { font-weight:normal; margin:0; padding:0; }
#services-page span { line-height:20px; font-size:13px; }



/* - - - - - - - - - - - - - - - - - - - - - - - - 
				    ABOUT			
- - - - - - - - - - - - - - - - - - - - - - - - - */
#about-me { margin-bottom:20px; overflow:hidden; }

#about-me img { float:left; }

#about-me ul  {
	padding:0px;
	margin:0px;
	float:right;
	width:690px;
}

#about-me ul li {
	color:#757575;
	margin:0px 0px 12px 0px;
	padding:0px 0 0 65px !important;
}

#about-me ul li.small-town-boy { background: url(../images/about-me-image.png) no-repeat 0 28px !important; }
#about-me ul li.art-enthusiast { background: url(../images/about-me-image.png) no-repeat 0 -92px !important; }
#about-me ul li.video-game-veteran { background: url(../images/about-me-image.png) no-repeat 0 -228px !important; }
#about-me ul li.music-lover { background: url(../images/about-me-image.png) no-repeat 0 -354px !important; }
#about-me ul li.moravian-college-grad { background: url(../images/about-me-image.png) no-repeat 0 -465px !important; }

#about-me h3 {
	font-weight:bold;
	color:#2d2d2d;
	font-family: Helvetica, Arial, sans-serif;
	font-size:16px;
	padding:3px 0;
	border:none;
	text-shadow:none !important;
}
#about-me p { font-weight:normal; margin:0; padding:0; }

h3.links { position:absolute; margin-top:12px; border:none; }


/* - - - - - - - - - - - - - - - - - - - - - - 
				    FOOTER					
- - - - - - - - - - - - - - - - - - - - - - - */

#footer {
	color:#363636;
	clear:both;
	padding:15px 0 25px 0;
	width:100%;
	margin:25px auto 8px auto;
	position:relative;
	height:165px;
	border-top:8px solid #363636;
	overflow:hidden;
	background:#efefef;
	margin-bottom:0;
}

#footer .block {
	margin:0 15px;
	float:left;
	width:215px;
	border-style:none;
}
#footer .big {
	width:515px !important;
}
#footer .short {
	height:160px !important;	
}
#footer h4 {
	border-bottom:1px solid #0e7cba;
	color:#0e7cba;
	font-family:nevisBold,Helvetica,Arial,sans-serif;
	font-size:20px;
	font-weight:normal;
	padding-bottom:5px;
}
#footer a {
	color:#0e7cba;
}
#footer a:hover {
	color:#363636;
	text-decoration:underline;
}

#twitter_update_list {
	list-style:outside;	
}

#twitter_update_list li {
	list-style-type: none;
	padding:3px 0;
	background:transparent url(../images/check_small_footer.png) no-repeat scroll 0px 4px;
	text-indent:20px;
	line-height:18px;
}

#twitter_update_list span {

}
#twitter_update_list a {
	display:inline;
	color:#3aa7d6;
}
.flickr-footer {
	display: block;
	height: 24px;
	width:46px;
	text-indent: -9999em;
	text-decoration: none; 
	z-index: 1000; 
	background: url(../images/flickr-footer.png) no-repeat;
	position:relative;
	top:8px;
}
.flickr-footer:hover {
	background-position: 0px -24px;	
}
.twitter-footer {
	display: block;
	height: 46px;
	width:38px;
	text-indent: -9999em;
	text-decoration: none; 
	z-index: 1000;
	background: url(../images/twitter-footer.png) no-repeat;
	position:relative;
	top:-29px;
	left:59px;
}
.twitter-footer:hover {
	background-position:0 -46px;	
}
.rss-footer {
	display: block;
	height: 45px;
	width:46px;
	text-indent: -9999em;
	text-decoration: none; 
	z-index: 1000;
	background: url(../images/rss-footer.png) no-repeat;
	position:relative;
	top:-75px;
	left:115px;
}
.rss-footer:hover {
	background-position:0 -45px;	
}

 

/* - - - - - - - - - - - - - - - - - - - - - - - - - - 
                  CONTACT PAGE
- - - - - - - - - - - - - - - - - - - - - - - - - - */

/* -- social profiles - - */

#social-profiles {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin-bottom: 5px;
	clear:both;
}
 
	#social-profiles li { margin-bottom: 5px; }
 
		#social-profiles li a {
			display: block;
			height: 43px;
			width:44px;
			margin:0 3px;
			text-indent: -9999px;
			float:left;
			padding:0; }
			
 			#account-twitter, #account-twitter a { background: url(../images/social-profiles.jpg) no-repeat; }
				#account-twitter a:hover { background-position:0px -46px; }
			#account-facebook, #account-facebook a { background: url(../images/social-profiles.jpg) -51px 0px no-repeat; }
				#account-facebook a:hover { background-position:-51px -46px; }
			#account-linked, #account-linked a { background: url(../images/social-profiles.jpg) -101px 0px no-repeat; }
				#account-linked a:hover { background-position:-101px -46px; }
			#account-flickr, #account-flickr a { background: url(../images/social-profiles.jpg) -151px 0px no-repeat; }
				#account-flickr a:hover { background-position:-151px -46px; }
			#account-stumble, #account-stumble a { background: url(../images/social-profiles.jpg) -202px 0px no-repeat; }
				#account-stumble a:hover { background-position:-202px -46px; }
			#account-rss, #account-rss a { background: url(../images/social-profiles.jpg) -253px 0px no-repeat; }
				#account-rss a:hover { background-position:-253px -46px; }
				
			 
			 
/* - - form - - */
hr { 
	color: inherit; 
	height: 0; 
	margin: 6px 0 6px 0; 
	padding: 0; 
	border: 1px solid #ddd; 
	border-style: none none solid; 
}

#contact { 
	padding: 10px; 
 }

/* Form style */

label {
	display: inline-block;
	float: left;
	line-height: 40px;
	padding-right:10px;
	text-align:right;
	height:25px;
	width: 115px;
	font-size: 15px;
}
input, textarea, select {
	margin: 0;
	padding: 5px;
	color: #666;
	background: #f5f5f5;
	border: 1px solid #ccc;
	margin: 5px 0;
	font-size:13px;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
}
input:focus, textarea:focus, select:focus {
	border: 1px solid #999;
	background-color: #fff;
	color:#333;
	-moz-box-shadow: 0px 0px 5px #06F;
}
input.submit {
	cursor: pointer;
	border: 1px solid #222;
	background:#333;
	color:#fff;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
}
input.submit:hover {
	background:#444;
}
fieldset {
	padding:10px;
	border-top:1px solid #ddd;
	border-left:none; border-bottom:none; border-right:none;
}
legend {
	padding:7px 10px;
	font-weight:bold;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
}
span.required {
	font-size: 13px;
	color: #ff0000;
} /* Select the colour of the * if the field is required. */
/* Style for the error message */

.error_message {
	display: block;
	height: 22px;
	line-height: 22px;
	background: #FBE3E4 url(..images/error.gif) no-repeat 10px center;
	padding: 3px 10px 3px 35px;
	margin: 10px 0;
	color:#8a1f11;
	border: 1px solid #FBC2C4;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
}
#succsess_page h1 {
	background: url(../images/success.gif) left no-repeat;
	padding-left:22px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - 
                         404 
- - - - - - - - - - - - - - - - - - - - - - - - - - */
#error-wrapper { position:relative; width:1192px; height:616px; margin-top:-30px; }

#error404 { background: url(../images/404-charizard.png) no-repeat top center; height:616px; width:1193px; top:50px; position:absolute; z-index:5; }

#error-wrapper ul { position:absolute; top:455px; z-index:150; left:-26px; }
#error-wrapper ul.right-404 { left:250px; }

#error-wrapper ul li { background:none; }
#error-wrapper ul li a { text-indent:-9999em; display:block; height:50px; width:246px; list-style:none; }

#error-wrapper ul li .home {  background:url(../images/404-nav.jpg) no-repeat 0 0; }
  #error-wrapper ul li .home:hover { background-position:0 -57px; }

#error-wrapper ul li .portfolio { background:url(../images/404-nav.jpg) no-repeat 0 -108px }
  #error-wrapper ul li .portfolio:hover { background-position:0px -165px; }
  
  #error-wrapper ul li .services { background:url(../images/404-nav.jpg) no-repeat -279px 0px; }
  #error-wrapper ul li .services:hover { background-position:-279px -57px; }

#error-wrapper ul li .blog { background:url(../images/404-nav.jpg) no-repeat -279px -108px }
  #error-wrapper ul li .blog:hover { background-position:-279px -165px; }