/*--------------------------------------------------------------------------------------------------------
				HTML General classes
--------------------------------------------------------------------------------------------------------*/

body {
	background:url(../images/bg/interior/bg-main.gif) repeat;
	margin:0;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:11px;
}

h1 {
	font-family:Century Gothic, Verdana, Helvetica, sans-serif;
	font-size:22px;
	line-height:24px;
	font-weight:bold;
	color:#000;
	margin:0; padding:10px 0 10px 0;
}

h2 {
	font-family:Century Gothic, Verdana, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	line-height:12px;
	color:#999;
	margin:0; padding:0;
	border-bottom:solid 2px #CCC;
}

h3 {
	font-family:Century Gothic, Verdana, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	line-height:14px;
	color:#96b434;
	margin:0; padding:0;
	border-bottom:solid 2px #96b434;
}

h4 {
	font-family:"Times New Roman", Times, serif;
	font-size:17px;
	line-height:15px;
	text-align:center;
	margin:0; padding:0;
}

h5 {
	font-family:Century Gothic, Verdana, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	line-height:18px;
	color:#000;
	margin:0; padding:0;
}

img {
	border:0;
}

html .hollyhack {
	width: 1%; 
}

p {
	border:0; 
	margin:0 0 8px 0; 
	padding:0;
}

hr {
	border:1px solid #FFF;
}


/*--------------------------------------------------------------------------------------------------------
				Formatting classes
--------------------------------------------------------------------------------------------------------*/

.oneColFixCtr #container {
	width:990px;
	min-height:900px;
	margin:0px auto;
	padding:0;
}

#header {
	width:964px;
	height:172px;
	padding: 0 13px;
	background:url(../images/bg/interior/bg-header.png) repeat-y;
}

#headleft {
	width:607px;
	height:172px;
	background:url(../images/bg/interior/bg-header-left.gif) no-repeat;
	float:left;
}

#headright {
	width:200px;
	height:127px;
	float:right;
	background:url(../images/bg/interior/bg-header-right.gif) no-repeat;
	padding:45px 40px 0 117px;
}

#contentcontainer {
	width:990px;
	min-height:900px;
}

#contentbg {
	width:990px;
	min-height:900px;
	background:url(../images/bg/interior/bg-content.png) repeat-y;
}

#leftcolumn {
	width:290px;
	min-height:650px;
	background:url(../images/box/box-bg.jpg) top right repeat-y;
	padding-left:20px;
	float:left;
}

#quotebox {
	width:225px;
	min-height:300px;
	background:url(../images/box/box-bg-top.jpg) top right no-repeat;
	padding:190px 25px 0 40px;
}

.quote {
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	line-height:38px;
	text-align:center;
}

.quote a, a:hover {
	color:#000;
	text-decoration:underline;
}

.porttxt {
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	line-height:20px;
	text-align:center;
}

.porttxt a, a:hover {
	color:#000;
	text-decoration:underline;
}

.sidesub {
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	line-height:18px;
	text-align:center;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
}

.tm {
	font-family:Verdana, Helvetica, sans-serif;
	font-size:15px;
	line-height:18px;
	color:#000;
	font-weight:normal;
}

.tmsm {
	font-family:Verdana, Helvetica, sans-serif;
	font-size:10px;
	line-height:13px;
	color:#000;
	font-weight:normal;
}

.bdytxt {
	font-family:Verdana, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#000;
	font-weight:normal;
}

.bdytxt a {
	color:#ed8b00;
	font-weight:normal;
	text-decoration:none;
}

.bdytxt a:hover {
	color:#ed8b00;
	text-decoration:underline;
}

.testimonial {
	font-family:Verdana, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
	color:#000;
	font-weight:normal;
}

.testimonial a {
	color:#ed8b00;
	font-weight:normal;
	text-decoration:none;
}

.testimonial a:hover {
	color:#ed8b00;
	text-decoration:underline;
}

#rightcolumn {
	width:605px;
	min-height:870px;
	padding:30px 45px 0 30px;
	float:right;
}

#spacer {
	height:20px;
	clear:both;
	background:none;
	margin:0; padding:0;
}

#portbox {
	width:561px;
	border:2px solid #a8c850;
	padding:20px;
}

.pic {
	border:1px solid #666;
	margin-top:10px;
}

.testpic {
	padding:0 15px 10px 0;
}
	
#casestudy {
	border-bottom:2px solid #fb9f00;
	margin-bottom:35px;
	padding-bottom:25px;
}

#teambox { 
	border-right:2px solid #CCC;
	border-bottom:2px solid #CCC;
	margin-bottom:15px; 
	padding-right:10px;
	padding-bottom:15px;
}


/*--------------------------------------------------------------------------------------------------------
				Opt-in classes
--------------------------------------------------------------------------------------------------------*/

.optin {
	font-family:Century Gothic, Verdana, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	line-height:12px;
	text-align:center;
}

