html,
body {
   margin:0;
   padding:0;
   height:100%;
   width: 100%;
}


p,h1,h2,h3,h4,h5,a,ul,li,ol,td {
font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
text-align:left;
}

p {
font-size:14px;
line-height:16px;
color: #20150e;
margin:0;
padding:0;
}

ul {
font-size:14px;
line-height:16px;
color: #96b632;
margin:0 15px 0 35px;
padding:0;
}

li {
font-size:14px;
line-height:16px;
color: #20150e;
margin:0 10px 0 20px;
}

ul.left {
float:left;
list-style-image: url(../images/bullet.gif);
color: #96b632;
width:275px;
margin:0 0 0 50px;
}

ul.right {
float:right;
list-style-type:disc;
width:225px;
margin:0 5px 0 0;
}

h1 {
font: bold 26px "ITC Avant Garde Gothic Std", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
color: #352c26;
border-bottom: 1px solid #4a413b;
text-transform: capitalize;
padding: 10px 0 0px 20px;
margin:0 0px 15px 0px;
}

h2 {
font: normal 18px "ITC Avant Garde Gothic Std", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
color: #352c26;
margin:10px 0 15px 20px;
padding:0;
}

h3 {
font: normal 18px "ITC Avant Garde Gothic Std", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
padding: 15px 0 10px 20px;
margin: 0;
font-weight: 700;
text-align: left;
color: #423831;
}

h4 {
font: bold 20px "ITC Avant Garde Gothic Std", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
color: #352c26;
border-bottom: 1px solid #4a413b;
text-transform: capitalize;
padding: 10px 0 0px 10px;
margin:0 10px 15px 15px;
}

a:link {
color: #246c96;
border:none;
text-decoration: underline;
}

a:hover {
color:#0084f5;
border: none;
text-decoration: none;
}

a:visited {
color: #034cb9;
border:none;
text-decoration: underline;
}

address { font: normal 14px Lucida, Arial, Helvetica, sans-serif; text-align: center; margin: 15px 0 0 100px; width: 300px;}

address a {text-align: center;}

/*-- MAIN CONTENT--*/


div#headercontainer {
width:100%;
margin:0 auto;

background-image: url(../images/header_bg.jpg);
background-repeat: repeat-x;
}

div#billboardcontainer {
width:100%;
margin:0 auto;

background-image: url(../images/billboard_bg.jpg);
background-repeat: repeat-x;
}

div#contentcontainer {
width:100%;
margin:0 auto;
height: auto;

background-image: url(../images/content_bg.jpg);
background-repeat: repeat;
position: relative;
}

div#infocontainer {
width:100%;
margin:0 auto;

background-image: url(../images/info_bg.jpg);
background-repeat: repeat-x;
}

div#footercontainer {
width:100%;
margin:0 auto;

background-image: url(../images/footer_bg.jpg);
background-repeat: repeat-x;
}




div#header {
width:900px;
background-image: url(../images/header.jpg);
background-repeat:no-repeat;
height:136px;
margin:0 auto;
padding:0;
}

.logo {
float:left;
border:none;
margin:0;
padding:0;
}

div#logo {
float: left;
width: 100px;
height: 100px;
background-image: url(../images/blank.gif);
background-repeat: repeat;
}

/*-- MAIN CONTENT--*/

div#maincontent {
margin: 0 auto;
padding: 0;
width:900px;
height: auto;
min-height: 400px;
clear: right;
}
	
	
div#content {
width:100%;
margin:0;
padding:0;
}

div#content p{
padding:0 10px 10px 30px;
margin: 0;
}


div#content h2 {
font: normal 18px "ITC Avant Garde Gothic Std", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
color: #352c26;
margin:10px 0 15px 20px;
padding:0;
}


.review {
	font-style: italic;}

/*-- NEWS BOX--*/

div.feedburnerFeedBlock {
width: 285px;
margin: 0;
padding: 70px 0 0 35px;
color: #35261E;
}

div.feedburnerFeedBlock p {
margin: 0;
padding: 0;
font-size: 11px;
}

div.feedburnerFeedBlock ul {
margin-left:0;
padding-left:0;
list-style-type: none
}

div.feedburnerFeedBlock ul li{
margin:0;
padding: 0;
font-size: 10px;
}
	
div.feedburnerFeedBlock ul li a {
font-weight:bold;
font-size: 13px;
margin: 0;
padding: 0;
color: #524733;
}

div.feedburnerFeedBlock ul li a:hover {
font-weight:bold;
font-size: 13px;
margin: 0;
padding: 0;
color: #246c96;
text-decoration: none;
}

#creditfooter {
display: none;
}
				
