/* Magali Pettier */

body
{
	margin: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #908F8F;
	background: #0F0E0E url(/images/main-bg.jpg) no-repeat top;
}

a img
{
	border: none;
	outline: none;
}

p
{
	font-size: 12px;
	line-height: 22px;
	color: #908F8F;
}

#wrapper
{
	width: 960px;
	margin: 0 auto;
}

.inner-wrap
{
	margin: 0 37px;
	width: 886px;
	float: left;
}

/* Header ***/
#header
{
	float: left;
	width:100%;
	position: relative;
	height: 122px;
	background: url(/images/header-break.jpg) bottom no-repeat;
}

#header #navBar
{
	position: absolute;
	right: 37px;
	width: 350px;
	margin: 0;
	padding: 0;
	bottom: 40px;
	list-style: none;
	height: 21px;
}

#header #navBar li
{
	display: inline;
	padding: 0;
	height: 21px;
}

#header #navBar li a
{
	outline: none;
}

#header #navBar li a:hover
{
}

#header #logo
{
	position: absolute;
	left: 20px;
	bottom: 20px;
	border: none;
}

/* Homepage */

#content-wrap, #homepage-content, #content-gal
{
	margin: 0 37px;
	width: 886px;
	float: left;
	height: 502px;
}
#content-gal
{
	padding-top: 30px;
	height: 482px;
}

#homepage-content
{
	background: url(/images/lights-bg.jpg) top no-repeat;
}

#homepage-content #left-col, #homepage-content #mid-col, #homepage-content #right-col
{
	position: relative;
	margin: 0;
	float: left;
	height: 293px;
}

#homepage-content #left-col
{
	width: 325px;
}

#homepage-content #mid-col
{
	width: 240px;
}

#homepage-content #right-col
{
	width: 321px;
}

.section-icon
{
	position: absolute;
	z-index:20;
}

.section-icon-hover
{
	position: absolute;
	display: none;
	z-index: 10;
}

#photo-icon, #photo-icon-hover
{
	right: 30px;
	top: 35px;
}

#video-icon, #video-icon-hover
{
	top: 20px;
	right: 25px;
}

#participate-icon, #participate-icon-hover
{
	top: 45px;
	left: 40px;
}

#welcome-col, #news-col
{
	height: 209px;
	float: left;
	margin: 0;
	padding: 0;
	width: 443px;
}

#welcome-box, #news-box
{
	position: relative;
	width: 403px;
	height: 175px;
	overflow: hidden;
	border-bottom: 1px solid #333131;
}

#news-box-inner
{
	width: 403px;
	position: relative;
	height: 120px;
}
#newsSlider
{
	position: absolute;
	left: 0;
	top: 0;
	width: 500px;
	height: 120px;
}
.newsPanel
{
	width: 403px;
	float: left;
	height: 120px;
}
#newsButtons
{
	float: right;
	width: 403px;
	height: 20px;
}
#prevNewsBtn, #nextNewsBtn, #newsBackBtn
{
	float: left;
	display: block;
	width: 100px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #9E9D9D;
	height: 20px;
	line-height: 20px;
	margin: 0;
	padding: 0;
	text-align: left;
	outline: none;
}
#nextNewsBtn, #newsBackBtn
{
	float: right;
	text-align: right;
}

#prevNewsBtn:hover, #nextNewsBtn:hover, #newsBackBtn:hover
{
	color: #FFFFFF;
}

#welcome-box h2, #news-box h2
{
	margin: 0 0 15px 0;
	padding: 5px 0 0 0;
	height: 20px;
	border-bottom: 1px solid #333131;
}

#welcome-box
{
	float: left;
}

#welcome-box p
{
	margin: 0;
	padding: 0;
}

#news-box
{
	float: right;
}

#news-box h3 /*use h3 tags*/
{
	height: 26px;
	padding: 0 10px;
	font-size: 12px;
	color: #908F8F;
	margin: 0;
	line-height: 26px;
}

#news-box h3 a, .readNewsLink
{
	color: #908F8F;
	text-decoration: none;
	outline: none;
}
#news-box h3 a:hover, .readNewsLink:hover
{
	text-decoration: none;
	color: #FFFFFF;
}

