* {
	padding: 0;
	margin: 0;
	outline: none;
}

html {
     overflow-y: scroll;

}

html, body, #wrapper {height: 100%;}

body > #wrapper {height: auto; min-height: 100%;}


body { 
	font-size: 62.5%; /* Base Font Size of 10px */
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: #2F180B;
	color: #3F200B;
	background: url(../images/hdr_repeat.png) #EFE5CE repeat-x top center;
}

body#blog { background: url(../images/hdr_repeat-blog.png) #fff repeat-x top center; }  

#wrapper {
	width: 1004px;
	background: url(../images/hdr_bkg2.png) #EFE5CE no-repeat top center;
	margin: 0 auto;
	overflow: visible;
}

body#blog #wrapper { background: url(../images/hdr_bkg-blog.png) #fff no-repeat top center; }

#wrapper-about {
	width: 1004px;
	background: url(../images/hdr_bkg-about.png) #EFE5CE no-repeat top left;
	margin: 0 auto;
	overflow: visible;
}

#content {
	padding-bottom: 300px;
}

#footer {
	width: 930px;
	margin: 0 auto;
	color: #efe5ce;
	padding: 26px 37px 20px 37px;
	
}

#footerWrap {
	background: #3F200B url(../images/footer_orangeLine.png) repeat-x top center;
	/* make-sticky */
	position: relative;
	margin-top: -300px; /* negative value of footer height */
	height: 300px;
	clear:both;
}

body#blog #footer { color: #3F200B; }

body#blog #footerWrap { background: #EFE5CE url(../images/footer_orangeLine.png) repeat-x top center; }

#footer a { color: #efe5ce; text-decoration: none; padding: 0 4px; font-weight: normal; }
#footer a:hover { color: #D9541E; text-decoration: none; }

body#blog #footer h3, body#blog #footer a { color: #3F200B; }


#testimonials {
	width: 300px;
	float: left;
	margin-right: 30px;
}

#testimonials p, #recent-post p { font-size: 12px; line-height: 14px; }

#testimonials h3, #recent-post h3 { color: #efe5ce; }

#footer hr { color: #efe5ce; background-color: #efe5ce; margin: 0.3em 0 0.9em 0; }

#recent-post {
	width: 360px;
	float: left;
	margin-right: 30px;
}

#recent-post strong {
	font-size: 115%;
}

#recent-post a { text-decoration: underline; }

#sitemap {
	width: 210px;
	float: left;
	text-align: right;
	
}

#sitemap p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
}

#logo { 
	position: relative;
}

#logo h1 { 
	margin: 0;
}

#logo h1 a { 
	display: block;
	height: 45px;
	width: 254px;
	left: 40px;
	top: 0;
	text-indent: -7000px;
	position:absolute;
	z-index: 20;
}

body#blog #logo h1 a { 
	display: block;
	height: 130px;
	width: 284px;
	left: 40px;
	top: -60px;
	text-indent: -7000px;
	position:absolute;
	z-index: 20;
}

#portfolio-nav {
	position: relative;
}

#portfolio-nav div.projects {
	position: absolute;
	display: block;
	/*height: 120px;
	width: 120px;
*/
	left: 38px;
	top: 96px;
	z-index: 30;
}

#portfolio-main {
	width: 233px;
	padding: 14px;
	float: left; 
}

/* COMMON ELEMENTS */

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	color: #3F200B;
}


h1 {
	font-size: 4em;
	line-height: 1em;
	margin: 0.4em 0;
}

h2 {
	font-size: 2.2em;
	line-height: 1.3em;
	margin: 0.4em 0;
}

h3 {
	font-size: 1.9em;
	line-height: 1.3em
}

h4 {
	font-size: 1.8em;
	line-height: 1.3em;
	font-weight: bold;
}

h5 {
	font-size: 1.5em;
	line-height: 1.6em;
	font-weight: bold;
	margin: 0.3em 0;
}

h6 {

}

h2.quote { font-size: 2.5em; color: #d8541e; }


p {
	font-size: 1.3em;
	line-height: 1.4em;
	margin-bottom: 10px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

p.form {
	margin-bottom: 2px;
}

p.alt {
	font-family: Georgia, "Times New Roman", Times, serif;
}

p#big {
	font-size: 1.5em;
	line-height: 1.4em;
	margin: 1.1em 0;
}

.core-services li {
	font-size: 1.3em;
	line-height: 1.4em;
}

ul {
	
}

#awards-list ul li {
	font-size: 13px;
	line-height: 18px;
	list-style: none;
	padding: 0 20px 10px 0;
	display: block;
	width: 300px;
	float: left;
}

#service-list ul { list-style-type: circle; padding-left: 20px; }

#service-list ul li {
	font-size: 14px;
	line-height: 20px;
	padding-right: 12px;
	margin-right: 12px; 
	width: 230px;
	float: left;
}

.award-title { 
	font-size: 15px;
	font-weight: bold;

}

