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

Use: Reset Styles for all browsers
BASED ON: Nick Rigby's reset file

***********************************/
	
body,
p,
blockquote
{
  margin: 0;
  padding: 0;
}

a img,
iframe
{
  border: none;
}
	
/* Headers
------------------------------*/

h1, h2, h3, h4, h5, h6
{
  margin: 0;
  padding: 0;
}
	
/* Lists
------------------------------*/
	
ul, ol, dl, li, dt, dd
{
  margin: 0;
  padding: 0;
}
	
ul,
ul li
{
  list-style: none;
}
	
/* Links
------------------------------*/

a, a:link {}
a:visited {}
a:hover {}
a:active {}

/* Forms
------------------------------*/

form,
fieldset
{
  margin: 0;
  padding: 0;
  border: none;
}

legend
{
  display: none;
}

input,
textarea,
select
{
  margin: 0;
  padding: 1px;
  font-size: 100%;
  font-family: inherit;
}
	
select
{
  padding: 0;
}

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

DEFAULT TAG STYLES

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

a
{
	text-decoration: none;
	color: #B11614;
}

a:hover
{
	text-decoration: underline;
}

body
{
	font-size: 0.8em;
	margin: 14px 0px;
	font-family: "Trebuchet MS", arial, sans-serif;
	text-align: center;
	background: #F5F4E2 url( ../images/bg_body.png ) repeat-x scroll top left;
	color: #5d6742;
}

h1, h2, h3, h4
{
	color: #776;
	margin-top: 1em;
	margin-bottom: 0.5em;
}

h2
{
  margin-top: 0px;
}

h4
{ 
	font-size:100%;
	color: #B11614;
}

ol
{
  list-style: decimal;
  padding-left: 10px;
}

li
{
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  margin-left: 1em;
}

p
{
  margin: 0.5em 0px 1em 0px;
  line-height: 140%;
}

q
{
  font-style: italic;
}

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

DEFAULT CLASSES

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

*.clear
{
  clear: both;
}

*.hidden
{
  display: none;
}

*.first
{
  margin-top: 0px !important;
}

*.inset-left
{
  float: left;
  margin-top: 2px;
  margin-right: 10px;
  border: 1px solid #5D6742;
}

*.inset-right
{
  float: right;
  margin-top: 2px;
  margin-left: 10px;
  border: 1px solid #5D6742;
}

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

FORM

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

form
{
  margin: 10px 0px;
}

form div.field,
div.view div.field
{
  margin: 5px 0px;
  padding: 0px 0px 5px 0px;
}

form fieldset
{
  border: none;
}

form div.field fieldset legend
{
  display: none;
}

form div.field span.label-container,
div.view div.field div.label-container
{
  display: block;
  float: left;
  line-height: 1.8;
}

form div.field span.label-container,
div.view div.field div.label-container,
div.form_error
{
  width: 150px;
}

form div.field span.label-container p,
div.view div.field div.label-container p,
div.view div.field div.input-container p,
form div.field span.input-container p
{
  margin: 2px 0px 5px 0px;
}

form div.field span.label-container,
div.view div.field div.label-container,
div.view div.field div.input,
form div.field span.input-container
{
  padding: 0px 0px 0px 0px;
}

form div.field span.input-container,
div.view div.field div.input-container
{
  float: left;
}

form div.field span.input-container,
div.view div.field div.input-container,
form input.textbox,
form textarea,
div.form_error
{
  width: 180px;
}

div.form_error,
div.buttons
{
  margin-left: 150px;
}  

div.form_error
{
  color: red;
  margin-bottom: 3px;
}  

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

STRUCTURE AND SPECIFIC STYLING

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




/* PAGE
***********************************/

#page
{
	width: 780px;
	margin: 0px auto;
}


/* HEADER
***********************************/

#header
{
	float: left;
	width: 340px;
	margin-top: 10px;
}