/* To show full news article on main page */
#news-details-box
{
	position: absolute;
	top: 26px;
	left: 0;
	z-index: 10;
	display: none;
}

#news-scroll-box
{
	background: #151414;
	margin-top: 5px;
	overflow: auto;
	height: 100px;
	padding: 0 10px;
	width: 383px;
}
#news-scroll-box p
{
	margin: 0;
	padding: 5px 0;
}

#news-box .row-alt /*use h3 tags*/
{
	background: url(/images/news-row-bg.png) no-repeat;
}

.moreButton, .bioMoreButton /*a tag link*/ 
{
	display: block;
	float: right;
	width: 100px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #9E9D9D;
	height: 20px;
	line-height: 20px;
	margin: 0;
	padding: 0;
	text-align: right;
	outline: none;
}

.bioMoreButton
{
	margin-right: 40px;
}

.moreButton:hover, .bioMoreButton:hover
{
	color: #FFFFFF;
}

/* Bio page *******************************/
#bio-left-col
{
	padding-top: 30px;
	float: left;
	width: 275px;
}

#bio-right-col
{
	padding-top: 30px;
	float: right;
	width: 571px;
}

#bio-right-col h2
{
	margin: 0 0 15px 0;
	padding: 5px 0 0 0;
	float: left;
	width: 100%;
	height: 20px;
	border-bottom: 1px solid #333131;
}

#bio-image
{
	float: right;
	margin-bottom: 40px;
}

#bio-viewport, #terms-viewport
{
	width: 572px;
	height: 395px;
	overflow: auto;
	float: left;
}
#terms-viewport
{
	width: 100%;
}

#bio-viewport p, #terms-viewport p
{
	padding: 0 22px 0 0;
}

.cv-break-top, .cv-break-bottom
{
	height: 2px;
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
}

.cv-break-top
{
	background: url(/images/cv-break-top.jpg) center;
}

.cv-break-bottom
{
	background: url(/images/cv-break-bottom.jpg) center;
}

#cv-box
{
	height: 80px;
	float: left;
	width: 100%;
}

#cv-box a
{
	background: url(/images/pdf-icon.png) left no-repeat;
	display:block;
	margin: 0 auto;
	width: 170px;
	padding-left: 60px;
	font-weight: bold;
	height: 80px;
	line-height: 80px;
	font-size: 12px;
	color:#FFFFFF;
	text-decoration: none;
	outline: none;
}

/* Gallery *******************************/
#galleryCol
{
	width: 142px;
	height: 423px;
	float: left;
	padding-top: 35px;
}

#galleryCol h2
{
	margin: 0;
	line-height: 22px;
	height: 22px;
	padding-bottom: 10px;
}

#galleryNav
{
	margin: 0;
	padding: 0;
	width: 142px;
	height: 365px;
	float: left;
	list-style: none;
	border-bottom: 1px solid #302F2F;	
}

#galleryNav li
{
	padding: 10px 0 10px 15px;
	line-height: 15px;
	border-top: #302F2F 1px solid;
	border-bottom: none;
}

#galleryNav li a
{
	outline: none;
}

#thumbsCol
{
	margin: 0 0 0 15px;
	padding-top: 35px;
	height: 423px;
	width: 148px;
	float: left;
}

#thumbsCol h2
{
	height: 32px;
	margin: 0;
	text-align: right;
}
#thumbsCol h2 a
{
	outline: none;
}
#thumbsCol h2 img /*info btn*/
{
	margin-top: 6px;
}

#thumbsBox
{
	position: relative; /* view port */
	border-top: #302F2F 1px solid;
	border-bottom: #302F2F 1px solid;
	width: 148px;
	padding: 0;
	margin: 0;
	float: left;
	height: 365px;
	overflow-x: hidden;
	overflow-y: auto;
}
#thumbsBox a
{
	outline: none;
}

#thumbsBoxLoader
{
	position: absolute;
	width: 148px;
	height: 365px;
	z-index: 100;
	background: url(/images/black-overlay.png) repeat;
	top: 0;
	left: 0;
	color:#FFFFFF;
	font-weight: bold;
	text-align: center;
}

