@charset "UTF-8";
/* 
	Background-Styles 
*/

body {
	margin:0px;
	padding:0px;
	background-color:#f1f1f1;
	font-family:Arial, Helvetica, sans-serif;
	color:#7f7d78;
	font-size:13px;
	line-height:19px;
	position: relative;
}
#main {
	background:#b6b7ba url(images/background_gray_slice2.jpg) repeat-x;
	padding-bottom:30px;
}
#main .container {
	background-image:url(images/background_gray.jpg);
	background-repeat:no-repeat;
}
#footer {
	background-image:url(images/background_gray_footer.jpg);
	background-repeat:repeat-x;
	padding:40px;
	position:relative;
	top:-20px;
	min-height:130px;
}
.container {
	width:850px;
	margin:0 auto;
	position:relative;
}
.container1 {
	width:950px;
	margin:10 auto;
	position:relative;
}


/* 
	Header-Styles 
*/

#header {
	padding-top:20px;
	padding-bottom:20px;
}
#logo h1, #logo small {
	margin:0px;
	display:block;
	text-indent:-9999px;
}
#logo {
	background-image:url(images/logo.png);
	background-repeat:no-repeat;
	width:194px;
	height:83px;
}

#cornerArt { position:absolute; top:50px; }

#eventsButton {position:absolute; top:60px; z-index:1000; }

#navigation {
	position:absolute; top: 0px; right:0px;
	border: 1px solid #979797;
	border-width: 0px 0;
	font-size: 14px;
	margin-top: 13px;
	padding-top: 6px;
}

#navigation ul, #navigation ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#navigation ul {
	padding: 5px 0;
	text-align: right;
}

#navigation ul li {
	display: inline;
	margin-right: 2px;
}

#navigation ul li.last {
	margin-right: 0;
}

#navigation ul li a {
	background: url(images/tab-right.gif) no-repeat 100% 0;
	color: #000000;
	padding: 5px 0;
	text-decoration: none;
}

#navigation ul li a span {
	background: url(images/tab-left.gif) no-repeat;
	padding: 5px 1em;
}

#navigation ul li a.active, a:hover span {
	color: #ffffff;
}


/*\*//*/
#navigation ul li a {
	display: inline-block;
	white-space: nowrap;
	width: 1px;
}

#navigation ul {
	padding-bottom: 0;
	margin-bottom: -1px;
}
 


/* 
	Block-Styles 
*/

.block {
	border:1px solid #a3a09e;
	background-color:#ffffff;
	margin-bottom:20px;
	position:relative;
}
.ribbonFeatured {
	position:absolute;
	top:-3px;
	right:-3px;
	z-index: 5;
	width: 149px;
	height: 87px;
}
.ribbon {
	position:absolute;
	top:-3px;
	right:-3px;
	z-index: 5;
	width: 149px;
	height: 87px;
}
.block_inside { 
	display:block; 
	background: #8ed1ff url(images/background_block_slice2.jpg) repeat-x;	
	padding:30px;
	overflow:auto;
	color:#000000;
}
.products_inside { 
	display:block; 
	padding:10px;
	overflow:auto;
	color:#000000
}
.products_insideCenter { 
	display:block; 
	padding:10px;
	overflow:auto;
	color:#000000
}
.products_insideRight { 
	display:block;
	padding:10px; 
	overflow:auto;
	color:#000000;
	float:right;
}
.products_insideOrder { 
	display:block;
	padding:10px; 
	overflow:auto;
	color:#000000;
	float:right;
}
.image_block {
	border:1px solid #b5b5b5;
	background-color:#d2d2d2;
	padding:5px 5px 1px 5px;
	float:left;
}
.image_block img {
	border:1px solid #00ff24;
}
.text_block {
	float:left;
	width:430px;
	margin-left:30px;
	padding-top:30px;
}

#block_featured .text_block { padding-top:5px; }



/*
Ticker
*/
#ajaxticker1{
width: 940px;
height: 40px;
padding: 5px;
background-color: #1e92c3;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

#ajaxticker1 div{
/*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
background-color: #1e92c3;
text-align:center
}

#ajaxticker1 a:link {color: #ffffff;}

.someclass{ //class to apply to your scroller(s) if desired}

/*
	Portfolio-Home-Styles
*/

