@charset "UTF-8";

/********** = COMBINED.CSS **********/

/******************
		
	Author: Mike Whitney
	For: www.webandgrafik.com
	
******************/

content-main

/********** = RESET.CSS **********/

/******************

  	This is a modified reset derived from Eric Meyer's reset.
	See http://meyerweb.com/eric/tools/css/reset for the original.

******************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, del, dfn, em, font, img, ins, q, s, small, strike, strong, sub, sup, tt, var, b, u, i, center, 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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


body {
	color: #393529;
	background-color: #B1D1D2;
	line-height: 1;}

ol, ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* important to highlight inserts */
ins {text-decoration: none;}

del {text-decoration: line-through;}

/* tables require 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;}

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

.clearfix {display: inline-block;}

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



/********** = STRUCTURE.CSS **********/

html {
	background:#E3E1D8 url(../images/bg-all.png) repeat scroll center 0;
	color:#5A5A5A;
	font-family:"Lucida Sans", "Lucida Grande", Verdana, Sans-serif;
}

body {
	background:transparent url(../images/bg-all-red.png) repeat-x scroll center -7px;
	height:140px;
}

#wrapper-1 {
	width: 100%;
}

#wrapper-2 {
	height: 100%;
	min-height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
}

#container {
	width: 913px;
	margin: 0 auto;
	position: relative;
}

#body-index #container {min-height: 900px;}
#body-work #container {min-height: 900px;}


#header {
	width: 100%;
	height: 140px;
	position: relative;
	z-index: 100;
}

#logo {
	height:300px;
	left:7px;
	position:absolute;
	top:-7px;
	width:380px;
	z-index:99999;
}

#nav-main {
	margin: 0px;
	padding: 0px;
	float: left;
	position: absolute;
	top: -3px;
	left: 473px;
	width: 460px;
	background-attachment: fixed;
	background-repeat: repeat-x;
	background-position: 100% bottom;
	height: 47px;
}

#content {
	position: relative;
	z-index: 0;
	margin-top: 166px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

#body-index #content {
	margin-top: 166px;
	margin-bottom: 0px;
	background: none;}
	
#body-work #content {
	margin-top: 166px;
	margin-bottom: 0px;
	background: none;}
	
	


#body-iSpeak .content-main li {

  background:url(../images/icon-checklist.gif) center left no-repeat;

  padding-left: 20px;

  list-style: none;
  
  font-size:12px;
  line-height: 1.5em;

}

/********** = CONTENT-LAYOUT.CSS **********/

#logo img {
	position: absolute;
	bottom: -20px;
	left: -11px;}

.heading-main {
	width: 607px;
	height: 139px;
	position: absolute;
	top: 124px;
	left: 273px;
}
	
.heading-main-work {
	width: 607px;
	height: 139px;
	position: absolute;
	top: 124px;
	left: 313px;
}
	
.heading-main-about {
	width: 607px;
	height: 139px;
	position: absolute;
	top: 124px;
	left: 313px;
}
	
.heading-main-process {
	width: 607px;
	height: 139px;
	position: absolute;
	top: 124px;
	left: 313px;
}

.heading-main-services {
	width: 607px;
	height: 139px;
	position: absolute;
	top: 124px;
	left: 313px;
}

.heading-main-contact {
	width: 607px;
	height: 139px;
	position: absolute;
	top: 124px;
	left: 313px;
}

.heading-main-iSpeak {
	width: 508px;
	height: 139px;
	position: absolute;
	top: 123px;
	left: 410px;
}

.heading-main-faqs {
	width: 607px;
	height: 139px;
	position: absolute;
	top: 124px;
	left: 313px;
}
.heading-sub {
	width: 607px;
	height: 73px;
	padding-top: 1px;
	position: absolute;
	top: 250px;
	left: 305px;
	text-transform:uppercase;
	font-family: "Lucida Grande", "Lucida Sans", Verdana, Sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 24px;
	text-transform: uppercase;
	text-align:right;
}


#body-services.services-process .heading-sub {top: 300px;}

.sub-heading {height: 0;}

#learnbutton a {
	display: block;
	background: url(../images/learn.png) top;
	width: 40px;
	height: 128px;
	position:absolute;
	left: 882px;
	top: 127px;
}

#learnbutton a:hover { background: url(../images/learn.png) no-repeat bottom; }

