/* Copyright 2008, SeriousSites, Tom Lilley */
/* ==CSS Reset ============================================================= */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
:focus {outline: 0;} /* remember to define focus styles! */
ins {text-decoration: none;} /* remember to highlight inserts somehow! */
del {text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
/* =============================================================================
Notes:
- Floated elements with applied margin in same direction as float gets DOUBLED - Fix = display:inline; AND overflow:hidden;?
- Collapsing margins - only the larger margin is used if two adjoining margins meet - use border?
==End=========================================================================== */

/* Height settings for litebox */
html, body {min-height: 100%;height: auto !important;height: 100%;} /* height settings for litebox */
body{font:normal 75% arial, sans-serif;background:#c4517a url(/images/general/master_repeat.jpg) repeat-x;text-align:center;} /* Text-Align needed for IE5.5 */

/* Links */
a, a:link, a:visited{color:blue;}
a:hover{text-decoration:none;}

/* Buttons */
	/* General button - with a disabled span */
	a.formbutton_general, a.formbutton_general:link, a.formbutton_general:visited{float:left;display:block;width:80px;height:30px;line-height:30px;text-align:left;color:white;font-size:12px;text-decoration:none;background:url(/images/buttons/btnGeneral.png) 0px 0px;margin:2px;margin-top:10px;padding-left:10px;} 
	a.formbutton_general:hover{background-position:0px 60px;text-decoration:none;}
	span.formbutton_general_disabled{float:left;display:block;width:75px;height:30px;line-height:30px;text-align:center;color:#555555;font-size:1em;text-decoration:none;background:url(/images/buttons/btnGeneral.png) 0px 30px;margin:2px;margin-top:10px;} 		
	
/* Div link - make a div clickable*/
a.divlink,  a.divlink:link {display:block;line-height:0;font-size:0;width:100%;height:100%;}

/* Standard elements */
p{padding:4px;padding-left:0px;font-size:1.1em;line-height:1.2em;color:#333333;word-spacing:0.1em;}
img{border:none;}

h1,h2,h3{font-family:georgia,serif;font-weight:normal;padding:4px;padding-left:0px;letter-spacing:0px;}
	h1{font-size:1.8em;color:#222222;font-style:italic;padding:0px;}
	h2{font-size:1.6em;color:#333333;}
	h3{font-size:1.2em;color:#333333;margin-top:3px;margin-bottom:3px;}

ul{list-style-type:disc;margin-left:30px;color:#222222;margin-top:0px;margin-bottom:5px;}
	li{line-height:20px;}
	
.required, .warning, .errortext{color:red;}

.left{float:left;margin-right:10px;margin-top:5px;}
.right{float:right;margin-left:10px;margin-top:5px;}

.inputmask{margin-left:5px;vertical-align:top;font-size:.8em;color:#555555;}

/* tables */
table{margin-top:5px;margin-bottom:5px;font-size:1.1em;}
	tr{line-height:1.6em;}
	td{vertical-align:top;color:#333333;}
	td.label{font-weight:bold;width:80px;}

/* Wrapper */
#canvas{position:relative;margin: 0px auto 0px auto;text-align:left;width:850px;background:url(/images/general/master_background.jpg) no-repeat;}

/* Banner */
#banner{position:relative;width:750px;height:120px;border:px solid red;}
	#banner p{position:absolute;top:8px;left:10px;margin:0px;padding:0px;text-indent:-9999px;font-size:.1em;width:488px;height:109px;background: url(/images/banner/logo.png);}
	
/* Navigation */
#navigation{position:relative;width:750px;border:0px solid red;margin-left:10px;}
	#navigation ul{margin:0px;padding:0px;list-style-type:none;}
	#navigation ul li{margin:0px;padding:0px;display:inline;}
		#navigation ul li a{float:left;font-size:12px;height:55px;line-height:36px;padding:0px;margin:0px;margin-right:2px;text-align:center;text-decoration:underline;color:white;background:url(/images/banner/scissors.png) 0px 100px no-repeat;}
		#navigation ul li a.lastnavitem{margin-right:0px;}
		#navigation ul li a:hover{background-position:30px 10px;color:white;text-decoration:none;}
		#navigation ul li a.focus{background-position:30px 10px;color:white;text-decoration:none;}
		#navigation ul li a.focus:hover{background-position:30px 10px;color:white;text-decoration:none;}
			
/* Content */
#content{position:relative;text-align:left;width:645px;padding:15px;padding-left:40px;padding-bottom:20px;background:url(/images/general/content_background.png) top left no-repeat;border:0px solid red;}

/* footer */
#footer{position:relative;text-align:left;width:700px;height:157px;background:url(/images/general/footer_background.jpg);}
	#footer ul{position:absolute;top:30px;list-style-type:none;margin:0px;color:#dddddd;}
	#footer li{line-height:17px;font-size:12px;}
	#footer ul.col_1{left:240px;}
	#footer ul.col_2{left:400px;}
	#footer ul.col_3{left:570px;}
	#footer p{position:absolute;margin:0px;padding:0px;font-size:12px;color:white;}
	#footer p.design{top:140px;width:700px;text-align:right;color:#dddddd;}
	#footer p.contact{top:95px;left:240px;font-size:14px;}
	#footer a, #footer a:link, #footer a:visited{color:white;}
	#footer a:hover{text-decoration:none;}

/* Inputs */
form{}
input{padding:1px;margin:1px;font-size:1em;font-family:arial, sans-serif;border:1px solid #666666;background:#dddddd;}
select{padding:1px;margin:1px;font-size:1em;font-family:arial, sans-serif;border:1px solid #666666;background:#dddddd;}
textarea{padding:1px;margin:1px;font-size:1em;font-family:arial, sans-serif;border:1px solid #666666;background:#dddddd;}

/* File Upload */
#wait{display:none;}
#fileupload{width:100%;background-color:white;}
	#fileupload td{text-align:center;font-weight:bold;font-size:1.3em;color:red;}
	#fileupload td.title{font-size:2em;color:black;}
	#fileupload td.small{font-size:1em;font-weight:normal;color:#555555;}

/* Div clearing */
div.clear{clear:both;font-size:.1em;}

/* Category navigation - uses the button above */
#gallerynav{position:relative;}
	#gallerynav a, #gallerynav  a:link, #gallerynav a:visited{float:left;display:block;margin-right:5px;width:120px;height:30px;line-height:30px;text-align:left;text-align:center;color:white;font-size:12px;text-decoration:underline;background:url(/images/gallery/btnCategory_Navigation.png) 0px 0px;} 
	#gallerynav a:hover{background-position:0px 60px;text-decoration:none;}
	#gallerynav span{float:left;display:block;margin-right:5px;width:120px;height:30px; line-height:30px;text-align:center;color:#bbbbbb;font-size:12px;text-decoration:none;background: url(/images/gallery/btnCategory_Navigation.png) 0px 30px;} 

/* Thumbnail navigation */
	/* LEFT  */
	a.button_gallery_left, a.button_gallery_left:link, a.button_gallery_left:visited{display:block;width:50px;height:80px;background:url(/images/gallery/btnGalleryThumbLeft.png) 0px 0px;outline:none;border:0px solid blue;}
	a.button_gallery_left:hover{background-position:0px 160px;}
	span.button_gallery_left_disabled{display:block;width:50px;height:80px;background:url(/images/gallery/btnGalleryThumbLeft.png) 0px 80px;border:0px solid yellow;} 
	/* RIGHT */
	a.button_gallery_right, a.button_gallery_right:link, a.button_gallery_right:visited{display:block;width:50px;height:80px;background:url(/images/gallery/btnGalleryThumbRight.png) 0px 0px;outline:none;border:0px solid blue;}
	a.button_gallery_right:hover{background-position:0px 160px;}
	span.button_gallery_right_disabled{display:block;width:50px;height:80px;background:url(/images/gallery/btnGalleryThumbRight.png) 0px 80px;border:0px solid yellow;} 

table.thumbs{padding:0px;margin: 10px auto 0px auto;} /* Center the table in middle of area */
	table.thumbs td{} 
	.thumb_holder{background:black;margin-left:8px;margin-right:7px;} /* Use margin to change thumb spacing */
		.thumb_holder img{width:75px;height:75px;}
		.thumb_holder img.selected{border:5px solid #772148;}
		.thumb_holder img.notselected{border:5px solid #571935;}

/* Main image */
#image_placeholder{position:relative;border:5px solid #772148;margin: 10px auto 10px auto;background:#444444;}
	#actualimage{display:none;} /* Hide the image as we will fade it in */
	#image_placeholder ul{margin:0px;margin-top:2px;padding:0px;list-style-type:none;}
	#image_placeholder ul li{margin:0px;padding:0px;display:inline;}
	#image_placeholder ul li a{border:1px solid black;padding:3px;margin-right:2px;margin-left:2px;text-align:center;text-decoration:none;color:#bbbbbb;background:#333333;line-height:20px;}
	#image_placeholder ul li a:hover{color:white;border:1px solid #999999;}
	#image_placeholder ul li a.focus{background-color:#555555;color:white;border:1px solid black;}
	#image_placeholder ul li a.focus:hover{color:white;border:1px solid black;}
	#image_placeholder p{text-align:left;margin:0px;padding:8px;background:black;color:#dddddd;}
	/* change image navigation */
	#image_large_nav{position:absolute;left:10px;top:10px;background:url(/images/gallery/background.png);border:0px solid white;padding:8px;}
		#image_large_nav p{margin:0px;padding:0px;padding-bottom:3px;color:#bbbbbb;background:none;}