/* =Typography
-----------------------------------------------------------------------------*/


/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
   
body { font-size: 80%; }


/* Default fonts and colors. 
   If you prefer serif fonts, remove the font-family 
   on the headings, and apply this one to the body:
   font: 1em Georgia, "lucida bright", "times new roman", serif; */
   
body { 
  color: #333; 
/*  font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; */
  font-family: "Myriad", Myriad, "Lucida Grande", Verdana, Arial, sans-serif;
}
h1,h2,h3,h4,h5,h6 { 
  color: #111; 
/*  font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif; */
  font-family: "Myriad", Myriad, "Lucida Grande", Verdana, Arial, sans-serif;
  
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 { font-size: 1.8em; line-height: 1; margin-top: 0.5em; margin-bottom: 0.5em; }
h2 { font-size: 1.5em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; line-height: 1.7em; }
p.last      { margin-bottom: 0; }
p img       { float: left; margin: 0.5em 0.5em 0.5em 0; padding: 0; }
p img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */
img         { margin: 0 0 1.5em; }
img.last    { margin: 0; }

ul, ol      { margin:0 1.5em 1.5em 1.5em; }
ul          { list-style-type: square; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

abbr, 
acronym     { border-bottom: 1px dotted #0033FF; }
address     { margin-top: 1.5em; font-style: italic; }
del         { color:#0033FF; }

a:focus, 
a:hover     { color: #0033FF; }
a           { color: #0033FF; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #0033FF font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; background: #BADEDE; }
dfn         { font-weight: bold; }
pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }


/* Tables
-------------------------------------------------------------- */

table   { margin-bottom: 1.4em; }
th      { border-bottom: 2px solid #0033FF; font-weight: bold; }
td      { border-bottom: 1px solid #0033FF; }
th,td   { padding: 4px 10px 4px 0; }
tfoot   { font-style: italic; }
caption { background: #BADEDE; }

/* Use this if you use span-x classes on th/td. */
table .last { padding-right: 0; } 


/* Some default classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet      { color: #0033FF; }

.hide       { display: none; }
.highlight  { background:#BADEDE; }
.added      { color:#0033FF; }
.removed    { color:#0033FF; }

.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.clear 		{ clear:both; }
.right 		{ float:right; }
.left 		{ float:left; }

.column4 	{ width: 24%; float:left;}
.column3 	{ width: 31%; float:left;}
.column2 	{ width: 47%; float:left;}


/* =Header
-----------------------------------------------------------------------------*/
#header {
	width: 960px;
	height: 184px;
	background-position:bottom;
	background-repeat: repeat-x;
	background-color:#BADEDE;
}
#headerleft { width: 480px; float: left; }
#headerright { width: 271px; float: right; }
#header img { margin-top: 70px;}
#headercontainer {
	
	margin: auto;
}
.links2 {
	padding-top:20px;
	width: 900px;
	padding-bottom:30px;
	font-family:"Myriad Roman",Arial,Helvetica,sans-serif;

	
}

ul#headernav								{ list-style-type: none; margin: 0 0 0 5px; padding: 0; }
#headernav li 								{ display: inline; padding: 0 10px 0 0; color: #0033FF; }
#headernav a:focus, #headernav a:hover   	{ color: #D4145A; }
#headernav a 							   	{ color: #0033FF; text-decoration: none; padding: 1px; }

/* =Nav
-----------------------------------------------------------------------------*/
#contentright {
width: 240px;
float: right;
}

#contentright ul#mainNav {
	list-style-type: none;
	
	margin: 50px 0;
	border: 4px solid #0033FF;
	padding: 10px 0 10px;
}

#contentright #mainNav li {
	padding: 0;
	margin: 0;
	padding: 10px 20px;
	line-height: 1.2em;
	color: #0033FF;
}
#contentright #mainNav li.active {
	background-image: url(images/nav-arrow-pink.gif);
	background-position: 0 3px;
	background-repeat: no-repeat;
	background-color:#BADEDE;
}
#contentright #mainNav li.active a {
	color: #0033FF;
}
#contentright #mainNav a:focus, #contentright #mainNav a:hover     { 
	
}
#contentright #mainNav a  { 
	text-decoration: none; 
	padding-bottom: 3px;
}