#thumbSlider /* div to slide containing thumbs */
{
	position: absolute;
	height: 335px;
	overflow: hidden;
	width: 1000px;
	top: 0;
	left: 0; /* this will change to slide */
}

#thumbButtonBox
{
	position: absolute;
	height: 30px;
	width: 148px;
	left: 0;
	bottom: 0;
}
.prevBtn
{
	float: left;
	width: 48px;
	height: 17px;
}
.nextBtn
{
	float: right;
	width: 48px;
	height: 17px;
}

.thumbsBoxInner
{
	width: 148px;
	padding: 0;
	margin: 0;
	float: left;
}

.thumbOuter
{
	float: left;
	width: 74px;
	height: 78px;
	margin: 3px 0;
	background: url(/images/thumb-frame.png);
}

.videoThumb
{
	float: left;
	width: 74px;
	height: 78px;
	margin: 3px 0;
}

.thumbInner
{
	position: relative;
	width: 56px;
	height: 60px;
	margin: 9px;
}
.thumbOverlay /*While loading*/
{
	position: absolute;
	background: #000000;
	width: 56px;
	height: 60px;
	top: 0;
	left: 0;
}

#imageCol
{
	width: 572px;
	height: 448px;
	float: left;
	position: relative;
	margin: 0 0 0 5px;
	background: url(/images/large-im-frame.png) center no-repeat;
}

#imageCol-inner
{
	position: relative;
	width: 526px;
	height: 402px;
	overflow: hidden;
	margin: 23px auto 0 auto;
}

.imageSlider/*Slide main images in*/
{
	position: absolute;
	width: 1052px;
	height:402px;
	top: 0;
	left: 0;
	padding: 0;
	z-index: 10;
	margin: 0;
}

#mainImageLoader
{
	position: absolute;
	z-index: 50;
	top: 200px;
	left: 230px;
	display: none;
}

.imgContainer
{
	margin: 0;
	/*float: left;*/
	position: absolute;
	top: 0;
	left: 0;
	width: 526px;
	height: 402px;
	text-align: center;
}

.infoContainer
{
	text-align: left;
	position: absolute;
	background: #1A1918;
	margin: 0;
	padding: 22px 0 22px 22px;
	top: 0;
	left: 0;
	z-index: 60;
	width: 504px;
	height: 358px;
	overflow: hidden;
	display: none;
}
.infoContInner
{
	padding: 0 22px 0 0;
	margin: 0;
	float: left;
	width: 482px;
	height: 358px;
	overflow-y: scroll;
	overflow-x: hidden;
}

.infoContainer a, #news-box a
{
	text-decoration: none;
	color: #FFFFFF;
}

.infoContainer a:hover, #news-box a:hover
{
	text-decoration: underline;
	color: #EE842F;
}

#audioBox
{
	width: 523px;
	height: 33px;
}

.infoContainer h1
{
	color: #FFFFFF;
	width: 100%;
	line-height: 20px;
	text-align: left;
	border-bottom: 1px solid #333131;
	font-size: 18px;
	margin:  0 0 5px 0;
}
.infoContainer .close
{
	text-align: right;
	float: right;
	width: 20px;
	height: 20px;
	margin: 0 10px 0 0;
}
.infoContainer .close a
{
	color: #908F8F;
	font-size:18px;
	line-height: 18px;
	text-decoration: none;
	outline: none;
}
.mainImage
{
	margin: 0;
}

.imgToolbar
{
	text-align: left;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 514px;
	z-index: 10;
	height: 23px;
	line-height: 23px;
	padding: 6px 6px 0 6px;
	background: #000000;
}
.imgToolbar .right
{
	float: right;
	margin-left: 5px;
	outline: none;
}
.imgToolbar .order
{
	float: left;
	font-size: 12px;
	font-weight: bold;
	color: #EE842F;
	text-decoration: none;
	line-height: 23px;
	outline: none;
}
.imgToolbar .order img
{
	margin-right:8px;
	float: left;
}