#header h1
{
	font-size:1 00%;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

#header h1 img
{
	display: block;
	margin: 0px;
}

/* GLOBAL LINKS
***********************************/

#global-links
{
	float: left;
	width: 440px;
	padding: 0px 0px 0px 0px;
	text-align: right;
	font-weight: bold;
}

#global-links h4
{
	display: none;
}

#global-links ul
{
  padding-top: 40px;
	margin-left: 10px;
}

#global-links li
{
	display: inline;
	margin-left: 20px;
}

#global-links li a
{
	color: #EE560D;
}

/* TABS
***********************************/

#tabs
{
	clear: both;
	padding: 5px 0px 0px 0px;
}

#tabs h4
{
  display: none;
	float: left;
	padding: 8px 5px 4px 0px;
	font-size: 100%;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	color: #b11614;
	text-align: left;
}

#tabs-top
{
	background: transparent url('../images/bg_top_tabs.png') scroll repeat-x left bottom;
	float: left;
	width: 100%;
}

#tabs-top li
{
	float: left;
	display: block;
	margin: 3px 1px 0px 0px;
	width:120px;
	padding: 0px;
	border-bottom: 1px solid #8F9B6D;
}

#tabs-top a
{
	background: #E1E2B6 url('../images/bg_tabs.png') no-repeat scroll left top;
	display: block;
	padding: 6px 0px 3px 0px;
	text-align: center;
	width: 120px;
	text-decoration: none;
	color: #5D6742;
	font-weight: bold;
}

#tabs-top a:hover
{
	background: #E1E2B6 url('../images/bg_tabs.png') no-repeat scroll 0px -80px;
}

#tabs-top li.selected
{
	border-width: 0px;
}

#tabs-top li.selected a,
#tabs-top li.selected a:hover
{
	background: #E1E2B6 url('../images/bg_tabs.png') no-repeat scroll 0px -160px;
	padding-bottom: 4px;
	margin-bottom: 0px;
}

#tabs-bottom
{
	background: #BCC3A7 url('../images/bg_bottom_tabs.png') no-repeat scroll bottom left;
	clear:both;
	text-align: left;
}

#tabs-bottom h4
{
  display: none;
}

#tabs-bottom ul
{
	padding: 9px 10px 7px 10px;
}

#tabs-bottom li
{
	display:inline;
	margin: 0px 15px 0px 0px;
}

#tabs-bottom li
{
}

#tabs-bottom a
{
}

/* MIDDLE
***********************************/

#middle
{
  float: left;
  width: 100%;
	background: transparent url( ../images/bg_default_page.png ) no-repeat scroll bottom left;
	padding: 0px;
	text-align: left;
}


/* PRIMARY SECTION
***********************************/

#primary-section
{
	width: 520px;
	float: left;
	text-align: left;
}

#primary-section div.inner
{
	padding: 10px;
}

#primary-section div.montage div.inner
{
	padding: 10px 0px 10px 1px;
}

#primary-section div.montage div.inner h2,
#primary-section div.montage div.inner h3
{
  margin-left: 10px;
}

div.montage-layout #primary-section div.montage div.inner
{
  margin: 0px;
  padding: 0px;
}

div.montage-layout #primary-section div.montage div.inner h3
{
  margin: 0px 0px 0px 1px;
  padding: 10px 10px 8px 10px;
  background: #E1E2B6;
  padding-left: 10px;
  border-bottom: 1px solid #8F9B6D;
}

div.montage-layout #primary-section div.montage div.inner p
{
  margin: 0px 0px 0px 1px;
}

div.montage-layout #primary-section div.montage div.inner p img
{
  display: block;
}



/* SECONDARY SECTION
***********************************/

#secondary-section
{
	width: 260px;
	float: right;
	text-align: left;
}

#secondary-section div.inner
{
	padding: 0px 1px;
}

#secondary-section h2,
#secondary-section h4
{
  font-size: 110%;
	color: #5d6742;
	margin: 0px;
	padding: 5px 10px;
	background: #D7DAB6 url( ../images/bg_side_bar_header.png ) repeat-x scroll top right;
	border-top: 1px solid #BBC1A5;
	border-bottom: 1px solid #BBC1A5;
}

#secondary-section h2.first,
#secondary-section h4.first
{
	border-top: 0px solid #BBC1A5;
}

#secondary-section p
{
	margin-left: 10px;
	margin-right: 10px;
}
#secondary-section p q
{
	margin-left: 5px;
	margin-right: 5px;
}

#secondary-section p img.example
{
	width: 55px;
	float: left;
	display: block;
	margin-right: 4px;
	border: 1px solid #E7E8C5;
}

#secondary-section p img.example:hover
{
	border: 1px solid #c2c8a8;
}

#secondary-section ol
{
	margin-right: 10px;
}

#secondary-section ul
{
	margin: 0px 10px;
}


/* FRONT PAGE
***********************************/

#front-page
{
}

#front-page #middle
{
  margin: 0px;
  padding: 0px;
	background: transparent url('../images/bg_teaser_text.png') scroll repeat-y bottom left;
}

#front-page #front-page-teasers
{
  float: left;
  width: 100%;
}

#front-page #middle #front-page-teasers div.teaser
{
  float: left;
  width: 260px;
}

#front-page #middle #front-page-teasers div.teaser h3
{
  margin: 0px;
}

#front-page #middle #front-page-teasers div.teaser h3 a
{
  display: block;
  padding: 232px 10px 0px 10px;
}

#front-page #middle #front-page-teasers #startup h3 a
{
	background: transparent url('../images/teaser_startup.jpg') scroll no-repeat top left;
}

#front-page #middle #front-page-teasers #checkup h3 a
{
	background: transparent url('../images/teaser_checkup.jpg') scroll no-repeat top left;
}

#front-page #middle #front-page-teasers #services h3 a
{
	background: transparent url('../images/teaser_services.png') scroll no-repeat top left;
}

#front-page #middle #front-page-teasers #startup
{
}

#front-page #middle #front-page-teasers div.teaser p
{
  margin: 10px;
}

#front-page #front-page-teaser-headers
{
	height: 27px;
	background: #F5F4E2 url( ../images/bg_teaser_headers.png ) no-repeat scroll top left;
	text-align: left;
}

#front-page #front-page-teaser-text
{
  float: left;
  width: 100%;
	background: transparent url('../images/bg_teaser_text.png') no-repeat scroll bottom left;
	text-align: left;
}

#front-page #front-page-teaser-text div.column ul
{
  margin: 0px;
  padding: 0px;
}

#front-page #front-page-teaser-text div.column li
{
  background: transparent url('../images/bullet.png') scroll no-repeat left center;
  padding:  0px 0px 0px 15px;
  margin: 0.5em 10px;
}

/* TERTIARY SECTION
***********************************/

#tertiary-section
{
	text-align:left;
	background: #C9CFB9;
	border-top:1px solid #8F9B6D;
	border-left:1px solid #8F9B6D;
	border-right:1px solid #8F9B6D;
	color:#b11614;
}

#tertiary-section div.column
{
	padding:5px 0px;
	float:left;
	width:389px;
}

#tertiary-section div.column p
{
	margin:5px 10px;
}

#tertiary-section div.column h4
{
	margin:5px 10px;
}



/* START UP
***********************************/

#start-up #middle
{
  margin: 0px 0px;
  padding: 0px 1px;
	background: transparent url('../images/bg_full_width_page.png') scroll repeat-y bottom left;
}

#start-up #middle #startup-graphic
{
  clear: both;
  margin: 10px auto;
  width: 744px;
}


#start-up #middle #startup-graphic h3
{
  text-align: center;
  margin: 10px 0px 15px 0px;
}

#start-up #startup-text
{
  float: left;
  width: 470px;
  margin: 10px 0px;
	background: transparent url( ../images/bg_chick_no_egg.jpg ) no-repeat scroll center right;
	padding: 0px 0px 0px 0px;
}

#start-up #startup-text h2,
#start-up #startup-text p
{
  margin-left: 10px;
  margin-right: 130px;
}

#start-up #startup-testimonials
{
  margin: 40px 0px 0px 0px;
  float: right;
  width: 300px;
}

#start-up #startup-testimonials h4,
#start-up #startup-testimonials p
{
  margin-right: 20px;
}

#start-up #startup-testimonials p
{
  font-size: 120%;
}

#start-up #primary-section h2
{
	margin: 10px 50px 0px 0px;
}

#start-up #primary-section p
{
	margin-right: 90px;
}

/* CHECK UP
***********************************/

#check-up #primary-section
{
	background: transparent url('../images/bg_stethoscope.jpg') no-repeat scroll bottom right;
	padding: 0px 0px 50px 0px;
}

#check-up #primary-section h2
{
	margin: 10px 50px 0px 0px;
}

#check-up #primary-section p
{
	margin: 10px 80px 0px 0px;
}

#check-up #secondary-section
{
  margin: 0px;
}

/* COPYWRITING
***********************************/

#copywriting div.splash
{
  background: transparent url('../images/splash_copywriting.jpg') scroll no-repeat left top;
  height: 200px;
  margin-left: 1px;
}

/* BANNERS AND SIGNAGE
***********************************/

#banners-and-signage div.splash
{
  background: transparent url('../images/splash_signs.jpg') scroll no-repeat left top;
  height: 200px;
  margin-left: 1px;
}

/* GRAPHIC DESIGN
***********************************/

#graphic-design div.splash
{
  background: transparent url('../images/splash_graphic_design.jpg') scroll no-repeat left top;
  height: 200px;
  margin-left: 1px;
}

/* ILLUSTRATION
***********************************/

#illustration div.splash
{
  background: transparent url('../images/splash_illustration.jpg') scroll no-repeat left top;
  height: 200px;
  margin-left: 1px;
}

/* CONTACT
***********************************/

#contact div.splash
{
  background: transparent url('../images/splash_contact.jpg') scroll no-repeat left top;
  height: 200px;
  margin-left: 1px;
}

#contact #primary-section div.inner
{
  margin-left: 1px;
  background: #EEEDDD;
}

#contact #secondary-section ol
{
  margin-left: 5px;
}

/* PRINT AND PUBLISHING
***********************************/

#print-and-publishing div.splash
{
  background: transparent url('../images/splash_print.jpg') scroll no-repeat left top;
  height: 200px;
  margin-left: 1px;
}

/* PHOTGRAPHY
***********************************/

#photography div.splash
{
  background: transparent url('../images/splash_photography.jpg') scroll no-repeat left top;
  height: 200px;
  margin-left: 1px;
}

/* WEB DESIGN
***********************************/

#web-design div.splash
{
  background: transparent url('../images/splash_web_design.jpg') scroll no-repeat left top;
  height: 200px;
  margin-left: 1px;
}




#newsletter-signup input.textbox
{
  width: 250px;
}  


#mailinglist #middle #primary-section
{
  width: 480px;
  margin: 10px;
}


#mailinglist #middle #primary-section p.newsletter-signup-field
{
  padding: 10px;
  background: #EEEDDD;
}

#mailinglist #middle #primary-section p.newsletter-signup-field input.textbox
{
  width: 250px;
}


#about #middle #primary-section
{
  width: 520px;
}

#about #middle #secondary-section p.photo
{
  text-align: center;
}

#about #middle #primary-section div.inner
{
  margin: 10px;
}

/* FOOTER
***********************************/

#footer
{
	margin:0px 0px 0px 0px;
	background:#E1E2B6 url( ../images/bg_whats_new.png ) no-repeat scroll top left;
	clear:both;
	padding:8px 10px;
	text-align:center; 
	overflow:hidden;
	border-left:1px solid #8F9B6D;
	border-right:1px solid #8F9B6D;
	border-bottom:1px solid #8F9B6D;
}

#footer h4
{
	display:none;
}

#footer li
{
	display:inline;
	margin:0px 10px;
}