.headingPhase1 {background: url(../images/phase1.png)  no-repeat;
	width: 225px;
	height:162px;
}

.headingPhase2 {background: url(../images/phase2.png)  no-repeat;
	width: 225px;
	height:162px;
}

.headingPhase3 {background: url(../images/phase3.png)  no-repeat;
	width: 225px;
	height:162px;
}

.headingPhase4 {background: url(../images/phase4.png)  no-repeat;
	width: 225px;
	height:162px;
}

.headingWebsites {background: url(../images/websites.png) no-repeat;
	width: 250px;
	height:40px;
}

.headingLogos {background: url(../images/logos.png)  no-repeat;
	width: 250px;
	height:40px;
}

.headingArtwork {background: url(../images/artwork.png)  no-repeat;
	width: 250px;
	height:40px;
}

.headingBranding {background: url(../images/branding.png)  no-repeat;
	width: 250px;
	height:40px;
}

.headingHistory {background: url(../images/history.png) no-repeat;
	width: 250px;
	height:20px;
	margin-bottom: 15px;
	
}

.headingToLife {background: url(../images/tolife.png) no-repeat;
	width: 250px;
	height:20px;
	margin-bottom: 15px;
	
}

.headingSamples {background: url(../images/samples.png) no-repeat;
	width: 250px;
	height:20px;
	margin-bottom: 15px;
	
}

.headingPoint {background: url(../images/point.png) no-repeat;
	width: 250px;
	height:20px;
	margin-top: 30px;
	margin-bottom: 15px;
}
.headingWhy {background: url(../images/why.png) no-repeat;
	width: 250px;
	height:20px;
	margin-top: 30px;
	margin-bottom: 15px;
}
.headingServices {background: url(../images/services.png) no-repeat;
	width: 250px;
	height:20px;
	margin-top: 30px;
	margin-bottom: 15px;

}
.content-sub {
	float:left;
	width: 250px;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	background-attachment: scroll;
	background-color: transparent;
	background-repeat: repeat-x;
	background-position: 0 0;
}


.content-main {
	color:#393529;
	width: 600px;
	padding-left: 0px;
	float:right;
	position:relative;
	padding-top: 0px;
	margin-top: 35px;
}



.content-main a {color:#C20C09; text-decoration:none;}
.content-main a:hover {color:#FA0B04; text-decoration:underline;}

#body-index .content-main {width: 601px; padding: 0;}
#body-work .content-main {width: 601px; padding: 0;}
#body-about .content-main {min-height: 203px;}
#body-faqs .content-main {min-height: 203px;}

#body-iSpeak .content-main {min-height: 203px;}


#body-about #nav-viewport {
	height:167px;
	margin-left:-23px;}

#body-index #nav-viewport {	margin-top:8px;}
#body-work #nav-viewport {	margin-top:8px;}

.column-mini {
	width: 295px;
	margin-bottom: 36px;
	float: left;}
	
	
.even {clear: left;}

.floatimgleft {
float:left;
margin-top:0px;
margin-right:10px;
margin-bottom:10px;
}


.odd {}

#project-viewer {
	background:transparent url(../images/bg-viewer.png) repeat 0 0;
	height: 346px;
	width: 587px;
	margin-left: -23px;
	padding: 0 0 0 23px;
	position: relative;}

#body-index #project-viewer {width:601px;}
#body-work #project-viewer {width:601px;}
#body-index .project-carousel {margin-left:7px;}
#body-work .project-carousel {margin-left:7px;}


#nav-viewer {z-index: 99999;}

#project-viewer a.previous {
	width: 39px;
	height: 39px;
	position: absolute;
	top: 165px;
	left: -24px;}
	
#body-index #project-viewer a.previous {left: -19px;}
#body-work #project-viewer a.previous {left: -19px;}

#project-viewer a.next {
	width: 39px;
	height: 39px;
	position: absolute;
	top: 165px;
	right: -19px;}

ol.pagination {
	position: absolute;
	right: 0;
	bottom: -36px;}

ol.pagination li {float: left;}

.project-carousel {
	height: 667px;
	overflow: auto;
	position: relative; /* fix for IE to respect overflow */
	clear: left;
	z-index: 10;}
	
ul.carousel-slider {}

ul.carousel-slider li {float: left;}

/*Slider styles*/