/* =Content
-----------------------------------------------------------------------------*/

.66 {
	float: left;
	width: 60%;
}
.33 {
	float: left;
	width: 30%;
}
#container {
	width: 960px;
	margin: auto;
	background: #BADEDE;
}
#flash {
  	width: 800px;
	height:600px;
	margin: auto;
}

#container #contentcontainer {
	margin: auto;
	width: 960px;
	padding-top:40px;
	
}
#contentleft {
	float:left;
	width: 640px;
	background-color: #BADEDE;
}
#contentleft #content {
	padding: 20px 20px 20px 30px;
}
#contentleft p {
	clear:left;
}
#contentleft ul {
	margin-left: 0;
}
#contentleft li {
	margin-left: 0em;
	margin-bottom: 0.5em;
	margin-right: 1.5em;
	margin-top: 0;
	background-image: url(../web2/images/tick.png);
	background-position: 0px center;
	background-repeat: no-repeat;
	background-color:#BADEDE;
	padding-left: 1.7em;
	list-style-type: none; 
}

#contentleft legend {
	margin: 0.5em 0em 0.5em -0.5em;
	font-weight: bold;
	color: #BADEDE;
	font-size: 115%;
}
#contentleft fieldset {
	border: solid 1px #BADEDE;
	padding: 1em 1em 0.5em;
	
}
#contentleft .submit {
	width: auto;
}

#contentleft label {
	display: block;
	width: 300px;
	float: left;
}
#contentleft input {
	width: 300px;
}
#contentleft textarea {
	height: 100px;
	width: 300px;
}
#contentleft .padding {
	padding: 1em;
}
.testimonials {
	border-bottom: solid 1px #BADEDE;
	margin-bottom: 20px;
}
.name {
	font-weight: bold;
}




/* =Footer
-----------------------------------------------------------------------------*/
#footer {
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;  
	font-size: 90%;
	clear: both; 
	border-top: #0033FF;
	border-bottom-color: #0033FF;
	background-position:-360px top;
	background-repeat: repeat-x;
	background-color: #BADEDE;
}
.links {
	width: 640px;
	text-align: center;
	margin-bottom: 40px;
}
#footercontainer {
	margin: auto;
	width: 960px;
}
ul#footernav								{ list-style-type: none; margin: 0 10px 10px; padding: 0; }
#footernav li 								{ display: inline; padding: 0 5px; color: #0033FF; }
#footernav a:focus, #footernav a:hover   	{ color: #0033FF; }
#footernav a 							   	{ color: #0033FF; text-decoration: none; padding: 1px; }
ul#footerlist 								{ list-style-type: none; margin: 0 10px 10px; padding: 0; }
#footerlist li 								{ display: inline; padding: 0 5px; }
#footerlist a:focus, #footerlist a:hover   	{ color: #0033FF; }
#footerlist a 							   	{ color: #0033FF; text-decoration: none; padding: 1px; }







.img-shadow {
  float:right;
  background: url(../web2/images/shadowAlpha.png) no-repeat bottom right  !important;
  background: url(../web2/images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #BADEDE;
  border: 1px solid #BADEDE;
  margin: -6px 6px 6px -6px;
  padding: 8px;
  }




.p-shadow {
  width: 90%;
  float:left;
  background: url(../web2/images/shadowAlpha.png) no-repeat bottom right  !important;
  background: url(../web2/images/shadow.gif) no-repeat bottom right;
  background-color:#BADEDE;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.p-shadow div {
  background: none !important;
  background: url(../web2/images/shadow2.gif) no-repeat left top;
  background-color:#BADEDE;
  padding: 0 !important;
  padding: 0 6px 6px 0;
  }

.p-shadow p {
  color: #777;
  background-color: #BADEDE;
  font: italic 1em georgia, serif;
  border: 1px solid #BADEDE;
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
  }
  
flash {
	position: fixed;
}
.links #footernav li {
	background-color: #BADEDE;
}
.links {
	text-align: center;
}
.links2 a {
	text-align: center;
}