.imgCaption, .audioCaption
{
	text-align: left;
	position: absolute;
	bottom: 29px;
	display: none;
	left: 0;
	width: 526px;
	z-index: 5;
	background: url(/images/caption-bg.png) repeat;
}
.audioCaption
{
	/*bottom: 0;*/
}
.imgCaption h3, .audioCaption h3
{
	color: #EE842F;
	font-weight: bold;
	font-size: 10px;
	margin: 0;
	padding: 13px 13px 5px 13px;
}
.imgCaption p, .audioCaption p
{
	text-align: left;
	margin: 0;
	font-size: 10px;
	padding: 5px 13px 13px 13px;
	color: #FFFFFF;
}
.imgCaption .orderBox
{
	border-top: #302F2F 1px solid;
	padding: 10px 0;
	margin: 0 13px;
}
.imgCaption .orderBox a
{
	font-size: 12px;
	font-weight: bold;
	color: #EE842F;
	outline: none;
}
.subMenu
{
	height: 207px;
	width:100%;
	overflow: auto;
	font-size: 11px;
}
#galleryNav .subMenuList
{
	margin: 0;
	padding: 0;
	list-style: none;
}
#galleryNav .subMenuList li
{
	padding: 0;
	border: none;
	line-height: 24px;
}
#galleryNav .subMenuList li a
{
	color: #848484;
	outline: none;
	padding: 0;
	text-decoration: none;
}

#galleryNav .subMenuList li a:hover
{
	color: #EE842F;
}
/* Contact Pgae **************************/
#contactInfo
{
	float: left;
	width: 541px;
	height: 100px;
	padding: 5px 15px 15px 15px;
	border-bottom: 1px solid #333131;
}
#contactInfo p
{
	margin: 5px 0;
	color: #EBEBEB;
}
#formBox
{
	margin: 0;
	padding: 35px;
	width: 501px;
	float: left;
}
#noticeBox
{
	float: left;
	line-height: 16px;
	width: 489px;
	padding: 11px 5px;
	text-align: center;
	font-size: 10px;
	color: #ee842f;
	margin: 0 0 20px 0;
	border: 1px solid #333131;
}
.txtBox
{
	background: url(/images/txt-bg.jpg);
	height: 16px;
	width: 223px;
	display: block;
	font-size: 14px;
	padding: 11px 5px;
	border: none;
	color: #FFFFFF;
	margin-bottom: 10px;
}
.txtArea
{
	background: url(/images/txtArea-bg.jpg);
	height: 123px;
	width: 223px;
	padding: 11px 5px;
	font-size: 14px;
	display: block;
	border: none;
	color: #FFFFFF;
}
.txtLabel
{
	float: left;
}
#contactSubmit
{
	float: right;
	margin: 5px 0;
}
#formBox .leftCol
{
	width: 233px;
	float: left;
}
#formBox .rightCol
{
	width: 233px;
	float: right;
}

/* Newsletter ****************************/
#newsletterLink
{
	position:relative;
}
#newsletterBoxWrap
{
	position: absolute;
	bottom: 20px;
	z-index: 100;
	left: 60px;
	padding: 0;
	margin: 0;
	display: none;
}
#newsletterBox
{
	position: relative;
	float: left;
	padding: 0 17px;
	background: url(/images/newsletter-bg.png) no-repeat;
	width: 205px;
	height: 127px;
}
#newsletterBox h3
{
	width: 100%;
	float: left;
	margin: 20px 0 10px 0;
	height: 23px;
}
#newsletterBox p
{
	margin: 10px 0;
	padding: 0 5px;
	font-weight: bold;
}
#newsletterClose
{
	position: absolute;
	right: 0;
	bottom: 110px;
	z-index: 100;
}
#signupEmail
{
	float: left;
	height: 14px;
	font-size: 11px;
	margin: 0 15px 0 3px;
	color: #FFFFFF;
	width: 131px;
	background: url(/images/newsletter-input-bg.png);
	border: none;
	padding: 12px;
}
#newsletterGo
{
	margin-top: 15px;
	float: left;
}

#errList
{
	color: #FF0000;
}

#okList
{
	color: #009900;
}

/* Scrollbars ****************************/

