body {
	background-color:#333333;
	font-family: 'helvetica neue','trebuchet ms', trebuchet, verdana, sans-serif;   
	font-size: 80%;
	color:#000;
	/*margin:10px;*/
	}

html { 
	height: 100%; 
	margin-bottom: 1px; 
	margin:0;
	padding:0;
}

/*******
********** PAGE LAYOUT and DIVS**************/

#main {
	width:720px;
	background-color:#000;
		background:url('site-images/bgmain.png')repeat-x #000;

	margin:0 auto;
	}

#gallerysearchresults {
	padding-top:15px;
	}

#banner {
	/*float:left;*/
	margin:0 auto;
	background-color:#333333;
	text-align:center;
	width:720px;
	min-height:85px;
	height:85px;
	padding-top:20px;
	}

#bottomnav {
	float:left;
	background-color:#000;
	text-align:right;
	color:#c0c0c0;
	line-height:/*1.4em*/;
	color:#ccc;
	width:705px;
	min-height:25px;
	padding-right:15px;
	margin-top:0 auto;
	padding-bottom:15px;
	border-top:1px solid #222;
	}

#bottomnav .button {
	float:right;
	text-align:center;
	background-color:#2f2f2f;
	padding:5px;
	min-width:50px;
	text-transform:uppercase;
	font:80% 'helvetica neue',sans-serif;
	letter-spacing:3px;
	margin-right:2px;
	margin-top:0 auto;
	}
#bottomnav	a,a:visited{color:#ccc;text-decoration:none;outline:none;}
#bottomnav a:hover{color:#FFF;}


#contentheader,#contentgalleryheader {
	float:left;
	/*background-color:#000;*/
	color:#ccc;
	height:20px;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	text-transform:uppercase;
	letter-spacing:3px;
	}

	#contentgalleryheader {
		border-bottom:1px solid #222;
		}
	#contentgalleryheader,#contentheader a,a:link,a:visited,a:hover,a:active {
		color:#ccc;
		text-decoration:none;
		outline:none;
	}

#maincontent {
	width:720px;
	background-color:#FFF;
	/*background:url('site-images/whitebg.png') no-repeat #FFF;*/
	color:#2f2f2f;
	float:left;
	}

	#maincontent h2.content-title {
		text-transform:uppercase;
		font-weight:normal;
		font-size:/*0.98em*/12px;
		padding-bottom:10px;
		}
	
	#maincontent img {
		float:left;
		padding-right:10px;
		}
	#maincontent p {
		line-height:/*1.3em*/;
		padding-top:5px;
		padding-bottom:5px;
		padding-right:5px;
		}

	#maincontent .contentsection {
		padding-top:10px;
		}
	
	#maincontent .subtext{
	text-align:left;
	position:relative;
	left:20px;
	right:120px;
	margin-left:10px;
	margin-right:30px;
	font:85% 'helvetica neue',sans-serif;
	line-height:/*1.4em*/16px;
	letter-spacing:0.75px;
	padding-bottom:5px;
	}

	#rightcontent div.subtext a,a:hover,a:active,a:visited {
		text-decoration:none;
		color:#887;
		outline:none;
		/*font-weight:bold;*/
		}
	#rightcontent div.subtext a:hover {
		text-decoration:underline;
		}
	#maincontent h2.subtitle {
		text-transform:uppercase;
		font-weight:normal;
		font-size:/*0.98em*/12px;
		padding-bottom:5px;
		}
	#leftcontent {
		width:320px;
		float:left;
		}
	#rightcontent {
		width:380px;
		float:left;
		}
	#rightcontent p {
		padding:0px;
		padding:5px;
		margin:0 auto;
		margin-top:10px;
		}

#footer {
	float:left;
	background-color:#000;
	text-align:left;
	line-height:/*1.4em*/;
	color:#887;
	width:700px;
	min-height:35px;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
	font:85% 'helvetica neue',sans-serif;

	}
#footer	a,a:visited{color:#ccc;text-decoration:none;outline:none;}
#footer a:hover{color:#FFF;}

#gallerycontent {
	margin:0;
	float:left;
	width:720px;
	/*background-color:#000000;*/
		background:url('site-images/bgmain.png')repeat-x #000;

	color:#cccccc;

}

#gallerycontent .gallerysection {
		float:left;
		text-align:center;
		overflow:hidden;
		/*position:relative;*/
		padding:10px;
		
		}

#gallerycontent h1,h2{font:bold 80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}


#wrap {
	text-align:center;
	margin-left:65px;
	margin-right:60px;
	}

/* maingallery styles */
#maingallery-subtitle {
	height:16px;
	padding-bottom:3px;
	/*border-bottom:1px solid #221;*/
	}

	.maingallery-subtitle {
		text-transform:uppercase;
		font:bold 80% 'helvetica neue',sans-serif;letter-spacing:3px;		
		color:#aaa;
	}


#albumbox {
	float:left;
	margin:0 auto;
	padding-left:15px;
	width:685px;
	padding-top:10px;
	padding-bottom:15px;
	text-align:center;
	}

	#albumbox .album {
		float:left;
		width:300px;
		background-color:#333;
		margin-left:15px;
		margin-bottom:10px;
		color:#BCBcBC;
		height:95px;
		border:1px solid #444;
		padding:5px;
		text-align:left;
		font-weight:normal;
		font:85% 'helvetica neue','Trebuchet MS', 'Trebuchet',sans-serif;
		}

	#albumbox img {
		float:left;
		padding:2px;
		margin-right:10px;
		}