#project-window { position: relative; margin-left: -23px; }
#project-viewer { position: absolute; padding: 0; margin: 0; width: 595px; height: 354px;} 
.carousel-panel { position: relative; }
#prevBtn, #nextBtn { 
	width: 41px;
	height: 42px;
	position: absolute;
	display: block;
	top: 175px;
	z-index: 9999;}
	
	#prevBtn {left: -19px;}
	#nextBtn {right: -19px;}
	
.project-carousel LI {
	float: left;
	margin-top: 7px;
	z-index: 10;
}
.project-carousel, .project-carousel LI { width: 587px; height: 346px; overflow: hidden; z-index: 10;}
.project-carousel img {position: relative; z-index: 1;}
.panel-details { padding-left: 23px; }
.pagination { z-index: 9999; }

.hoverNav { position: absolute; top: 50px; width: 172px; height: 113px; z-index: 9999; display: none;}
.hoverNav IMG { margin: 15px 0 0 15px; }
.carousel-content { min-height: 302px; }
.carousel-content LI { display: none; }

.panel-details {margin-top: 25px;}


#body-index {padding-right:0;}

/*BUTTON NAV HOVER AREA */
#wg-nav1 {
	background:transparent url(../images/bg-all-transparent-7x7.png) repeat-y right 0;}	

#wg-nav1 a:hover {
	background:transparent url(../images/button-web-on.png) repeat-y right 0;}	

#wg-nav2 {
	background:transparent url(../images/bg-all-transparent-7x7.png) repeat-y right 0;}	

#wg-nav2 a:hover {
	background:transparent url(../images/button-businesscard-on.png) repeat-y right 0;}	


#wg-nav3 a:hover {
	background:transparent url(../images/button-artwork-on.png) repeat-y right 0;}		

#body-index .first {margin-top: 0;}
#body-work .first {margin-top: 0;}


.first {
	background: none;
	padding-top: 0;}


/********** = TYPOGRAPHY.CSS **********/

body {font-family:"Lucida Sans", "Lucida Grande", Verdana, Sans-serif;}


#logo h1 {
	font-family:"Rockwell","Lucida Sans", "Lucida Grande", Verdana, Sans-serif;
	font-size: 22px;
	font-weight: 400;
	letter-spacing: 4px;
	text-align: right;
	text-transform: uppercase;
	width: 203px;
	height: 21px;
	margin-left: 51px;
	position: relative;
	overflow: hidden;
}

#nav-main {
	font-family:"Rockwell","Lucida Sans", "Lucida Grande", Verdana, Sans-serif;
	font-size: 13px;
	font-weight: 400;
	text-transform: uppercase;
}


#webandgrafik {
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../images/bg-index-hl.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#about-webandgrafik {
	height:157px;
	top:124px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../images/bg-about-hl.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}


#webandgrafik-work {
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../images/bg-index-hl-work.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#webandgrafik-logos {
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../images/bg-logos-hl.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#webandgrafik-art {
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../images/bg-art-hl.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#webandgrafik-process {
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../images/bg-process-hl.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#webandgrafik-services {
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../images/bg-services-hl.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#webandgrafik-contact {
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../images/bg-contact-hl.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#webandgrafik-faqs {
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../images/bg-faqs-hl.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#webandgrafik-iSpeak {
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../images/bg-iSpeak-hl.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#creative {
	background:transparent url(../images/title_creativethinking.png) no-repeat scroll 0 0;
	width:218px;
	height:52px;
	position:absolute;
	left: 693px;
	top: 53px;
}

#design {
	background:transparent url(../images/word-on-design.png) no-repeat;
	width:215px;
	height:35px;
}

#words {
	background:transparent url(../images/kind-words.png) no-repeat;
	width:215px;
	height:35px;
}

#heading h3 {
	font-family: "Lucida Grande", "Lucida Sans", Verdana, Sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 24px;
	text-transform: uppercase;
	text-align:right;
}

#body-services .column-mini h3 {height: 50px; margin-bottom: 5px;}

#body-about .content-main h3 {height: 50px; margin-bottom: 5px;}
#body-faqs .content-main h3 {height: 50px; margin-bottom: 5px;}

.content-main p {
	font-family: "Lucida Sans", "Lucida Grande", Verdana, Sans-serif;
	font-size: 13px;
	color: #3B372B;
	line-height: 1.5em;
	margin: 0 18px 6px 0;
}


	
.carousel-panel h3.text-replace {margin-bottom: 19px;}