#block_portfolio {
	overflow:auto;
	margin-bottom:20px;
}
#portfolio_items1 {
	width:150px;
	margin-right:15px;
	float:left;
	min-height:100px;
	padding-top:3px;
}
#portfolio_items2 {
	width:150px;
	margin-right:15px;
	float:left;
	min-height:100px;
	padding-top:3px;
}
#portfolio_items3 {
	width:150px;
	margin-right:15px;
	float:left;
	min-height:100px;
	padding-top:3px;
}
#portfolio_items4 {
	width:150px;
	margin-right:15px;
	float:left;
	min-height:100px;
	padding-top:3px;
}
#portfolio_items5 {
	width:150px;
	margin-right:0px;
	float:left;
	min-height:100px;
	padding-top:3px;
}
#text_column {
	float:right;
	width:310px;
}
#text_column img { margin-bottom:20px; position:relative; left:-3px;}
#text_column h2#text_title { 
	text-indent:-9999px;
	background-image:url(images/eventsC.png);
	background-repeat:no-repeat;
	width:310px;
	height:73px;
}

.mini_portfolio_item {
	border:1px solid #a3a09e;
	margin-bottom:10px;
	position:relative;
}
.mini_portfolio_item .block_inside { 
	background:none; background-color:#e2dddc; 
	padding:10px 10px 10px 10px; 
}
.mini_portfolio_item .thumbnail { border:1px solid #979390; }

/*
	Product-Styles
*/

#block_products {
	overflow:auto;
	margin-bottom:20px;
}
#products .products_inside {
	width:450px;
	height: 150px;
}
#products .products_insideRight {
	width:450px;
	height: 150px;
}
#products .products_insideCenter {
	width:928px;
	height: 150px;
}
#products .products_insideOrder {
	width:450px;
}
.mini_products_item {
	border:1px solid #83868c;
	background: #8ed1ff url(images/background_block_slice2.jpg) repeat-x;
	margin-bottom:10px;
	min-height:400px;
}

.mini_products_item .thumbnail { float:left; margin-right:10px; }
.mini_products_item .thumbnailRight { float:left; margin-right:10px; margin-top:20px; }

/*
	Block-Content-Styles
*/

#content_area {
	width:665px;
	float:left;
}
#content_area2 {
	width:900px;
	float:left;
}
#content_area .block_inside {
	min-height:375px;
}
#content_area2 .block_inside {
	min-height:375px;
}
#sidebar {
	float:left;
	width:281px;
	position:relative;
	left:-1px;
	margin-top:15px;
	background-color:#e2dddc;
	border:1px solid #a3a09e;
}
#sidebar .block_inside {
	background:none;
	background-color:#e2dddc;
}

#sidebar h3 {
	font-size:20px;
	line-height:23px;
}
#sidebar ul { margin:10px 0px 30px 0px; padding:0px; }
#sidebar ul li { list-style:none; margin:0px 0px 5px 0px; padding:0px; }
#sidebar ul li a { color:#999999; }
#sidebar ul li a:hover { color:#0172dd; text-decoration:none; }


#content_area h2 { font-size:32px; line-height:31px; }

#content_area .separator {
	border-top:1px solid #e3e3e3;
	margin-top:40px;
	padding-top:40px;
}


/* 
	Text-Styles   
*/

h2 {
	margin:0px 0px 10px 0px;
	font-size:36px;
	font-family:Helvetica, Arial, Sans-serif;
	color:#000000;
	line-height:39px;
	letter-spacing:-1px;
}
h3 {
	margin:10px 0px 5px 0px;
	font-size:14px;
	line-height:21px;
	font-family:Helvetica, Arial, Sans-serif;
	color:#000000;
}
h4 {
	color:#007de2;
	margin:0px 0px 0px 0px;
}
small {
	color:#595856;
	font-weight:bold;
	font-size:11px;
	display:block;
	margin-bottom:15px;
}
a {
	color:#1e94c2;
	text-decoration:none;
}
small a {
	color:#007de2;
}
a:hover { text-decoration:underline; }
p { margin: 0px 0px 15px 0px; }

a.button {
	background:#32312f url(images/button_bg.jpg) repeat-x;
	padding:5px 10px 5px 10px;
	color: #ffffff;
	text-decoration: none;
	border:1px solid #32312f;
	text-transform:uppercase;
	font-size:9px;
	line-height:25px;	
}
a.button:hover {
	background:#007de2 url(images/button_bg_o.jpg) repeat-x;
	border-color:#007de2;
}

