/**************************
Keyven Ferland
http://www.keyvenferland.com
Default Stylesheet
**************************/

/* =General-----------------------------------------------------------------------------*/

p{margin: 0;padding: 0;}
ul{margin: 0;padding: 0;list-style: none;}
.clear{ /* Class for clearing floats */clear:both;}
img{ /* Remove border around linked images */border: 0;}

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

body {margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; background: #172F49 url('../img/bg.gif') repeat-x top left; }

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

h1, h2, h3, h4, h5, h6{margin: 0; padding:0; font-family: Arial, Helvetica, sans-serif;}
h1{font-size: 160%; color: #1397DD; font-weight: normal; letter-spacing: -1px; padding: 0; border-bottom: 1px dotted #ccc; margin-bottom:6px; margin-right: 10px;}
h2{font-size: 140%; color: #F1B601; padding: 10px 0 0 0; font-weight: normal; letter-spacing: -1px;}
h3{font-size: 120%; color: #003D71;}
h4{font-size: 120%; color: #003D71;}
h5{font-size: 100%;}
h6{font-size: 100%;}

/* =Links-----------------------------------------------------------------------------*/

a{color: #003D71;  text-decoration: underline;}
a:hover{ color: #003D71; text-decoration: none;}

/* =Main Nav-----------------------------------------------------------------------------*/

#nav{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; width: 706px; height: 39px; padding: 0; background: transparent url('../img/bg-nav.gif') no-repeat top center; }
#nav ul{ margin: 2px 0 0 23px; padding:0; width: 785px; list-style: none;}
#nav li { margin: 0; padding: 0; text-align: left; display: inline; float: left;}
#nav li a{ color: #fff; font-weight: bold; margin: 0; padding: 0; display: block; text-decoration: none; }
#nav li a:hover{ text-decoration: none; color: #0D76B6;}

/* =Class-----------------------------------------------------------------------------*/

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

/* =Top-----------------------------------------------------------------------------*/

#top{ position: relative; width: 824px; height: 99px; margin: 0 auto; background: transparent url('../img/bg-inside.gif') no-repeat top center;}
#top p{ color: #999; font-size: 75%; }
#top a{ color: #999; font-weight: bold;  text-decoration: none;}
#top a:hover{ color: #999;  text-decoration: underline;}
#top img{ position: absolute; top: 35px; left: 25px;}

/* =Wrap-----------------------------------------------------------------------------*/

#wrap{ width: 706px; padding: 0; margin:0 auto ; background: transparent url('../img/bg-wrap.jpg') no-repeat top left;}
#contentWrap{ float: left; width: 676px; padding: 0 20px 0 10px; margin: 0; float: left; clear: both; background: #fff url('../img/bg-content.gif') no-repeat top center; }
#contentBottom{ width: 706px; height: 14px; clear: both; background: transparent url('../img/bg-content-bottom.gif') no-repeat top center;}

/* =Header-----------------------------------------------------------------------------*/

#header{ height: 135px; position: relative; }
#header img{ position: absolute; left: 26px; top: 28px;}

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

#infobox{ padding: 0; margin: 0; float: left; width: 808px;}

#contentWrap #colomn{ color: #555555; margin: 0; padding:20px 0 0 0; width: 250px; float: left; }
#contentWrap #colomn img{ padding: 0; }
#contentWrap #colomn .left{ float: left; padding: 2px; }
#contentWrap #content{ color: #555555; margin: 0; padding:20px 0 20px 0; width: 418px; float: right; }
#contentWrap #content p{ font-size: 90%; padding: 6px 0; text-align: left; color: #333; line-height: 18px;}
#contentWrap #content img{ padding:0; }
#contentWrap #content a{ color: #187CBB; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; }
#contentWrap #content a:hover{ text-decoration: underline; }
#contentWrap #content ul{ list-style:disc; font-size: 85%; margin: 0 0 0 30px; padding: 15px 0 18px 20px; line-height: 14px;}
#contentWrap #content ul li{ padding: 0; margin: 0; }

#contentWrap #content .imageBorder {padding: 3px; margin: 0; border: 1px solid #ccc; background-color: #fff;}

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

form{ padding: 0; margin:0 0 0 10px;}

.field { background: transparent url('../img/bg-field.gif') repeat-x top left; width: 380px; height: 15px; padding: 4px 0 0 5px; margin: 2px 20px 10px 0; color: #333; border: 1px solid #ccc; }
.comments { background: transparent url('../../img/bg-field.gif') repeat-x top left; width: 380px; height: 50px; padding: 4px 0 0 5px; margin: 2px 20px 10px 0; color: #333; border: 1px solid #ccc;}
.infos label { font-size: 12px; color: #1397DD;  font-weight: bold; text-align: left;}
.submit { width: 125px;	height: 30px; padding-bottom: 5px; font-size: 12px;	font-weight: bold; color: #fff; cursor: pointer; border: none; background: transparent url('../img/bt-send.gif') no-repeat top center; float: right; }

/* =Footer-----------------------------------------------------------------------------*/

#footer{ clear: both; position: relative; height: 46px; margin: 0 auto; padding:4px 0 0 0; width: 706px; position: relative; background: transparent url('../img/bg-footer.gif') no-repeat top center;}
#footer p{ color: #9EB2CA; font-size: 75%; padding: 0 0 0 10px; text-align: left;}