.carousel-panel ol li {
	font-family: "Lucida Sans", "Lucida Grande", Verdana, Sans-serif;
	font-size: 12px;
	font-style: italic;
	line-height: 18px;}

.column-mini strong {font-weight: 700;}

.textlink {
	font-family:"Lucida Sans","Lucida Grande", Verdana, Sans-serif;
	font-size: 12px;
	line-height: 16px;
	font-style: italic;
	color: #fffeea;}

.text-left {text-align: left;}

.text-right {text-align: right;}

.text-replace,
a.text-replace {
	display: block;
	text-indent: -99999px;
	overflow: hidden;}

span.text-replace {
	text-align:left; /*adding the span and then text-aligning left appears to take care of any issues when parent element is floated right*/
}


/********** = LINKS.CSS **********/

#header a {color: #35363B;}

#nav-main li {
	float: left;
	margin-right: 10px;}

#nav-main a * {display: none;}

#nav-main a,
#nav-main a .hover {
	height: 43px;
	position: relative;
	display: block;
	background: url(../images/bg-all-nav-main.png) 0 0 no-repeat;
}

/* individual navigation items */
#nav-main a#nav-about {
  background-position: -7px 0;
  width: 69px;
}

#nav-main .highlight a#nav-about:hover,
#nav-main a#nav-about .hover {
  background-position: -7px -86px;
}

#nav-main a#nav-work {
  background-position: -72px 0;
  width: 65px;
}

#nav-main .highlight a#nav-work:hover,
#nav-main a#nav-work .hover {
  background-position: -72px -86px;
}

#nav-main a#nav-services {
  background-position: -133px 0;
  width: 86px;
}

#nav-main .highlight a#nav-services:hover,
#nav-main a#nav-services .hover {
  background-position: -133px -86px;
}

#nav-main a#nav-process {
  background-position: -215px 0;
  width: 100px;
}

#nav-main .highlight a#nav-process:hover,
#nav-main a#nav-process .hover {
  background-position: -215px -86px;
}

#nav-main a#nav-contact {
  background-position: -311px 0;
  width: 89px;
}

#nav-main .highlight a#nav-contact:hover,
#nav-main a#nav-contact .hover {
  background-position: -311px -86px;
}

#body-about #nav-main a#nav-about {background: url(../images/bg-all-nav-main.png) no-repeat -7px -43px;}
#body-work #nav-main a#nav-work {background: url(../images/bg-all-nav-main.png) no-repeat -72px -43px;}
#body-services #nav-main a#nav-services {background: url(../images/bg-all-nav-main.png) no-repeat -133px -43px;}
#body-process #nav-main a#nav-process {background: url(../images/bg-all-nav-main.png) no-repeat -215px -43px;}
#body-contact #nav-main a#nav-contact {background: url(../images/bg-all-nav-main.png) no-repeat -311px -43px;}

#body-work #nav-work-all a {background-position: 0 0;}
#body-work #nav-work-featured a {background-position: 0 -56px;}
#body-work #nav-work-clients a {background-position: 0 -111px;}
#body-work #nav-work-all a:hover {background-position: -376px 0;}
#body-work #nav-work-featured a:hover {background-position: -189px -56px;}
#body-work #nav-work-clients a:hover {background-position: -189px -111px;}
#body-work.work-featured #nav-work-all a:hover {background-position: -189px 0;}
#body-work.work-featured #nav-work-featured a:hover {background-position: -376px -56px;}
#body-work.work-clients #nav-work-all a:hover {background-position: -189px 0;}
#body-work.work-clients #nav-work-clients a:hover {background-position: -376px -111px;}
#body-services #nav-services-services a {background-position: 0 0;}
#body-services #nav-services-process a {background-position: 0 -56px;}
#body-services #nav-services-services a:hover {background-position: -376px 0;}
#body-services #nav-services-process a:hover {background-position: -189px -56px;}
#body-services.services-process #nav-services-services a:hover {background-position: -189px 0;}
#body-services.services-process #nav-services-process a:hover {background-position: 1px -56px;}	

a.previous,
a.previous {background: transparent url(../images/bg-all-previous-next.png) no-repeat 0 0;
}