.feed {
margin: 10px 0 0 0;
}

/*-- SIDEBAR AND VARIATIONS--*/

div#sidebar {
float:right;
width:315px;
margin:0;
padding:0;
background-image: url(../images/news_bg.jpg);
background-repeat: no-repeat;
height: 361px;
}

div#sidebar_blank {
float:right;
width:400px;
margin:25px 0 0 0;
padding:0;
background: #ede8d5;
}

div#sidebar_client {
float:right;
width:265px;
margin:0px 0 0 8px;
padding:0;
}
div#sidebar_client p {
padding: 10px 10px 10px 30px;
margin: 0;
}

/*-- INFO BAR--*/


div#infobar {
margin: 0 auto;
padding: 0;
width:900px;
height: 384px;
}

div#infobox1 {
float: left;	
width: 300px;
background-image: url(../images/info_services.jpg);
background-repeat: no-repeat;
height: 384px;
}

div#infobox1 a{
color: #6fbcef;
font: bold 13px "Century Gothic" Arial, Helvetica,sans-serif;
font-style: italic;
text-transform: capitalize;
padding: 25px 0 30px 20px;
}

div#infobox2 {
float: left;	
width: 300px;
background-image: url(../images/info_social.jpg);
background-repeat: no-repeat;
padding: 100px 0 0 0;
height: 284px;
}

div#infobox3 {
float: left;	
width: 300px;
background-image: url(../images/info_quote.jpg);
background-repeat: no-repeat;
height: 384px;
}


/*-- INFO BAR SERVICES--*/
div#servicebox {
width: 300px;
height: 240px;
padding: 110px 0 2px 0;
}

div#sections{
float: left;
width: 80px;
}

div#services {
float: left;	
width: 210px;
padding: 0px 0 0 0;
}

div#sections p, div#sections a{
color: #f9a107;
font: bold 17px "Century Gothic" Arial, Helvetica,sans-serif;
font-style: italic;
text-transform: capitalize;
padding: 25px 2px 30px 0px;
text-align: right;
}

div#services ul {
font-size:13px;
line-height:16px;
color:#fff;
margin:0 ;
padding: 8px 0 0 23px;
}

div#services li, div#services ul li a  {
font-size:13px;
font-weight: normal;
line-height:16px;
color:#fff;
margin:0 0px 0 0px;
padding: 0;
text-decoration: none;
font-style: normal;
}

div#services ul li a:hover  {
font-size:13px;
font-weight: normal;
line-height:16px;
color:#fff;
margin:0 0px 0 0px;
padding: 0;
text-decoration: underline;
font-style: normal;
}


/*-- INFO BAR SOCIAL MEDIA--*/

div#sm {
	margin: 0;
	padding: 18px 0 0 0;
}

div#sm a, div#sm p{
	font: normal 16px "Century Gothic" Arial, Helvetica,sans-serif;
	font-style: italic;
	color: #fff;
	padding:0;
	margin: 0 0 0 110px;
}

div#sm p {
	margin: 0 0 0 110px;}
	
div#sm a: hover {
	border: none;}
	
.brac {
	padding: 0;
	margin: 90px 0 0 0;
	border: 0;}

/*-- INFO BAR CONTACT FORM--*/

div#footerform {
width:300px;
text-align:left;
margin:100px 0 0 0px;
}

div#footerform p {
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

div#footerform .title {
font-size:12px;
color:#fff;
text-align:left;
font-weight:700;
}

div#footerform label {
display:block;
float:left;
width:110px;
text-align:right;
font: normal 14px "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
color:#fff;
clear:right;
padding:0 5px 0 0 ;
margin: 0;
}

div#footerform input {
width:165px;
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
height:18px;
margin:0 0 5px 0;
padding:0;
}

div#footerform .submit {
width:100px;
height:25px;
margin:10px 0 0px 100px;
padding:0;
}

div#footerform select {
padding-left:20px;
margin-bottom:5px;
width:100px;
font-family:Verdana, Arial, Helvetica, sans-serif;
height:20px;
}

div#footerform textarea {
width:165px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding-left:0;
height:80px;
margin:0;
}

div#footerform .textfield2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
margin:0 0 5px 0;
padding:0;
width: 170px;
height: 20px;
}

/*-- FOOTER--*/

div#footer {
width:900px;
height: 135px;
margin:0 auto;
padding:0;
}

.footer_img {
float:left;
margin: 0;
padding:5px 8px 0 0;
}
/*-- COPYRIGHT--*/

div, img { behavior: url(iepngfix.htc) }

div#copyright {
	float: left;
	width: 900px;
	
}