img, a img {
}

/* NAVIGATION ELEMENTS */

a {
	text-decoration: underline;
	color: #2F180B;
	font-weight: bold;
}

a:hover {
	color: #D9541E;
}

a:active
{
outline: none;
}

a:focus
{

}

a.web-btn img { margin: 4px 0 16px 0; }

hr {
	border: 0;
	color: #3F200B;
	background-color: #3F200B;
	height: 1px;
	margin: 10px 0;
}

#navcontainer {  position: relative; z-index: 60; }

#navcontainer ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

#navcontainer ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin-top: 10px;
	color: #98918c;
}

#navcontainer ul li.seperator { background: url(../images/nav_separator.gif) no-repeat top center; width: 9px; height: 24px; }

body#blog #navcontainer ul li.seperator { background: url(../images/nav_separator-blog.gif) no-repeat top center; }
body#blog #navcontainer ul li a { color: #fff; }

#navcontainer ul li.spacer { padding: 0 34px; }
#navcontainer ul li a.phone { font-family: Calibri, Tahoma, Verdana; font-size: 11px;  }

#navcontainer ul li a {
	padding: 0 20px;
	margin: 0;
	/* color: #2F180B; */
	text-decoration: none;
	display: block;
	text-align: center;
	font: normal 1.2em/1.8em Georgia, "Times New Roman", Times, serif;
}

#navcontainer ul li a:hover {
	color: #D9541E;
}

body#blog #navcontainer ul li a:hover, body#blog #footer a:hover, body#blog #navcontainer ul li a#blognav { color: #D9541E; }


#subnavcontainer {
	margin-bottom: 20px;
}

#subnavcontainer ul {
	border-top: 1px solid #D9541E;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

#subnavcontainer ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}

#subnavcontainer ul li a {
	padding: 0 15px;
	margin: 0;
	color: #2F180B;
	text-decoration: none;
	display: block;
	text-align: center;
	font: normal 1.2em/1.9em Georgia, "Times New Roman", Times, serif;
}

#subnavcontainer ul li a:hover {
	color: #D9541E;
}

#subnavcontainer ul li a.inactive {
	color: #c5c1bd;
}

#subnavcontainer ul li a.inactive:hover {
	color: #c5c1bd;
}

#subnav-line-work { height: 7px; text-align: center; background: url(../images/hdr_subnav-line.gif) no-repeat 27px 0px; }
#subnav-line-about { height: 7px; text-align: center; background: url(../images/hdr_subnav-line.gif) no-repeat 118px 0px; }

.work-subnav { float: right; padding-right: 260px; }
.about-subnav { float: right; padding-right: 254px; }



#navlist li a.selected { color: #D9541E; }



#subnavcontainer ul li a:hover, #subnavcontainer ul li a.current { color: #D9541E; }
#navlist li a.current { color: #D9541E; }


#service-list {
	width: 924px;
	border-left: 1px solid #bfb29d;
	margin: 0 auto 40px auto;
}

#service-list div {
	width: 220px;
	float: left;
	padding: 14px 43px;
	border-right: 1px solid #bfb29d;
}

/* LESS COMMON ELEMENTS */

small {
}

abbr, acronym {
}

blockquote {
}

cite {
}

em {
}

strong {
}

/* FORM ELEMENTS */

form {
}

fieldset {
}

legend {
}

label {
}

table.payment-form td p { font-family: Tahoma, Arial, sans-serif; font-size: 12px; float: left; padding-top: 4px; }

table.payment-form td { padding: 16px 0 0 0;}

table.payment-form td.section { border-bottom: 1px solid #542d19; padding-top: 30px; }

table.payment-form td.section p { margin-bottom: 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; }

input { padding: 5px; vertical-align: middle; font-size: 12px; color: #666; }

input.lrg  { width: 252px; }

input.med  { width: 148px; }

input.sml  { width: 34px; }

.web-form input, .web-form textarea { width: 210px; margin-bottom: 10px; }

input.web-button { width: 60px }

input.web-check { width: 20px }

.req { color: #d8541e; }

select {
}

option {
}

textarea {
}

input:focus, select:focus, option:focus, textarea:focus {
}

/* BASE ID ELEMENTS */

#header {
	
}

#content {
}

#sidebar {
}

#navigation {
}

#subnav {
	
}

#footer {
}

/* BASE CLASSES */

.bold {
}

.italic {
}

.hidden {
}

.offset {
}

.highlight {
	font-style: italic;
	color: #D9541E;
}



.error {
}

.abbr {
}

/* PRINT PORTFOLIO BACKGROUND IMAGES */

