/*
Theme Name: ImSAR
Description: Developped by Maxime Perron Caissy
Version: 1.0
Author: Maxime Perron Caissy
Author URI: http://caissy.ca/
Tags: gray, chrome

*/

/*************** TEXT *******************/
body{color:#ccc;font:13px/1.5 Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:none}li{margin-left:0}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}

/*************** ClEARFIX *******************/
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
.clearfix, .container {display:block;}
.clear {clear:both;}

/*************** GENERAL *******************/
a{color:#0078ff; text-decoration:none; text-shadow: 1px 1px #111;}
a:hover{color:#0ca5d7;}
:focus {outline: 0 !important;}
body{background: url(images/bg.gif) repeat fixed}
h4{font-family: georgia, serif;font-weight: normal; font-size: 1.6em; font-style: italic;}

/*************** HEADER *******************/
#header{background: url(images/header.jpg) repeat-x center top; height: 367px;}
#header #slideshow{clear: both; width:960px; height: 423px; background: url(images/slideshow.png) no-repeat; margin-top: 30px; position: relative;}
#header #slideshow #viewarea{width: 950px; height: 373px; overflow: hidden; padding-top: 29px; margin-left: 5px;}
#header #viewarea ul{width: 10000px;}
#header #viewarea ul li{float: left;}
#header #viewarea ul li h3{display: none;}
#header #slideshow-thumbs{position: absolute; bottom: 50px; left: 50px;z-index: 100;}
#header #slideshow-thumbs ul{}
#header #slideshow-thumbs li{width:60px; height:40px;background:#fff;display: block; float: left; margin-right: 5px;border: 3px solid #CFCFCF;}
#header #slideshow-thumbs li.selected{border: 3px solid #fff !important;}
#header #slideshow-thumbs #left-arrow{display: block;width: 18px; height: 32px; background: url(images/slidearrows.png) no-repeat 0 0; position: absolute; left: -25px; top: 8px;}
#header #slideshow-thumbs #right-arrow{display: block;width: 18px; height: 32px; background: url(images/slidearrows.png) no-repeat 0 -32px; position: absolute; right: -21px; top: 8px;}
#header #logo{position: relative;}
#header #logo img{position: absolute; display: block; width: 197px; height: 39px; padding: 30px;}
#header #logo h1{text-indent: -9999px;font-size: 10pt;position: absolute;}
	
/*************** NAVIGATION *******************/
#header #nav{height: 33px; width: 514px; margin-top: 35px; float: right;}
#header #nav ul{overflow: hidden;background: url(images/nav.png) no-repeat 0 0; height: 33px; width: 514px;position: relative;}
#nav li a{display: block;position: absolute;height:33px;top: 0;left:0;	overflow: hidden;text-indent: -9999px;background: url(images/nav.png) no-repeat 0 0;}

/* normal */
#nav li#home a{left: 0px; width: 69px; background-position: 0 0;}
#nav li#prod a{left: 69px; width: 103px; background-position: -69px 0;}
#nav li#serv a{left: 172px; width: 94px; background-position: -172px 0;}
#nav li#news a{left: 266px; width: 66px; background-position: -266px 0;}
#nav li#care a{left: 332px; width: 88px; background-position: -332px 0;}
#nav li#cont a{left: 420px; width: 94px; background-position: -420px 0;}

/* hover */
#nav li#home a:hover{background-position: 0 -33px;}
#nav li#prod a:hover{background-position: -69px -33px;}
#nav li#serv a:hover{background-position: -172px -33px;}
#nav li#news a:hover{background-position: -266px -33px;}
#nav li#care a:hover{background-position: -332px -33px;}
#nav li#cont a:hover{background-position: -420px -33px;}

/* selected */
.homes #nav li#home a, .homes #nav li#home a:hover{background-position: 0 -66px;}
.prods #nav li#prod a, .prods #nav li#prod a:hover{background-position: -69px -66px;}
.servs #nav li#serv a, .servs #nav li#serv a:hover{background-position: -172px -66px;}
.newss #nav li#news a, .newss #nav li#news a:hover{background-position: -266px -66px;}
.cares #nav li#care a, .cares #nav li#care a:hover{background-position: -332px -66px;}
.conts #nav li#cont a, .conts #nav li#cont a:hover{background-position: -420px -66px;}


#content{margin-top: 190px;color:#ccc;}
#content h1{letter-spacing: -1px;line-height: 1.1em; color:#fff; font-size: 3em;}
#content h2{letter-spacing: -1px;line-height: 1.1em; color:#fff;}

.product{line-height:2em; margin-bottom: 30px; margin-top: 40px;}
.product h2{background:#111111; color: #CCCCCC !important;padding: 10px;font-size: 1.8em;}
.product .product_title{background:#111111; color: #CCCCCC !important;padding: 10px;font-size: 1.8em; margin-bottom: 20px; font-weight: bold; position:relative; padding-left: 72px;}
.product .product_title .logo{background:url(images/product_logo_container.jpg) no-repeat; width: 62px; height: 62px; position: absolute; top: -9px; left:0;padding: 11px;}
.product .product_title .logo img{border: 2px solid #ccc;}
.product .main_prdoduct_img{border: 10px solid #111; margin-left: -10px;}
.product .thumbnails{position: relative; clear: both;margin-right: -10px;}
.product .thumbnail{margin-top: -10px; margin-left: -10px; float: left;}
.product .thumbnail a{position: relative;background: url(images/thumb_bg.gif) no-repeat; padding: 10px;display: block;}
.product .thumbnail a:hover{z-index: 10; background-position: 0 -90px;}
.product .files{margin:0;border-top: 1px solid #555;}
.product .files li{margin:0;padding:0; border-bottom: 1px solid #555;}
.product .files li a{padding: 7px 10px; display: block;line-height:1.5em;}


.product_preview{float: left; width: 224px; margin-right: 18px;}
.product_preview .container{display: block; margin-bottom: 20px; padding:20px; border-top: 10px solid #0A0A0A; border-bottom: 10px solid #0A0A0A; background: url(images/footer.png) repeat;}
.product_preview .title{display:block;font-size:1.4em;margin-top: 10px;font-family: georgia, serif; font-style: italic;}
.product_subtitle{font-size: 0.9em; margin-top: -15px;padding-bottom:10px;}
.last{margin-right:0;}

.news{padding-bottom: 30px; margin-bottom: 30px;}
.news h2{background:#111111; color: #CCCCCC !important;padding: 10px 10px 10px 20px;margin-bottom: 0;line-height: 1.4em !important;}
.news .date{font-size: 1.4em; font-family: georgia, serif;padding: 0 10px 10px 20px; background: #111; color:#444; margin-top: -10px;}



/*************** FOOTER *******************/
#footer{background: url(images/footer.png) repeat-x center top; position: relative; margin-top: 40px;}
#footer h2{background: url(images/footer_title.png) no-repeat; text-indent: -9999px; height: 40px; width: 474px;margin:20px 0;display: block;clear}
#footer_navigation{background: url(images/footer_bg.gif) repeat;}
#footer_navigation ul{float:left;margin:0; }
#footer_navigation li{float: left;}
#footer_navigation li a{display: block; margin-right: 20px; padding: 20px 0; font-size: 0.7em; text-transform: uppercase; font-family: verdana, sans-serif; color:#AAA; font-weight: normal; text-shadow: none;}
#footer_navigation li a:hover{color: #fff; border-color:#0078FF; margin-top: -2px; }
#footer_navigation #author{padding: 20px 0; text-align: right; font-size: 0.7em; text-transform: uppercase; font-family: verdana, sans-serif;}

p{line-height: 1.5em;font-size: 1.1em;}
.textright{text-align:right;}