div#copyright p {
text-align:left;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#87a0ab;
margin:0;
padding:10px 0px 0px 0px;
}

div#copyright a {
font-size:9px;
color:#87a0ab;
text-decoration:none;
font-weight:700;
}

div#linkbox{
float: left;
margin: 40px 0 0 0px;
padding: 0;
width: 900px;
}

div#links{
height: 20px;
}

div#media {
float: right;
margin: 0px 0 0 0px;
padding: 0;
width: 300px;
}

.badge{
border: none;
margin: 0 0 0 15px;
}

div#links p{
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#87a0ab;
float: left;
margin: 0 10px 0 0;
}

div#footernav {
width: 900px;
}

div#column {
float: left;
width: 332px;
margin: 0;
padding: 0;
}

.member {
text-align:center;
color: #87a0ab;
}

ul#footer_services{
padding:0;
margin: 0px 0 8px 90px;
color:#87a0ab;
text-decoration: none;
}

ul#footer_browse{
padding:0;
margin: 0px 0 8px 90px;
color:#87a0ab;
text-decoration: none;
}

ul#footer{
padding:0;
margin: 0px 0 8px 90px;
color:#87a0ab;
text-decoration: none;
}

ul#footer li, ul#footer_browse li, ul#footer_services li{
display: inline;
color:#87a0ab;
text-decoration: none;
margin: 0px;
}
ul#footer li a:link, ul#footer li a:visited, ul#footer li a:active,
ul#footer_browse li a:link, ul#footer_browse li a:visited, ul#footer_browse li a:active,
ul#footer_services li a:link, ul#footer_services li a:visited, ul#footer_services li a:active{
padding:0;
font: normal 9px Verdana, Arial, Helvetica, sans-serif;
color:#87a0ab;
text-decoration: none;
margin: 0px;
}

ul#footer li a:hover, ul#footer_browse li a:hover, ul#footer_services li a:hover {
text-decoration: underline;
}



/*-- PORTFOLIO GALLERY PAGES--*/

#portfolio {
width:900px;
color:#fff;
margin: 0;
padding:0 0 30px 0px;
height: 180px;
}

#portfolio .thumb {
	float:left;
	border: 1px solid #e5dfc7;
	padding: 7px;
	background: #FFFFFF;
	margin: 0 15px 0 15px;
	width: 250px;
}

#portfolio .thumb1{
	float:left;
	padding: 7px;
	border: 1px solid #e5dfc7;
	background: #FFFFFF;
	margin: 0 15px 0 15px;
	width: 545px;
}


div#portfolio p {
	padding: 2px 0 0 0;
	margin: 0;
	text-align: center;
}

div#portfolio img {
	border: 1px solid #e5dfc7;
}

.lrgimg {
padding: 0;
margin: 10px 0 0 15px;
border: 1px solid #e5dfc7;
}

table p {
	padding: 0;
	margin: 0;
	text-align: center;
}

div#client {
float: left;
width: 420px;
margin: 0 0 0 20px;
}

.name {
float: left;
padding: 0 0 2px 5px;
font-size: 16px;
font-weight: bolder;
}

.view {
text-align: right;
}
	
.xsnazzy p, .zsnazzy p{
margin:0; 
padding: 0px 20px 10px 25px; 
}

.xsnazzy_side p {
margin:0; 
padding: 0px 10px 10px 15px; 
}
.xsnazzy {
background: #f5f3eb; 
width:420px; 
float:none; 
margin:0 0px;
}

.xtop, .xbottom {
display:block; 
font-size:1px;
}
.xb1, .xb2, .xb3, .xb4 {
display:block; 
overflow:hidden;
}
.xb1, .xb2, .xb3 {
height:1px;
}
.xb2, .xb3, .xb4 {
background:#f5f3eb; 
border-left:1px solid #cac3ac;
border-right:1px solid #cac3ac;
}
.xb1 {
margin:0 5px; 
background:#cac3ac;
}
.xb2 {
margin:0 3px;
border-width:0 2px;
}
.xb3 {
margin:0 2px;
}
.xb4 {
height:2px; 
margin:0 1px;
}

.xboxcontent {
display:block; 
border:1px solid #cac3ac; 
border-width:0 1px; 
height:auto;
padding: 7px 10px;
}

* html .xboxcontent {
height:1px;
}

.color_a {
background:#f5f3eb;
color:#fff;
}

/*-- INDIVIDUAL CLIENT PAGES--*/

/*======================== PORTFOLIO SLIDER ========================*/

div#client_lg {
	float: left;
	width: 623px;
	background: #f5f3eb;
	border:1px solid #cac3ac;
	padding: 0;
	margin: 10px 0 0 0;
}