a.previous:hover,
a.previous:hover {background: transparent url(../images/bg-all-previous-next.png) no-repeat 0 -41px;
}

a.next,
a.next {background: transparent url(../images/bg-all-previous-next.png) no-repeat -41px 0;
}

a.next:hover,
a.next:hover {background: transparent url(../images/bg-all-previous-next.png) no-repeat -41px -41px;
}

#process-viewer .pagination a {height: 42px;}

#nav-viewport li {float:left;}

#nav-viewport li a {
	background-position:center 0px;
	height:126px;}

.wg-web a {
	background: url(../images/button-web-off.png) no-repeat;
	width:180px;
	height:126px;
	margin-right:7px;}
	
	
.wg-logos a {
	background: url(../images/button-buisnesscard-off.png) no-repeat;
	width:215px;
	margin-right:7px;
}

.wg-artwork a {
	background: url(../images/button-artwork-off.png) no-repeat;
	width:192px;
	margin-right:0px;
}
	
#body-about .wg-web a {width: 173px;}

/* creates quote box */

.triangle-isosceles {
	font-family:"Lucida Sans", "Lucida Grande", Verdana, Sans-serif;
	font-size:12px;
	font-style:italic;
	color: #393529;
	line-height:18px;
	position:relative;
	padding:15px;
	background:#C3BFAC; /* default background for browsers without gradient support */
	/* css3 */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	/* NOTE: webkit gradient implementation is not as per spec */
	background:-webkit-gradient(linear, left top, left bottom, from(#D8D5CB), to(#C3BFAC));
	background:-moz-linear-gradient(top, #D8D5CB, #C3BFAC);
	background:-o-linear-gradient(top, #D8D5CB, #C3BFAC);
	background:linear-gradient(top, #D8D5CB, #C3BFAC);
	width: 250px;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 2em;
	margin-left: 0;
}

/* creates triangle for quote boxes*/
.triangle-isosceles:after {
	content:"\00a0";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	z-index:-1;
	bottom:-30px; /* value = - border-top-width - border-bottom-width */
	left:50px; /* controls horizontal position */
	width:0;
	height:0;
	border-width:15px 15px; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color:#C3BFAC transparent transparent;
}

.quote-name {
	font-family:"Lucida Sans", "Lucida Grande", Verdana, Sans-serif;
	font-size:12px;
	font-style:italic;
	color: #474E53;
	line-height:18px;
	width: 200px;
	height: 15px;
	margin-top: -10px;
	margin-left:20px;	
	}
	
	.quote-name a {color:#474e53; text-decoration:none; border-bottom:dotted 1px;}
.quote-name a:hover {color:#FA0B04; text-decoration:none;border-bottom:none;}

.text-replace,

a.text-replace {
	display: block;
	text-indent: -99999px;
	overflow: hidden;}
	

#contact{
	display:block;
	width:247px;
	height:206px;
	position:absolute;
	top:-36px;
	left:340px;
}

#contact_address{
	display:block;
	width:228px;
	position:absolute;
	top:7px;
	left:7px;
	font-size:1.6em;
	line-height:1.6em;
}

#contact a#map {
	display:block; 
	margin-top:8px; 
	width:228px; 
	height:185px; 
	background:url(../images/map.png) no-repeat; 
	text-indent:-9999px;
}

#contact a#map:hover {
	background:url(../images/map.png) no-repeat 0px -185px;
}

/*quote banner
-----------------------------------------------*/

#quoteBanner a{
	position: fixed;
	left: 0;
	top:50%;
	margin-top:-70px;
	display: block;
	height: 105px;
	width: 30px;
	background: url(../images/quote_button.png) no-repeat;
	text-indent: -999em;
	text-decoration: none;
}

#quoteBanner a:hover { 
	background: url(../images/quote_button.png) no-repeat bottom;
}

/* expanding footer 
-----------------------------------------------*/

#pre_footer {
	width: 100%;
	height: 70px;
	background: url(../images/footer-dots.png);
}

#pre_footerInner {
	width: 913px;
	height: 70px;
	margin:auto;
}

.footerTitle{
	color:#898B8C; 
	font-size:.8em; 
	font-style:italic; 
	line-height:0px; 
	padding-top: 20px; 
	display:block;
}

.footerSmall{
	color:#898B8C; 
	font-size:.65em; 
	font-style:italic;
}


