/**************************
Voluzion Systems
http://www.voluzion.ca
Default Stylesheet
**************************/

/* =General-----------------------------------------------------------------------------*/

p{margin: 0; padding: 0;}
ul{margin: 0; padding: 0; list-style: none;}
.clear{ /* Class for clearing floats */clear:both;}
.print {display:none;}
.underline {text-decoration:underline;}
#content p.left {text-align:left;}
#content p.center {text-align:center;}
#content p.right {text-align:right;}
img.left {float:left;}
img.right {float:right;}
img{ /* Remove border around linked images */border: 0;}
#content div.photo {float:left;}
#content div.photo p {font-weight:bold; margin-right:10px; text-align:center;}
#content div.photo p img {margin-bottom:5px;}
hr {
	border:0;color: #9E9E9E;
	background-color: #9E9E9E;
	height: 1px;
	width: 100%;
	text-align: left;
}

img.photo {
	background-color:#F1F1F1;
	border:1px solid #CCCBCB;
	padding:1px;
}

/* =Typography-----------------------------------------------------------------------------*/

html{ background-color: #000; }

body {margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 10pt;  }

/* =Headings-----------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6{margin: 0;font-family: Arial, Helvetica, sans-serif;}
h1{font:180% Helvetica, Verdana, Arial, Helvetica, sans-serif; font-weight:normal; color: #48270E; padding: 0; margin: 0; letter-spacing: -1px; clear: both;}
h2{font:150% Helvetica, Verdana, Arial, Helvetica, sans-serif; font-weight:normal; color: #48270E; padding: 10px 0 0 0; margin: 0; letter-spacing: -1px; clear: both;}
/*h2{font-size: 90%; color: #2E3B49; margin: 0; padding: 10px 0; clear: both;}*/
h3{font-size: 110%; color: #48270E; padding: 0 0 5px 0; margin: 0; letter-spacing: -1px;}
h4{font-size: 100%;}
h5{font-size: 100%;}
h6{font-size: 100%;}

/* =Forms - sign in, contact etc. */

form {margin:0 5px 0 0; padding: 0 5px 0 0;}
input {margin:2px 0 0 0; padding:1px; width:180px; height:17px; color:#696969; border:1px solid #b2b2b2; background-color:#fcfcfc;}
input.checkbox, input.radio {width:auto; height:auto; border:none; background:none;}
form dl {padding:0;}
form dt {padding:6px 0 0 0;}
form dd {margin:0; padding:0 0 6px 0;}
form dd textarea {width:400px;}
label {color:#2E3B49;}
.fail { font-weight:bold;}

/* =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-----------------------------------------------------------------------------*/

#navSec ul{ margin: 0; padding: 0; position: absolute; right: 42px; top: 100px; list-style: none; background: transparent url(../img/css/bg-nav.gif) repeat-x top left;}
#navSec ul li{ font-size: 85%; font-weight: bold; display: inline; float: left; padding: 0 2px 0 0; background: transparent url(../img/css/img-separate-nav.gif) no-repeat top right;}
#navSec ul li a{ padding: 7px 8px 9px 8px; margin: 0 8px 0 5px; display: block; color: #fff; text-decoration: none; background: transparent url(../img/css/img-puce.gif) no-repeat center left;}
#navSec ul li a:hover{ color: #000; text-decoration: none; }

#navSec ul li.borderNav{ width: 4px; height: 24px; background: transparent url(../img/css/img-start-nav.gif) no-repeat top left;}
#navSec ul li.borderNavEnd{ height: 24px; background: transparent url(../img/css/img-end-nav.gif) no-repeat top right;}

#nav{ width: 243px; margin: 0; padding: 0 0 0 11px; position: absolute; left:-30px; top: 40px;  }

#navTop{ width: 243px; height: 30px; margin: 0; padding:0; }
 
#nav ul{ list-style: none; margin: 0; padding: 0; }
#nav ul li{ list-style: none; margin: 0 0 0 11px; font-weight: bold; border-bottom: 1px solid #AC652E; border-top: 1px solid #683818; }
#nav ul li a{ display: block; color: #200400; padding: 7px 0 7px 20px; margin: 0; font-size: 90%;  text-decoration: none; text-align: left;}
#nav ul li a:hover { color:#DAA342; text-decoration: none;}

#nav li ul{  background: transparent url(../img/css/navrepeat.png) repeat-y top left; margin:0; padding:0;}
#nav li ul li{ list-style-image: url(../img/css/img-puce3.gif); font-weight: normal; border: none; margin:0 0 0 35px;}
#nav li ul li a{ font-size: 80%; color:#200400; text-decoration: none; text-align: left;  padding:0 10px 10px 0;}
#nav li ul li a:hover { color: #DAA342; text-decoration: none; }

#navBottom{ width: 243px; height: 30px; margin: 0; padding:0; background: transparent url(../img/css/nav-bottom.png) no-repeat top left;}

/* =Class-----------------------------------------------------------------------------*/

.left { float: left; padding: 0 22px 0 0;}
.right { float: right;}
.localtime { font-weight:bold; color: #E7B15E; }
.head {}
.timestamp { margin-bottom: -10px;}

/* =Top Content-----------------------------------------------------------------------------*/

#topWrap{ background: transparent url(../img/css/bg-top.gif) no-repeat top center;}

#top{ height: 124px; width: 970px; margin: 0 auto; position: relative; }
#top p{ color: #fff; font-size: 85%; padding: 1px 5px; text-align: left;}
#top img{ position: absolute; left: 6px; top: 10px;}
#topTxt{ position: absolute; left: 247px; top: 15px;}

ul#news li a { padding-left:5px; color: #fff;}
ul#news li a:hover { color: #fff; text-decoration:none; }

/* =Main Content-----------------------------------------------------------------------------*/

#contentWrap{ background: #6C3B16 url('../img/css/bg-content-wrap.jpg') no-repeat bottom center; clear: both; }
#contentWrap img.slogan{ position: absolute; left: 0; top: 5px;}

#contentTop{ height: 221px; margin: 0 auto; padding:0 260px 0 225px; position: relative; width: 500px; background: transparent url(../img/css/bg-content-top.jpg) no-repeat top right;}

#content{ color: #373737; margin: 0 auto; padding:0 290px 50px 255px; width: 440px; }
#content p{ font-size: 100%; padding: 10px 0; text-align: left;}
#content a img{ padding: 15px 0;}
#content a img.photo{padding:1px;}
#content ul{list-style: none; margin: 0; padding: 5px 0 12px 50px; line-height: 16px; }
#content ul li{ list-style-image: url('../img/css/img-puce2.gif'); padding: 0; margin: 0; }

#content h2 a {font-weight:normal;}
#content a{ color: #03B5E3; text-decoration: underline; font-weight:bold;}
#content a:hover{ color: #03B5E3; text-decoration: none;}

#galleryTop{ height: 221px; margin: 0 auto; padding:0 260px 0 225px; position: relative; width: 500px; background: transparent url(../img/css/bg-content-top.jpg) no-repeat top right;}

#gallery{ color: #373737; margin: 0 auto; padding:0 290px 50px 255px; width: 440px; }
#gallery p{ font-size: 100%; padding: 10px 0;}

#gallery a{ color: #03B5E3; text-decoration: underline; font-weight:bold;}
#gallery a:hover{ color: #03B5E3; text-decoration: none;}

#contentCol{ width: 230px; margin: 0; padding: 0; float: left; position: absolute; right:18px; top: 180px; }
#contentCol img{ border: 1px solid #CCCBCB; padding: 1px; background-color: #f1f1f1; }
#contentCol a img{ border: none; padding: 0;}
#contentCol p{ font-size: 100%; padding: 10px 0; text-align: left;}
#contentCol a{ color: #03B5E3; text-decoration: underline; font-weight:bold;}
#contentCol a:hover{ color: #03B5E3; text-decoration: none;}
#contentCol ul li{ float: left; padding: 7px;}
#contentCol ul li a img{ padding: 2px; border: 1px #CCCBCB solid; background-color: #f1f1f1; }
#contentCol ul li a:hover img{ padding: 2px; border: 1px #55A3F2 solid; background-color: #f1f1f1; }

#contentCol .temp{ float: left; width: 230px; color: #48270E; font-size: 80%; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0 4px 20px 0;}
#contentCol .temp p{ padding: 2px 0; margin: 0; letter-spacing: -1px;}
#contentCol .temp strong{ color: #48270E;}

#contentBottom{ clear: both; height: 23px; margin: 0 auto; padding:0 260px 0 225px; position: relative; width: 500px; background: transparent url(../img/css/bg-content-bottom.gif) no-repeat bottom right;}

#galleryBottom{ clear: both; height: 23px; margin: 0 auto; padding:0 260px 0 225px; position: relative; width: 500px; background: transparent url(../img/css/bg-content-bottom.gif) no-repeat bottom right;}


/* =Intern Content-----------------------------------------------------------------------------*/


/* =Col-----------------------------------------------------------------------------*/

#colWrap{clear: both; padding:15px 0 0 0; float: left; width: 100%; background-color: #43250D;}

#col{ color: #658391; margin: 0 auto; padding:0 0 0 15px; width: 975px; position: relative;  }
#col p{ color: #F3E8E0; font-size: 85%; padding: 10px 0; text-align: left;}
#col h1{ color: #E7B15E; padding: 10px 0 0 0;}
#col strong{ color: #E7B15E;}
/* #col img{ position: absolute; left: 90px; top: 50px;} */
#col a{ color: #E7B15E; text-decoration: underline; font-weight: bold;}
#col a:hover{ color: #E7B15E; text-decoration: none;}

.box{ width:300px; padding: 0 25px 20px 0; float: left; }

#content #mainColWrap{ float: left; width: 100%;}

#content #mainCol{ margin: 0 auto; position: relative;  }
#content #mainCol p{ font-size: 85%; padding: 10px 0; text-align: left;}
#content #mainCol h1{ padding: 10px 0 0 0;}
#content .mainBox{ width:195px; padding: 0 25px 20px 0; float: left; }

/* =Footer-----------------------------------------------------------------------------*/

#footerWrap{ background: transparent url('../img/css/bg-footer.gif') repeat-x top left; clear: both;}

#footer{ color: #7F5B36; margin: 0 auto; padding:10px 0 0 10px; width: 970px; position: relative;  }
#footer p{ color: #7F5B36; font-size: 85%; padding: 1px 5px; text-align: left;}
#footer strong{ color: #E7B15E;}
#footer a{ color: #F3E8E0; text-decoration: none;}
#footer a:hover{ color: #F3E8E0; text-decoration: underline;}

#footerInfo{ width:970px; padding: 0 0 20px 0; float: left; position:relative;}

#footerInfo img{ position: absolute; left: 50%; bottom: 24px; margin-left:-12px;}

#footer ul{ list-style: none; margin: 0; padding: 12px 5px; text-align: left;}
#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: #fff; text-decoration: none; }
#footer ul li a:hover{ text-decoration: underline; }

#gallery ul {	
	padding: 0;
	margin:10px 0 0 0;
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; margin-right:10px; }
#gallery ul img {
	border: 5px solid #fff;
	border-width: 5px;	
	padding:0;
	margin-bottom:10px;
}
#gallery ul a:hover img {
	border: 5px solid #3e3e3e;
	border-width: 5px;
	color: #fff;
	margin-bottom:10px;
}
#gallery ul a:hover { color: #fff; }