.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			float: left;
			margin: 10px 0 10px 10px;
			width: 600px;
		}
		
		.slider-wrap ul { font-size: 13px; line-height: 1.4em } 
		
		.slider-wrap  a, .slider-wrap  li a { text-decoration: none }


		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 375px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: 1px solid #3c3631; /* this is the border. should have the same value for the links */
			margin: auto;
			width: 600px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 375px;
			clear: both;
			background: #fff;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer img { border: 0; margin: 0; padding: 0; }
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 600px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 0px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;	
			float: left;
		}
		
			.stripNav ul { /* The auto-generated set of links */
			list-style: none;
			width: 600px;
			height: 40px;
			background-color: #e3dfd0;
			margin: 5px 0 0 0px;
			padding-bottom: 5px;
			}
		
		.stripNav ul li {
			float: left;
			margin-top: 8px;
			margin-right: 0px; /* If you change this, be sure to adjust the initial value of navWidth in slideviewer.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 14px;
			font-weight: bold;
			text-align: center;
			background: #69a0c3;
			color: #868170;
			text-decoration: none;
			display: block;
			padding: 5px 10px;
			border: 1px solid #868170;
			background-color: #e3dfd0;
		}
		
		.stripNav a:hover {
			background: #246c96;
			border: 1px solid #246c96;
			color: #fff;
		}
		
		.stripNav a.current {
			background: #246c96;
			border: 1px solid #246c96;
			color: #fff;
		}
		
		
.url {
border-bottom: 1px solid #4a413b;
margin: 0;
}

.back {
float: right;
border: none;
margin: 11px 0 0 0;}

/*====================== SERVICES--*/

div#service {
width:900px;
color:#fff;
margin: 10px 0 0 0;
padding:0 0 0px 0px;
height: 210px;
border-bottom: 1px solid #868170;
}

div#svcbox {
float: left;	
width: 200px;
height: 180px;
margin: 5px 15px 5px 15px;
border: 1px solid #868170;
background-color: #e3dfd0;
}

div#service a:link, div#service a:visited  {
	text-decoration: none;
	color: #352c26;
	}

div#svcbox ul {
color: #96b632;
margin:10px 15px 0 35px;
padding:0;
}

div#svcbox li {
font-size:16px;
line-height:16px;
color: #20150e;
margin:0 10px 0 20px;
padding: 5px 0;
list-style: none;
}

/*-- DESIGN PROCESS--*/

#process {
width:830px;
color:#fff;
margin:0 0 0px 40px;
padding:0 0 10px 0;
}

#portfolio p,#process p {
margin:0 0 10px 10px;
padding:0;
}

/*-- MAIN CONTACT FORM--*/

div#form {
width:350px;
text-align:left;
margin:20px 25px 0 0px;
float: right;
}

form p {
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

 .title {
font-size:12px;
color:#fff;
text-align:left;
font-weight:700;
}

 label {
display:block;
float:left;
width:110px;
text-align:right;
font: normal 14px Arial, Helvetica, sans-serif;
color: #20150e;
clear:right;
padding:0 5px 0 0 ;
margin: 0;
}


 input {
width:165px;
font: normal 12px Verdana, Arial, Helvetica, sans-serif;
height:18px;
margin:0 0 5px 0;
padding:0;
}

.submit {
width:100px;
height:25px;
margin:10px 0 0px 100px;
padding:0;
}
 select {
padding-left:20px;
margin-bottom:5px;
width:100px;
font-family:Verdana, Arial, Helvetica, sans-serif;
height:20px;
}

 textarea {
width:165px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding-left:0;
height:80px;
margin:0;
}

.textfield2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
margin:0 0 5px 0;
padding:0;
width: 170px;
height: 20px;
}
div#ps {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: left;
	padding: 5px 0 0 15px;
}

div#captcha {
	margin: 10px 0 0 100px;
	padding: 0;
	}	





/*-- CUSTOM STYLING--*/


.header_left {
float:left;
border:none;
margin:122px 0 0;
padding:0;
}

.validation {
float:left;
margin:45px 0 0;
}

.bold {
font-weight:700;
}

div#clear {
clear:both;
}

div#iframe {
margin:-30px 0 0;
padding:0;
}

.cta {
border:none;
margin:0 8px 0 0;
padding:0;
}

.imgside {
border:none;
margin:-5px 10px 0 0;
padding:0;
}

.imgside2 {
border:none;
margin:20px 10px 0 0;
padding:0;
}

.note {
font-size:9px;
font-style:italic;
margin:2px 0 5px 110px;
}

.map {
padding: 35px 0 0 45px;
margin: 0;
border: none;
}