#print-1 { background: url(../images/projects/print-airpark.png) 275px 24px no-repeat; width: 860px; height: 620px; }
#print-2 { background: url(../images/projects/print-bear-rock.png) 220px 0px no-repeat; width: 860px; height: 695px; }
#print-3 { background: url(../images/projects/print-bgcs-brochures.png) 251px 32px no-repeat; width: 860px; height: 620px; }
#print-4 { background: url(../images/projects/print-bgcs-uu.png) 160px 24px no-repeat; width: 860px; height: 695px; }
#print-5 { background: url(../images/projects/print-dmb.png) 154px 21px no-repeat; width: 860px; height: 620px; }
#print-6 { background: url(../images/projects/print-jared.png) 150px 0px no-repeat; width: 860px; height: 620px; }
#print-7 { background: url(../images/projects/print-kda.png) left top no-repeat; width: 860px; height: 620px; }
#print-8 { background: url(../images/projects/print-payroll.png) 45px 0px no-repeat; width: 860px; height: 620px; }
#print-9 { background: url(../images/projects/print-perio.png) 310px 5px no-repeat; width: 860px; height: 620px; }
#print-10 { background: url(../images/projects/print-sgi.png) 270px 5px no-repeat; width: 860px; height: 670px; }


/* ID PORTFOLIO BACKGROUND IMAGES */

#id-1 { background: url(../images/projects/id-barkave.png) 12px 18px no-repeat; width: 860px; height: 620px; }
#id-2 { background: url(../images/projects/id-agr.png) 80px 158px no-repeat; width: 860px; height: 620px; }
#id-3 { background: url(../images/projects/id-housemod.png) 16px 14px no-repeat; width: 860px; height: 670px; }
#id-4 { background: url(../images/projects/id-iodata.png) 127px 40px no-repeat; width: 860px; height: 620px; }
#id-5 { background: url(../images/projects/id-kda.png) 56px 236px no-repeat; width: 860px; height: 620px; }
#id-6 { background: url(../images/projects/id-mm.png) top left no-repeat; width: 860px; height: 730px; }
#id-7 { background: url(../images/projects/id-picksix.png) 78px 173px no-repeat; width: 860px; height: 620px; }
#id-8 { background: url(../images/projects/id-televolve.png) 78px 173px no-repeat; width: 860px; height: 620px; }
#id-9 { background: url(../images/projects/id-faith.png) 160px 158px no-repeat; width: 860px; height: 620px; }
#id-10 { background: url(../images/projects/id-intertec.png) 18px 20px no-repeat; width: 860px; height: 670px; }
#id-11 { background: url(../images/projects/id-lilypad.gif) 118px 155px no-repeat; width: 860px; height: 620px; }

/* WEB PORTFOLIO BACKGROUND IMAGES */

#web-1 { background: url(../images/projects/web-riosalado.png) 252px 35px no-repeat; width: 860px; height: 670px; }
#web-2 { background: url(../images/projects/web-pardes.png) 252px 35px no-repeat; width: 860px; height: 670px; }
#web-3 { background: url(../images/projects/web-agr.png) 252px 35px no-repeat; width: 860px; height: 670px; }
#web-4 { background: url(../images/projects/web-ripson.png) 252px 35px no-repeat; width: 860px; height: 670px; }
#web-5 { background: url(../images/projects/web-ses.png) 252px 35px no-repeat; width: 860px; height: 670px; }
#web-6 { background: url(../images/projects/web-kda.png) 252px 35px no-repeat; width: 860px; height: 670px; }
#web-7 { background: url(../images/projects/web-uandu.png) 252px 35px no-repeat; width: 860px; height: 670px; }
#web-8 { background: url(../images/projects/web-adot.png) 252px 35px no-repeat; width: 860px; height: 670px; }
#web-9 { background: url(../images/projects/web-tessera.png) 252px 35px no-repeat; width: 860px; height: 670px; }

/* AD PORTFOLIO BACKGROUND IMAGES */

#ad-1 { background: url(../images/projects/ads-auer.png) 272px 35px no-repeat; width: 860px; height: 670px; }
#ad-2 { background: url(../images/projects/ads-perio-gel.png) 272px 35px no-repeat; width: 860px; height: 670px; }
#ad-3 { background: url(../images/projects/ads-airpark.png) 232px 35px no-repeat; width: 860px; height: 670px; }
#ad-4 { background: url(../images/projects/ads-ses.png) 272px 35px no-repeat; width: 860px; height: 670px; }
#ad-5 { background: url(../images/projects/ads-perio-silk.png) 272px 35px no-repeat; width: 860px; height: 670px; }
#ad-6 { background: url(../images/projects/ads-genesis.png) 282px 75px no-repeat; width: 860px; height: 670px; }


/* VIDEO PORTFOLIO BACKGROUND IMAGES */

#video-1 { background: url(../images/projects/video-esigns.png) 320px 178px no-repeat; width: 860px; height: 620px; }
#video-2 { background: url(../images/projects/video-iodata.png) 320px 178px no-repeat; width: 860px; height: 620px; }



/* FIX FOR CLEARING DIV's */

/* http://sonspring.com/journal/clearing-floats */

html body * span.clearall,
html body * div.clearall,
html body * li.clearall,
html body * dd.clearall
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */