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

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: #385371 url(../img/bg.gif) repeat-x top left;  }



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



h1, h2, h3, h4, h5, h6{margin: 0;font-family: Arial, Helvetica, sans-serif; color: #2E3B49;}

h1{font-size: 130%; margin: 0 0 10px 0; padding: 0; letter-spacing: -1px;}

#header01 h1{font-size: 85%; margin: 0; padding: 70px 20px 0 0; width: 358px; float: right; color: #fff; letter-spacing: 0px;}

#eHeader01 h1{font-size: 85%; margin: 0; padding: 70px 20px 0 0; width: 358px; float: right; color: #fff; letter-spacing: 0px;}

h2{font-size: 90%; color: #2E3B49; margin: 0; padding: 10px 0; clear: both;}

#content .box h2{ font-size: 85%; color: #2E3B49; margin: 20px 20px 10px 18px; padding: 0;}

#content #colR h2{ font-size: 85%; color: #2E3B49; margin: 0 20px 10px 18px; padding: 0;}

h3{font-size: 110%;}

h4{font-size: 100%;}

h5{font-size: 100%;}

h6{font-size: 90%; color: #2E3B49; margin: 0; padding: 10px 0; clear: both;}



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



a{text-decoration: none; color: #248AEC; text-decoration: none;}

a:hover{text-decoration: underline; color: #2E3B49;}



#top a{color: #2E3B49; text-decoration: none;}

#top a:hover{text-decoration: underline; color: #2E3B49;}



#content a{color: #04ACF7; text-decoration: underline;}

#content a:hover{text-decoration: none; color: #089DE0;}



#footer a{color: #728F9D; text-decoration: none;}

#footer a:hover{text-decoration: underline; color: #728F9D;}



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



#new{ width: 740px; height: 41px; background: #fff url(../img/bg-nav.gif) repeat-x bottom left; border-top: 1px solid #E1E3E7;}

/*#nav ul{ list-style: none; margin: 0; padding: 0; border-top: 1px solid #E1E3E7;}

#nav ul li{ float: left; position: relative; font-size: 105%; font-weight: bold; text-transform: uppercase; letter-spacing: -1px; }

#nav ul li a{ display: block; padding: 12px .8em; }

#nav ul li a:link, #nav ul li a:visited, #nav ul li a:active { color: #385371; text-decoration: none; border-left: 1px solid #fff; border-right: 1px solid #E1E3E7; }

#nav ul li a:hover{ color: #2E3B49; background: transparent url(../img/bg-nav-roll.gif) repeat-x bottom left; }*/




#top ul{ margin: 0; padding: 10px 20px 0 0; text-align: right; list-style: none;}

#top ul li{ font-size: 85%; font-weight: bold; display: inline;}

#top ul li a{ padding: 0; }

#top ul li a:link, #top ul li a:visited, #top ul li a:active, #top ul li a:hover{ color: #2E3B49; text-decoration: none; }

#top ul li a:hover{ text-decoration: underline; }



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



.left { float: left;}

.right { float: right;}



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



#wrap{ width: 740px; margin: 0 auto 30px auto; padding: 0; background: none; position:relative;}



#top{ width: 740px; height: 99px; background: #fff url(../img/bg-top.gif) no-repeat top left;}

#top p{ color: #e1e1e1; font-size: 85%; padding: 10px 5px 0 5px;}

#top img{ padding: 0 0 0 20px;}



#logo{ width: 120px; }

#logo p{ padding: 10px 5px 0 5px;}



#header01{ margin: 0; padding: 0; width: 740px; height: 200px; position:relative; background: #fff url(../img/bg-header-01.jpg) no-repeat top left;}

#header01 p{ color: #fff; font-size: 85%; padding: 0 20px 0 0; width: 358px; float: right; line-height: 18px; text-align: justify; }

#header01 a img{ position: absolute; bottom: 10px; right: 20px;}



#header02{ margin: 0; padding: 0; width: 740px; height: 200px; position:relative; background: #fff url(../img/bg-header-02.jpg) no-repeat top left;}

#header03{ margin: 0; padding: 0; width: 740px; height: 200px; position:relative; background: #fff url(../img/bg-header-03.jpg) no-repeat top left;}

#header04{ margin: 0; padding: 0; width: 740px; height: 200px; position:relative; background: #fff url(../img/bg-header-04.jpg) no-repeat top left;}

#header05{ margin: 0; padding: 0; width: 740px; height: 200px; position:relative; background: #fff url(../img/bg-header-05.jpg) no-repeat top left;}

#header06{ margin: 0; padding: 0; width: 740px; height: 200px; position:relative; background: #fff url(../img/bg-header-06.jpg) no-repeat top left;}

#header07{ margin: 0; padding: 0; width: 740px; height: 200px; position:relative; background: #fff url(../img/bg-header-07.jpg) no-repeat top left;}

#header08{ margin: 0; padding: 0; width: 740px; height: 200px; position:relative; background: #fff url(../img/bg-header-08.jpg) no-repeat top left;}

#header09{ margin: 0; padding: 0; width: 740px; height: 200px; position:relative; background: #fff url(../img/bg-header-09.jpg) no-repeat top left;}

#header10{ margin: 0; padding: 0; width: 740px; height: 200px; position:relative; background: #fff url(../img/bg-header-10.jpg) no-repeat top left;}

#header11{ margin: 0; padding: 0; width: 740px; height: 200px; position:relative; background: #fff url(../img/bg-header-11.jpg) no-repeat top left;}

#eHeader01{ margin: 0; padding: 0; width: 740px; height: 200px; position:relative; background: #fff url(../img/english/bg-header-01.jpg) no-repeat top left;}

#eHeader01 p{ color: #fff; font-size: 85%; padding: 0 20px 0 0; width: 358px; float: right; line-height: 18px; text-align: justify; }

#eHeader01 a img{ position: absolute; bottom: 10px; right: 20px;}



#eHeader02{ margin: 0; padding: 0; width: 740px; height: 200px; position:relative; background: #fff url(../img/english/bg-header-02.jpg) no-repeat top left;}

#eHeader03{ margin: 0; padding: 0; width: 740px; height: 200px; position:relative; background: #fff url(../img/english/bg-header-03.jpg) no-repeat top left;}

#eHeader04{ margin: 0; padding: 0; width: 740px; height: 200px; position:relative; background: #fff url(../img/english/bg-header-04.jpg) no-repeat top left;}

#eHeader05{ margin: 0; padding: 0; width: 740px; height: 200px; position:relative; background: #fff url(../img/english/bg-header-05.jpg) no-repeat top left;}

#eHeader06{ margin: 0; padding: 0; width: 740px; height: 200px; position:relative; background: #fff url(../img/english/bg-header-06.jpg) no-repeat top left;}

#eHeader07{ margin: 0; padding: 0; width: 740px; height: 200px; position:relative; background: #fff url(../img/english/bg-header-07.jpg) no-repeat top left;}

#eHeader08{ margin: 0; padding: 0; width: 740px; height: 200px; position:relative; background: #fff url(../img/english/bg-header-08.jpg) no-repeat top left;}

#eHeader09{ margin: 0; padding: 0; width: 740px; height: 200px; position:relative; background: #fff url(../img/english/bg-header-09.jpg) no-repeat top left;}

#eHeader10{ margin: 0; padding: 0; width: 740px; height: 200px; position:relative; background: #fff url(../img/english/bg-header-10.jpg) no-repeat top left;}

#eHeader11{ margin: 0; padding: 0; width: 740px; height: 200px; position:relative; background: #fff url(../img/english/bg-header-11.jpg) no-repeat top left;}


#content{ margin: 0 auto; padding: 20px; width: 700px; float: left; background: #fff url(../img/bg-content.gif) repeat-x top left; border-top: 2px solid #fff; }

#content p{ font-size: 85%; padding: 0 0 10px 0; line-height: 16px; color: #222; }



#content ul{ list-style: disc; margin: 0; padding: 5px 0 12px 20px; font-size: 80%; line-height: 16px; }

#content ul li{ list-style-image: none; padding: 0; margin: 0; }



#content .box{ margin: 0; padding: 0; width: 220px; height: 275px; float: left; position: relative; background: transparent url(../img/bg-box.gif) repeat-x top left;}

#content .box p{ color: #2E3B49; font-size: 85%; padding: 0 20px 15px 18px; text-align: left;}

#content .box a.link{ padding: 0; position: absolute; bottom: 10px; right: 20px; }



#content #colL{ margin: 0; padding:20px; width: 420px; float: left; background: transparent url(../img/bg-content-p.gif) repeat-x top left;}

#content #colR{ margin: 0; padding: 0; width: 220px; float: right; position: relative; background: transparent url(../img/bg-box.gif) repeat-x top left;}

#content #colR p{ color: #2E3B49; font-size: 85%; padding: 0 20px 15px 18px;}

#content #colR img{ margin: 0 0 20px 0;}



#content #colPro{ margin: 0; padding:20px; width: 660px; float: left; background: transparent url(../img/bg-content-p.gif) repeat-x top left;}

#content #colPro ul#imgPro { list-style: none; margin: 0; padding: 0;}

#content #colPro ul#imgPro li{list-style: none; float: left; display: inline; }

#content #colPro ul#imgPro li a img{ background-color: #fff; padding:3px; margin: 5px;  border: 1px solid #DBDBDB;}

#content #colPro ul#imgPro li a:hover img{ background-color: #E5E9EF; padding:3px; margin: 5px;  border: 1px solid #A1BCD5;}



#content #colPro #clients { margin: 0; padding: 10px; width: 640px; float: left; background: #fff url(../img/bg-clients.gif) no-repeat top left;}

#content #colPro #clients ul { list-style: none; margin: 0; padding: 0;}

#content #colPro #clients ul li{list-style: none; float: left; display: inline; }

#content #colPro #clients ul li img{ padding:3px; margin: 2px;}

#image-bars { margin: 50px 0px 0px 102px; }




/* =Table-----------------------------------------------------------------------------*/

td
{
text-align:center;
}

table
{
width:100%;
}
th
{
height:50px;
background-color:#46576B;
color:white;
} 





/* =Lists-----------------------------------------------------------------------------*/
#box-beam{ margin: 0; font-size: 125%;margin: 30px 0px 0px 0px; text-align: left;}

#beam{ margin: 0; font-size: 125%;margin: 30px 0px 0px 0px; text-align: left;}

#table1 { margin: 90px 0px 0px 0px; align: center;}

#table2 { margin: 95px 0px 0px 0px; align: center;}


/* =Columns-----------------------------------------------------------------------------*/

#inner-left
{
width: 450px;
float: left;
margin: 0px 0 0px 30px;
}

#inner-right
{

width: 300px;
float: right;
margin: -117px 0 0px 0px;
}

#inner-right2
{

width: 300px;
float: right;
margin: -155px 0 0px 0px;
}

#quote { margin: 10px 215px 0px 210px;
 }
#quote2 { margin: 25px 215px 0px 210px;
 }
 
#comments { margin: 40px 0px 0px 0px; font-size: 120%; 
 }
 
#main-content { margin: 0px 0px 0px 0px;}


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



#footer{ color: #658391; margin: 0 auto; padding:0; width: 740px; clear: both; background: #2E3B49 url(../img/bg-footer.gif) no-repeat bottom left; }

#footer p{ color: #d1d1d1; font-size: 70%;padding: 30px 12px 12px 0; text-align: center;}



#footer ul{ list-style: none; margin: 0; padding: 16px 0 0 0; text-align: center;}

#footer ul li{ font-size: 85%; display: inline;}

#footer ul li a{ padding: 0; }

#footer ul li a:link, #footer ul li a:visited, #footer ul li a:active, #footer ul li a:hover{ color: #728F9D; text-decoration: none; }

#footer ul li a:hover{ text-decoration: underline; }