/*
	Footer-Styles
*/

#footer {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
.footer_column {
	float:left;
	width:120px;
	margin-right:30px;
}
#footer .long {
	width:610px;
}
#footer h3 {
	color:#302e2e;
	text-transform:uppercase;
	font-size:10px;
}
.footer_column ul li, .footer_column ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

/* Fix up IE6 PNG Support */
img, #logo { behavior: url(scripts/iepngfix.htc); }
img, .pngSeperator { behavior: url(scripts/iepngfix.htc); }


/*
	Alternate Styles
*/
body#dark {
	background-color:#1e1d1b;
}
body#dark #main {
	background:#292826 url(images/background_dark_slice.jpg) repeat-x;
}
body#dark #main .container {
	background-image:url(images/background_dark.jpg);
}
body#dark #footer {
	background-image:url(images/background_dark_footer.jpg);
}
body#dark ul#menu li a.active, ul#menu li a:hover {
	color:#cfcfcf;
}
body#dark .block, body#dark .mini_portfolio_item { 
	border-color:#1b1a19; 
}
body#dark #text_column h2#text_title { 
	background-image:url(images/creatif_dark.jpg);
}


/*
Lightbox
*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* 
	Panel   
*/


a:focus {
outline: none;
}

Ph1 {
font-size: 34px;
font-family: verdana, helvetica, arial, sans-serif;
letter-spacing:-2px;
color:#63cef8;
font-weight:700;
padding:20px 0 0;
}

Ph2 {
font-size: 24px;
font-family: verdana, helvetica, arial, sans-serif;
color:#444444;
font-weight: 400;
padding: 0 0 10px;
}

Ph3 {
font-size:14px;
font-family:verdana, helvetica, arial, sans-serif;
letter-spacing:-1px;
color:#fff;
font-weight: 700;
text-transform:uppercase;
margin:0;
padding:8px 0 8px 0;
}


Pp {
color:#cccccc;
line-height:22px;
padding: 0 0 10px;
margin: 20px 0 20px 0;
}

img {
border:none;
}

#panelcontainer a:hover{
float: right;
background: #a0a0a0;
border: 1px solid #cccccc;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
text-decoration: none;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px;
font-weight: 700;
}

.Pcontent {
font-style:normal;
font-family:helvetica, arial, verdana, sans-serif;
color:#ffffff;
background:#333333;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-webkit-border-bottom-left-radius: 20px;
margin: 30px 0 50px;
padding: 15px 0;
}

.content Pp {
margin: 10px 0;
padding: 15px 20px;
}

.panel {
position: fixed;
top: 50px;
left: 0;
display: none;
background: #000000;
border:1px solid #111111;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
width: 330px;
height: auto;
padding: 30px 30px 30px 130px;
filter: alpha(opacity=90);
opacity: .90;
}

.panel Pp{
margin: 0 0 15px 0;
padding: 0;
color: #cccccc;
}

.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #63cef8;
text-decoration: none;
border-bottom: 1px solid #63cef8;
}

.panel a:hover, .panel a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}

a.trigger{
position: fixed;
text-decoration: none;
top: 80px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 40px 20px 15px;
font-weight: 700;
background:#37758d url(images/plus.png) 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
}

a.trigger:hover{
position: absolute;
text-decoration: none;
top: 80px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 40px 20px 15px;
font-weight: 700;
background:#316d84 url(images/plus.png) 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
}


a.active.trigger {
background:#222222 url(images/minus.png) 85% 55% no-repeat;
}

.columns{
clear: both;
width: 330px;
padding: 0 0 20px 0;
line-height: 22px;
}

.colleft{
float: left;
width: 130px;
line-height: 22px;
}

.colright{
float: right;
width: 130px;
line-height: 22px;
}

ul{
padding: 0;
margin: 0;
list-style-type: none;
}

ul li{
padding: 0;
margin: 0;
list-style-type: none;
}

    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			
/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:949px;
		height:325px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:245px;
		}	
	#nextBtn, #slider1next{ 
		left:949px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(images/btn_prev.png) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(images/btn_next.png) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
	/* landing page */

	#leftcolumn { width: 450px; border: 0px; float: left}
	#rightcolumn { width: 450px; border: 0px; float: right}
	
/* // Easy Slider */