#footer_button {
	background: url(../images/misc_button.png) no-repeat bottom;
	margin-bottom: 0px;
	text-align: center;
	cursor: pointer;
	width:40px;
	height: 25px;
	float:right;
}

#footer_higher {
	width:100%;
	background: #A19E8F;
}

#footer_higher #footer_content {
	width: 945px;
	margin: 0 auto;
	display: none;
}

#footer_higher #footer_content .footbox h3 {
	color: #423F30;
	font-size: 15px;
	line-height: 2.5em;
}


#footer_higher #footer_content #sitenav {
	background:transparent url(../images/site-navigation.png) no-repeat;
	width:131px;
	height:35px;
}

#footer_higher #footer_content #resources {
	background:transparent url(../images/resources-etc.png) no-repeat;
	width:131px;
	height:35px;
}

#footer_higher #footer_content #recent {
	background:transparent url(../images/recent-projects.png) no-repeat;
	width:131px;
	height:35px;
}
	
#footer_higher #footer_content .footbox p {
	color: #453F2F;
	font-size: 11px;
}	
	
#footer_higher #footer_content .footbox {
	background: #D6D3C9;
	padding: 20px;
	float: left;
	width: 252px;
	margin: 10px;
}	
	
ul#footerNavOther, ul#footerNavMain { 
	float: left; 
	list-style: none; 
	margin-right: 20px;
}

ul#footerNavOther li, ul#footerNavMain li { 
	margin: 0; 
	padding: 5px 0; 
	border-bottom: 1px solid #989486;
}

ul#footerNavOther a, ul#footerNavMain a { 
	display: block; 
	line-height: 1.1em; 
	width: 250px; 
	font-family: "Palatino Linotype", "Book Antiqua", "Palatino", serif; 
	font-size: 0.9em; 
	font-weight: 300; 
	margin: 0; 
	padding: 0; 
	color:#C20C09; 
	text-decoration:none;
 }

ul#footerNavOther a:hover, ul#footerNavMain a:hover { 
	display: block; 
	line-height: 1.1em; 
	width: 250px; 
	font-family: "Palatino Linotype", "Book Antiqua", "Palatino", serif; 
	font-size: 0.9em; 
	font-weight: 300; 
	margin: 0; 
	padding: 0; 
	color:#FA0B04; 
	text-decoration:underline;
}

.clear {
	clear:both;
}	
	
/* inline quote
-----------------------------------------------*/
	
#inline1 {
	width:600px;
	height:500px;
	overflow:auto; 
	background: #E3E1D8; 
	margin: 0px; 
	padding:10px; 
	line-height: 1.3em; 
	font-size: 0.9em;
}	
#inline1 a {
	color: #C20C09; 
	text-decoration:none;
}

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

/* faqs 
-----------------------------------------------*/

#faqs h3	{ cursor:pointer; font-size: 12px;}
		#faqs h3.active	{ color:#C20C09; }
		#faqs h3.active: hover	{ color:#FA0B04; }
		#faqs div { 
			height:0; 
			overflow:hidden; 
			position:relative; 
			padding: 10px; 
			margin-bottom: 15px;	
			margin-top: -25px;		
			background:#C3BFAC; /* default background for browsers without gradient support */
			/* css3 */
			-moz-border-radius:10px;
			-webkit-border-radius:10px;
			border-radius:10px;
			/* NOTE: webkit gradient implementation is not as per spec */
			background:-webkit-gradient(linear, left top, left bottom, from(#D8D5CB), to(#C3BFAC));
			background:-moz-linear-gradient(top, #D8D5CB, #C3BFAC);
			background:-o-linear-gradient(top, #D8D5CB, #C3BFAC);
			background:linear-gradient(top, #D8D5CB, #C3BFAC);
			
			 }
			#faqs div p	{ padding:0; margin-bottom:15px; line-height: 2.2em; }


.faqs {
background: url(../images/plus_icon.png) no-repeat;

line-height: 8px;

margin: 5px 0 0 5px;
padding: 0 0 0 17px;
}


#ie-message {
background:red;
line-height: 2em;

z-index: 9999;
border:1px solid #333;
color: #fff;
padding:15px;
font-size:14px;
font-weight:bold;
letter-spacing:-1px;
margin-bottom:10px;
text-align:center;
}

#ie-message a {
color:#000;
text-decoration:underline;
}