/*********************************************************
   HTML Elements
 *********************************************************/

/* Headers */
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 10px 0;
  padding: 0;
}


h1 {
  padding-bottom: 0.2em;
  font: 18px arial, sans-serif;
  color: #000;
 
}

p {
    display: block;
	padding: 5px 5px 0 5px;
	font: 12px Verdana, sans-serif;
	color: #595959;
	margin: 0;
  
}

.footer{
    display: block;
	padding: 5px 5px 0 5px;
	font: 12px/16px Verdana, sans-serif;
	color: #fff;
	margin: 0;
  
}


h2 {
 	text-transform: lowercase;
	color: #000;
	font-size: 2em;
	font-family: Arial, Helvetica, sans-serif;
}


h3 {
  
  font-family: Tohma, Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size:1.2em;
  color: #75C848;
  border-bottom: #DEDED3 solid 1px;
}

h4 {
  
  font-family: Tohma, Arial, Helvetica, sans-serif;
  font-size: 1em;
  color: #221E1F;
  
 
  
  }

h5 {
  font-size: 0.8em;
}

.style7 {color: #666666}


/* Links */


a img {
  border: 0;
}

a img.border {  
  border: 1px solid #FC3307;
}

a:hover img.border {  
  /* Fixes IE bug - IE doesn't correctly apply the style on a:hover so need to mask it */
  border: 1px solid #668FA3 !important;
  border: 1px solid #FC3307;
}

a:link { color:#31BCD1; text-decoration:none; font-weight:bold;}
a:visited {color:#31BCD1; text-decoration:none; font-weight:bold;}
a:hover {color:#000; text-decoration:none; font-weight:bold;}
a:active {color:#31BCD1; text-decoration:none; font-weight:bold;}

/* Images */
img.floatRight {
  margin: 5px 0 10px 10px;
}

img.floatLeft {
  margin: 5px 10px 10px 0;
}

img {
margin: 0px auto;

}


img.portfolio {
margin: 0px auto;
border: 1px solid #999;
background: #CCCCCC;
padding: 5px;
}

img.link {
margin: 0px auto;
border: 3px solid #999;
padding: 2px;
}


a:hover img.link {
margin: 0px auto;
border: 3px solid #31BCD1;
padding: 2px;
}


/* Lists */
ul li {
    list-style: none;
}

li.content {
	display: block;
	text-align:left;
	color: #1F3F48;
	padding-top: 8px;
	margin: 0;
	text-indent: 20px;
	font-family:Verdana, Helvetica, sans-serif;
	font-size: 11px;
	background-image:url(../images/box_line.gif);
	background-repeat:no-repeat;
	width:300px;
	height: 26px;
}

.privacy {
	display: block;
	text-align:left;
	color: #1F3F48;
	padding-top: 8px;
	margin: 5px 10px;
	text-indent: 20px;
	font-family:Verdana, Helvetica, sans-serif;
	font-size: 11px;
	background-image:url(../images/box_line.gif);
	background-repeat:no-repeat;
	width:500px;
	height: 26px;
}
	
ol li {
  font-weight: bold;
  color: #668FA3;
}

ol li span {
  font-weight: normal;
  color: #444;
}

li {
list-style:none;
}

/* Blockquote */
blockquote {
  margin: 0 0 0 40px;
  padding: 0 0 5px 20px;
  width:80%;
  background: #E7F1F3;
  border-top: 1px solid #AAD3DB;
  border-bottom: 1px solid #AAD3DB;
}


/**************************************************************
   Form Elements
 **************************************************************/

form {
  padding: 0;
  margin: 0;
}

/* If you're finding the input elements get pushed down, increase the width */
label {

  float: left;
  width: 15%;
  vertical-align: top;
}

input,
select {
  padding: 1px;
  font: 400 1em verdana, sans-serif;
  color: #3B6B9F;
  border: 1px solid #FFFFFF;
  border-bottom: 2px solid #999;
}
textarea{
color:#3B6B9F;
}

input:focus,
input:hover,
textarea:hover,
select:focus,
select:hover {
  color: #000;
  
}

input.noBorder,
input:focus.noBorder,
input:hover.noBorder {
  padding: 0;
  border: 0;
}

input.button {
  padding: 2px 5px;

  font: 100 0.8em verdana, serif;
  cursor: pointer;

  color:#000;
  background: #ccc;
  border-width: 1px;
  border-style: solid;
  border-color: #3B6B9F;
}

input.radio {
  background: none;
  border: 0px;
  border-style:none;
}