#Scrollbar-Container 
{
  float: right;
  position: relative;
  width: 10px;
  height: 358px;
}
.Scrollbar-Up 
{
  cursor: pointer;
  position: absolute;
  height: 15px;
  top: 0;
  width: 10px;
}
.Scrollbar-Track
{
  width: 10px; 
  height: 328px;
  position: absolute;
  top: 15px; left: 0;
  background: transparent url(/images/scrollbar_bg.jpg) center repeat-y;
}
.Scrollbar-Handle 
{
  position: absolute;
  width: 10px; height: 62px;
}
.Scrollbar-Down 
{
  cursor: pointer;
  position: absolute;
  height: 15px;
  width: 10px;
  bottom: 358px;
}


/* Footer ********************************/
#footer
{
	background: url(/images/footer-break.jpg) top no-repeat;
	float: left;
}

#azure-logo
{
	float: right;
	margin: 20px 0 0 0;
	border: none;
}

#foot-menu
{
	height: 15px;
	margin: 20px 0 0 0;
	padding: 0;
	line-height: 15px;
	width: 600px;
	float: left;
	list-style: none;
}

#foot-menu li
{
	display: inline;
}

#foot-menu li a
{
	color: #949291;
	font-size: 10px;
	text-decoration: none;
}

#foot-menu li a:hover
{
	color: #FFFFFF;
}

#footer p
{
	float: left;
	font-size: 10px;
	color: #6D6B6A;
	line-height: 22px;
	padding: 0;
	margin: 10px 0;
	width: 600px;
}

/* Shop Front **************************************/

#shopInfoCol
{
	float: left;
	margin: 0;
	padding: 0;
	height: 502px;
	width: 300px;
}

#shopInfoCol h2
{
	height: 20px;
	line-height: 20px;
	padding: 10px 0 5px 0;
	margin: 0;
	width: 100%;
	float: left;
	border-bottom: 1px solid #2C2B2B;
}

#shopInfoCol .selectionRow
{
	float: left;
	margin: 15px 0;
}

#shopInfoCol .selectionRow .col
{
	width: 100px;
	padding: 0;
	margin: 0;
	float: left;
}

.selectList
{
	display: block;
	float: left;
	height: 20px;
	width: 80px;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}

.selectionLbl
{
	height: 12px;
	padding: 15px 0;
	display: block;
	float: left;
}

#priceBox
{
	float: left;
	width: 100%;
	font-weight: bold;
	font-size: 12px;
	color:#FFFFFF;
}

#deliveryBox
{
	width: 100%;
	float: left;
	border-top: 1px solid #2C2B2B;
	margin-bottom: 20px;
}

.delivRow
{
	width: 100%;
	float: left;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #2C2B2B;
	font-size: 12px;
	color: #D1D1D1;
}

.delivRow .col1
{
	width: 180px;
	line-height: 50px;
	float: left;
}

.delivRow .col2
{
	width: 80px;
	line-height: 50px;
	float: left;
}

.delivRow .col3
{
	width: 40px;
	float: left;
	height: 50px;
	line-height: 50px;
	
}

.radioBtn
{
	margin-top: 18px;
	outline: none;
}

.ppRow
{
	float: left;
	width: 100%;
	height: 50px;
	line-height: 50px;
	border: none;
	
}

.ppRow .col1
{
	height: 50px;
	line-height: 50px;
	width: 180px;
	float: left;
	text-align: left;
}
.ppRow .col1 a
{
	color: #D1D1D1;
	font-size: 10px;
}
#ppLogo
{
	margin-top: 10px;
}
.ppRow .col2
{
	width: 120px;
	float: left;
	line-height: 50px;
	height: 50px;
	font-weight: bold;
	font-size: 15px;
	color:#FFFFFF;
}

#paypalSubmit
{
}

/* Global styles **********************************/

#noScriptBox
{
	width: 100%;
	float: left;
	padding: 0;
	text-align: center;
}
#noScriptBox h1
{
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	color:#FF0000;
}

.clear
{
	clear: both;
	height: 1px;
}

.hide
{
	display: none;
}

.orange
{
	color: #EE842F;
}

.news-date
{
	font-size: 10px;
	color: #CACACA;
	font-weight: bold;
	line-height: 22px;
	height: 22px;
	margin: 5px 0;
	padding: 0;
}

.lightGrey
{
	color: #EBEBEB;
}

.darkGrey
{
	color: #9E9D9D;
}