/*RESETS & BASIC PAGE SETUP */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* END RESET */

/* TOOLBOX */
.floatleft { float: left; }
.floatright { float: right; }
.clear { clear: both; }
/* END TOOLBOX */

/* STRUCTURE AND STUFF */

/*body {background: url(images/body_background1.gif) 0 0 repeat;} */
body {background-color: #231f20;}

#page-wrap {
	width: 1024px;
	margin: 0 auto;
	
}

p {color: #c3c7c2; font-family: Helvetica; font-weight: lighter; font-size: 0.9em; line-height: 21px;}
p.noscript {margin-bottom: 70px;}

/*h1#logo {width: 163px; margin: 0px 0 0 23px; position:absolute}
h1#logo a {display: block; width: 163px; height: 158px; background: url(images/logo.png) 0 0 no-repeat; text-indent: -9999px; background-position: 0 0;}
h1#logo a:hover {background-position: -163px 0;}*/

h1#logo {width: 197px; margin: 0px 0 0 23px; position:absolute}
h1#logo a {display: block; width: 197px; height: 196px; background: url(images/logo_new.png) 0 0 no-repeat; text-indent: -9999px; background-position: 0 0;}

body#contact h1#logo {width: 163px; margin: 0px 0 0 23px; position:absolute}
body#contact h1#logo a {display: block; width: 163px; height: 158px; background: url(images/logo.png) 0 0 no-repeat; text-indent: -9999px; background-position: -326px 0;}


#header {margin-top: 25px; }
#header ul.navigation {float: right; margin: 65px 34px 0 0; background: url(images/nav_background.png) 0 0 no-repeat; width: 783px; height: 56px; padding: 20px 0 0 0px;}
/*#header ul.navigation li {float: left; display: inline; padding: 18px 25px 0 40px; font-family: Helvetica Neue; font-size: 14pt; font-weight: lighter;}*/
#header ul.navigation li {display: inline; padding: 0px 35px 0 45px;
		background: transparent url(images/nav_sep.png) left no-repeat; font-family: Helvetica Neue; font-size: 13pt; font-weight: lighter; }
#header ul.navigation li.first {background: none;}

#header ul.navigation li a {text-decoration: none; color: white;}
#header ul.navigation li a:hover {color: #c3c7c2;}
#header ul.navigation li.active a {color: #e85624;}


#content {margin-top: 80px;}

#footer {background: url(images/footer1.gif) 0 0 repeat-x; height: 168px;}
#footer ul.navigation {display: block; padding-top: 55px; margin-left: 22px;}
#footer ul.navigation li {list-style: none; padding-bottom: 8px; font-family: Helvetica Neue; font-size: 10pt;}
#footer ul.navigation li a {color: white; text-decoration: none;}
#footer ul.navigation li a:hover {text-decoration: underline;}
#footer ul.navigation li.active a {color: #e85624;}
#footer #inner {width: 1024px; margin: 0 auto;}
#footer #inner #right {float: right; clear: right; margin-top: -86px; font-size: 0.6em; text-align: right;}
#footer #inner #right div {background: url(images/foot_horz_seperator.png) 0 0 no-repeat; height: 16px; width: 803px;}
#footer #inner #right ul#social_media {margin-right: 5px;}
#footer #inner #right ul#social_media li {display: inline;}
#footer #inner #right p {margin-right: 5px;}

/*HOMEPAGE*/

h1#special {font-size: 90px; margin-left: 30px; color: /*#33879c*/#e85624;}

.wf-inactive h1#special {
    font-size: 110px;
    }

#intro_msg p {float: right; width: 570px; margin: 22px 0px 0 0; padding-right: 45px;}
#intro_msg p a {color: #e85624; text-decoration: none;}
#intro_msg p a:hover {color: white;}

#container {margin: 50px 0px 0px 70px;}
.portfolio_snap {float: left; margin: 0 20px 40px 0; }
.last {margin: 17px 0 0 50px;}
.portfolio_snap h2 {width: 280px; text-align: center; color: white; padding-top: 10px; font-family: Helvetica; font-size: 0.8em;}
.portfolio_snap p {padding-top: 5px; text-align: center; font-size: 0.8em;}