.album .albumtitle {font-size:/*.98em*/11px;font-weight:normal;color:#887;text-align:left;}
.album p { margin-top:-5px;padding-left:10px;font-weight:normal;font-family:'Trebuchet MS', 'Trebuchet',sans-serif;font-size:/*0.98em*/12px;text-align:left;text-transform:none;}
#albumbox a,a:visited,a:hover,a:active { color:#887;text-decoration:none;outline:none;}

.dividerrule {
	float:left;
	position:relative;
	width:100%;
	border-top:1px solid #221;
	height:11px;
	margin-top:15px;
	padding-top:5px;
	padding-bottom:5px;
	}

.albuminfobox {
	float:left;
	width:300px;
	background-color:#333;
	margin-left:15px;
	margin-bottom:10px;
	text-align:left;
	color:#ccc;
	height:105px;
	border:1px solid #444;
	padding:5px;
	font-family:'Trebuchet MS', 'Trebuchet',sans-serif;
	font-size:/*0.95em*/11px;
	}

	.albuminfobox h2 {
		font-weight:bold;
		color:#887;
		text-align:left;
		}

	.albuminfobox img {
		float:left;
		padding:2px;
		margin-right:10px;
		}

.notes {margin-left:15px;
margin-right:15px;}




/* start jcarousel */
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-item {
    float: left;
    list-style: none;
	overflow:hidden;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

/* end jcarousel */

/* start tango jcarousel */
.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 5px;
    background: #111;
    border: 1px solid #333;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 495px;
    padding: 10px 40px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 65px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  495px;
    height: 75px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  65px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 75px;
    height: 75px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 8px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #000;
    color: #fff;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    /*top: 38px;*/
	top:25px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url('js/skins/tango/next-horizontal.png') no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    /*top: 38px;*/
	top:25px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url('js/skins/tango/prev-horizontal.png') no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url('js/skins/tango/next-vertical.png') no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url('js/skins/tango/prev-vertical.png') no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

/* end tango jcarousel */
/* start coda slider */
#wrapper {
    width: 700px;
    margin: 0 auto;
	text-align:left;
	}

	#wrapper h2 {
		margin: 0;
		margin-bottom: 14px;
		padding: 0;
		}

#slider {
    width: 560px;
    margin: 0 auto;
    position: relative;
	}

.scroll {
	/*height:250px;*/
	height:275px;
	width: 560px;
	overflow: auto;
	overflow-x: hidden;
	position: relative;
	clear: left;
	background: #333  repeat-x scroll left bottom;
	}

.scrollContainer div.panel {
    padding: 20px;
    /*height: 210px;*/
	height:275px;
    width: 520px;
	}

	.scrollContainer div.panel img.floatleft {
		float:left;
		padding-right:15px;
		}
	
	div.panel ul {
		list-style:none;
		}

.scrollContainer div.panel a,a:visited{color:#ccc;text-decoration:none;outline:none;}
.scrollContainer div.panel a:hover{color:#FFF;}

#shade {
    background: #4A4A4A;
    height: 20px;
	}

#slider ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
	}

#slider ul.navigation li {
    display: inline;
    margin-right: 5px;
	}

#slider ul.navigation a {
    padding: 10px;
    color: #767676;
	background-color:#404040;
    text-decoration: none;
	}

#slider ul.navigation a:hover {background-color: #404040;color:#ccc;}

#slider ul.navigation a.selected {background-color: #333;color:#887;}

#slider ul.navigation a:focus {outline: none;}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}

/*end coda slider */

/*MISC CLASSES */
.clearall {clear:all;}
.clearboth {clear:both;}
.login {
	padding-left:20px;
	padding-top:20px;
	}

.required {
	background-color:#F5F5DB;
	}

.formbeauty p{
	width: 300px;
	clear: left;
	margin: 0;
	padding: 5px 0 8px 0;
	padding-left: 155px; /*width of left column containing the label elements*/
	height: 1.2%;
	}

.formbeauty p.extrainfo {
	padding-left:0;
	width:450px;
	
	}

.formbeauty label{
	font-weight: bold;
	float: left;
	margin-left: -155px; /*width of left column*/
	width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
	}

.formbeauty select {
	width:252px;
	font-size:/*.95em*/11px;
    border:solid 1px #4d3a24;
	padding:3px;
	font-family: 'helvetica neue','trebuchet ms', 'trebuchet', 'verdana', sans-serif;   
	}

.formbeauty select.sm-selector {
	width:75px;
	font-size:/*.95em*/11px;
    border:solid 1px #4d3a24;
	padding:3px;
	font-family: 'helvetica neue','trebuchet ms', 'trebuchet', 'verdana', sans-serif;   
	}

.formbeauty input[type=text].sm-input {
	font-size:/*.95em*/11px;
	padding:3px;
	width:25px;
    border:solid 1px #4d3a24;
	}

.formbeauty textarea{
	width: 244px;
	height: 150px;
	font-size:/*.95em*/11px;
    border:solid 1px #4d3a24;
	padding:3px;
	font-family: 'helvetica neue','trebuchet ms', 'trebuchet', 'verdana', sans-serif;   

	}

.formbeauty input[type=text],input[type=password]{
	font-size:/*.95em*/11px;
	padding:3px;
	width:244px;
    border:solid 1px #4d3a24;
	}

/*MISC ELEMENT */
img { behavior: url(iepngfix.htc); }