.fieldholder {
	width:140px;
	height:22px;
	background:url(../images/optin/txtfield-bg.gif) no-repeat;
	padding:3px 0 0 0;
	float:left;
	margin:0 5px;
}

#headright input{
	font-size:10px;
	padding:0px;
	height:20px;
	background:url(images/optin/txtfield-bg.gif) center no-repeat;
	background-attachment:fixed;
	border:none;
	width:110px;
	margin:0 0 0 2px;
}

#headright label{
	height:15px;
	display:block;
	font-weight:bold;
	padding:5px 0;
	text-align:right;
	width:50px;
	float:left;
}

#headright input.submit_button {
	width:200px;
	font-size:12px;
	display:block;
	border:none;
	background-color:transparent;
	padding:0; margin:0 auto;
	text-decoration:none;
	font-weight:bold;
	color:#000;
	cursor:pointer;
	clear:left;
}


/*--------------------------------------------------------------------------------------------------------
				Footer classes
--------------------------------------------------------------------------------------------------------*/

#footcontainer {
	width:990px;
	height:203px;
	margin:0 auto;
	clear:both;
}

#footerleft {
	width:20px;
	height:203px;
	background:url(../images/foot/foot-left.png) top left no-repeat;
	float:left;
}

#footermain {
	width:920px;
	height:148px;
	background:url(../images/foot/foot-main.jpg) no-repeat;
	float:left;
	padding:55px 0 0 30px;
}

#footerright {
	width:20px;
	height:203px;
	background:url(../images/foot/foot-right.png) top right no-repeat;
	float:right;
}

#footlinks {
	width:115px;
	height:90px;
	float:left;
	border-right:solid 1px #666;
}

#footlinksb {
	width:135px;
	height:90px;
	padding:0 0 0 10px;
	float:left;
	border-right:solid 1px #666;
}

#footlinksc {
	width:165px;
	height:90px;
	padding:0 0 0 10px;
	float:left;
}

#contactinfo {
	width:477px;
	height:90px;
	padding:0 0 0 0;
	float:right;
}

.foottxt {
	font-family:Century Gothic, Verdana, Helvetica, sans-serif;
	font-size:10px;
	color:#313131;
	line-height:22px;
}

.foottxt a {
	text-decoration:none;
	color:#313131;
}

.foottxt a:hover {
	text-decoration:underline;
	color:#000;
}

.contacttxt {
	font-family:Century Gothic, Verdana, Helvetica, sans-serif;
	font-size:10px;
	color:#313131;
	line-height:16px;
}

.contacttxt a {
	text-decoration:none;
	color:#313131;
}

.contacttxt a:hover {
	text-decoration:underline;
	color:#000;
}



/*--------------------------------------------------------------------------------------------------------
				NAV classes
--------------------------------------------------------------------------------------------------------*/

#navcontainer {
	width:990px;
	height:50px;
	clear:both;
}

#navleft {
	width:20px;
	height:50px;
	background:url(../images/nav/interior/nav-left.png) no-repeat;
	float:left;
}

#navright {
	width:20px;
	height:50px;
	background:url(../images/nav/interior/nav-right.png) no-repeat;
	float:right;
}

#navigation {
	width:930px;
	height:50px;
	background:url(../images/nav/interior/nav-background.jpg) repeat-x;
	float:left;
	padding-left:20px;
}


#navigation ul {
	list-style:none;
	margin:0;
	padding:0;
}

#navigation li {
	display:inline;
	height:33px;
	float: left;
}


#navigation li a {
   display:inline-block;
   height:18px;
   font-family:Century Gothic, Verdana, Helvetica, sans-serif;
   font-size:10px;
   font-weight:normal;
   line-height:10px;
   text-align:center;
   text-decoration:none;
   color:#8b6200;
   padding:15px 22px 0px 22px;
}

#navigation ul li a:hover {
   background:url(../images/nav/interior/nav-roll.jpg) repeat-x;
}

body#home a#home,
body#branding a#branding,
body#websites a#websites,
body#onesheets a#onesheets,
body#testimonials a#testimonials,
body#casestudies a#casestudies,
body#team a#team, 
body#contact a#contact {
	background:url(../images/nav/interior/nav-roll.jpg) repeat-x;
}

/*--------------------------------------------------------------------------------------------------------
				FORM classes
--------------------------------------------------------------------------------------------------------*/

.cssform p{
	width: 300px;
	clear: left;
	margin: 0;
	padding: 10px 0 8px 0;
	padding-left: 120px; /*width of left column containing the label elements*/
	border-top: 1px dotted gray;
	height: 1%;
}

.cssform label{
	font-family:Century Gothic, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	float: left;
	margin-left: -120px; /*width of left column*/
	width: 115px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 180px;
}

.cssform textarea{
	width: 250px;
	height: 150px;
}

* html .threepxfix{
	margin-left: 3px;
}

.star {
	color:#fb9f00;
}