.portfolio_snap a.sp {width: 280px; height: 200px; overflow: hidden; float: left; clear: left; margin-bottom: 10px; -webkit-box-shadow: 2px 2px 6px #000000; -moz-box-shadow: 2px 2px 6px #000000;}
.portfolio_snap img {border: none;}
.portfolio_snap a.sp:hover img {margin-top: -200px;}


/*.portfolio_snap a img {border-bottom:5px solid #E75725;}
.portfolio_snap a:hover img {border-bottom: 5px solid #c3c7c2;}*/



#right_side {width: 400px; float: right; margin: 0px 35px 0 0px;}
#right_side h2 {font-size: 20pt; padding: 0 0 15px 0; color: #33879c;}

#right_side p a {color: #e85624; text-decoration: none;}
#right_side p a:hover {color: white;}
#right_side p.hire {padding-bottom: 10px; text-align: justify;  color: white; letter-spacing:1px}


#right_side #hire_me_box {margin: 21px 0 0 78px; background: url(images/hire_me_bg.gif) 0 0 no-repeat; height: 314px; width: 325px; padding: 10px 0 0 15px;}
#right_side #hire_me_box div.line {background: url(images/horz_seperator.png) 0 0 no-repeat; height: 14px; width: 303px; margin-left: -8px;}
#right_side #hire_me_box h3#hire {font-size: 20pt; color: white; display: block; width: 199px; height: 32px; background: url(images/h3_hire.png) 0 0 no-repeat; text-indent: -9999px; margin-left: 0px;}
#right_side #hire_me_box p {margin-top: 3px; line-height: 20px; padding-right: 30px; text-align: left; }
#right_side #hire_me_box img {float: right; clear: right; margin: -15px 45px 0 0;}
#right_side #hire_me_box ul#services_list {margin-top: 10px; }
#right_side #hire_me_box ul#services_list li { padding: 2px 0 2px 0; font-size: 11pt; color: white; font-weight: lighter; padding-left: 30px; background-image: url(images/services_tick1.png); background-repeat: no-repeat;
background-position: 0 2px; height: 26px;}
#right_side #hire_me_box ul#services_list li span {font-size: 0.8em;}

#left_side {width: 536px; margin-left: 55px; text-align: justify;}

#left_side h2 {font-size: 20pt; padding: 0 0 15px 0; color: #e85624;}
#left_side p {padding-bottom: 10px; }
#left_side ul.showcase {margin: 15px 0 30px 10px; color: #c3c7c2; }
#left_side ul.showcase li {padding-top: 6px; font-size: 12pt; display: inline; line-height: 22px;}
#left_side ul.showcase li a {color: #c3c7c2; border-bottom:1px dotted; text-decoration: none;}
#left_side ul.showcase li a:hover {color: #e85624; }

#left_side ul.interviews {margin: 10px 0 10px 10px; color: #c3c7c2; }
#left_side ul.interviews li {padding-top: 6px; font-size: 12pt; line-height: 22px;}
#left_side ul.interviews li a {color: #c3c7c2; border-bottom:1px dotted; text-decoration: none;}
#left_side ul.interviews li a:hover {color: #e85624; }

#left_side p a {color: #c3c7c2; border-bottom:1px dotted; text-decoration: none;}
#left_side p a:hover {color: #e85624;}
#left_side p.interviews {margin-top: 130px;}
#left_side a {color: #c3c7c2; border-bottom:1px dotted; text-decoration: none;}
#left_side a.right {float: right; clear: right; margin-right: 20px;}
#left_side a:hover {color: #e85624;;}


/*Per Project*/
#left_side img {margin: -10px 0 30px 0;}
#left_side img.me {float: left; clear: left; padding-right: 15px; margin: 0 0 0 0;}

#right_side #info_box {margin: -15px 0 0 78px; background: url(images/hire_me_bg.gif) 0 0 no-repeat; height: 314px; width: 325px; padding: 20px 0px 0 20px;}
#right_side #info_box h3 {color: white; letter-spacing: 1px;}
#right_side #info_box p {margin-top: 3px; line-height: 18px; padding-right: 30px; text-align: left;}
#right_side #info_box p a {color: #cc6633; text-decoration: none;}
#right_side #info_box p a:hover {color: white;}
#right_side #info_box ul {padding-top: 5px;}
#right_side #info_box ul li {padding: 1px 0 9px 0; color: white; font-size: 0.9em; color: #c3c7c2; }
#right_side #info_box ul li span {text-transform: uppercase;  font-size: 1.0em; font-weight: bold; letter-spacing: 1px; color: white;}
#right_side #info_box div.line {background: url(images/horz_seperator.png) 0 0 no-repeat; height: 14px; width: 303px; margin-left: -8px;}

#right_side #info_box #view_website_button {width: 98px; margin-left: 95px;} 
#right_side #info_box #view_website_button a {display: block; width: 98px; height: 32px; background: url(images/view_website_button.png) 0 0 no-repeat; text-indent: -9999px; background-position: 0 0;}
#right_side #info_box #view_website_button a:hover {background-position: -99px 0;}





/*TESTIMONIALS*/
#central {margin-left: 200px;}
.testimonial {width: 500px; margin-bottom: 40px; width: 643px; height: 225px; background: url(images/testimonials_bg.gif) 0 0 no-repeat; }
.testimonial p {padding: 15px 20px 0px 20px;}
.testimonial p span {color: white;}
.testimonial p a {color: #c3c7c2; border-bottom:1px dotted; text-decoration: none;}
.testimonial p a:hover {color: #e85624;}

/*404*/
#four04 h1#special {font-size: 70px; margin-left: 120px; color: #e85624;}
#four04 p {padding: 30px 100px 72px 120px;}
#four04 p span {font-weight: bold;}
#four04 p a {color: #c3c7c2; border-bottom:1px dotted; text-decoration: none;}
#four04 p a:hover {color: #e85624;}




/*END STRUCTURE */