/* **********************************************************************************************************
	RESETS
*********************************************************************************************************** */

/* Global reset */
*, html, body, div, span, ul, ol, li, h1, h2, h3, h4, h5, h6, p, a, em, img, dl, dt, dd, pre, caption, address, abbr, acronym, form, label, fieldset, input, blockquote, table, tr, th, td, tbody {margin:0;padding:0;font-size:100%;vertical-align:baseline; }
table { border-collapse: collapse; border-spacing: 0; }
a img { border: none; }
address, caption, cite, code, em, strong, th, td { font-style: normal; font-weight: normal; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
caption, th { text-align: left; }
:focus { outline: 0; }
body { line-height: 1.5; }


/* **********************************************************************************************************
	CLASSES
*********************************************************************************************************** */

.hide { display: none }
hr {
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	height: 0;
	margin: 0.75em 0;
}
.clear { clear: both; }
.transparent { filter:alpha(opacity=70); opacity: 0.7; -moz-opacity:0.7; }
img, div, #logo h1 { behavior: url(iepngfix.htc) }


/* **********************************************************************************************************
	TYPE
*********************************************************************************************************** */

body { font-size: 75%; color: #FFFFFF; background: url(images/BG.jpg) no-repeat top center; background-color: #000000; font-family: Arial, sans-serif; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1 { font-size: 1.33em; margin-bottom: 0; font-weight: normal; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

p { margin-bottom: 1.5em; font-size: 14px; font-weight: normal; }
p.last { margin-bottom: 0; }
p img { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a { text-decoration: none; color: #ffffff; } 
a:hover { text-decoration: underline; }
a:focus { outline: 1px dotted invert; }

strong { font-weight: bold; }
em { font-style: italic; }
sup, sub { line-height: 0; }
blockquote { margin: 1.5em; font-style: italic; }


/* **********************************************************************************************************
	TABLES
*********************************************************************************************************** */

table { margin-bottom: 1.4em; width: 100%; }
th { font-weight: bold; background: #C3D9FF; }
th, td { padding: 4px 10px 4px 5px; }
table, td, th { vertical-align: middle; }


/* **********************************************************************************************************
	FORMS
*********************************************************************************************************** */

input { border: 1px solid #ccc; margin: 0.1em 0.5em 0.1em 0; }
select { margin: 0; }
label { display: block; }


/* **********************************************************************************************************
	HEADER
*********************************************************************************************************** */

#flashcontent { width: 920px; height: 100%; margin-bottom: 20px; }

#header { width: 960px; height: 100px; margin-bottom: 20px; }
#logo { width: 300px; height: 80px; float: left; display: inline; margin-top: 20px; }
#logo h1 { background: url(images/logo.png) no-repeat; text-indent: -9999px; height: 80px; }

#nav { width: 600px; float: right; display: inline; }
#nav ul { float: right; margin: 40px 10px 0 0; }
#nav ul li { display: inline; font-size: 1.33em; }
#nav ul li a { margin-left: 10px; padding: 5px 10px; font-weight: normal; }
#nav ul li a:hover, #nav ul li a.active { background-color: #000000; text-decoration: none; }


/* **********************************************************************************************************
	CONTAINERS
*********************************************************************************************************** */

#main { width: 960px; margin: 0 auto; }
#content { width: 920px; margin: 0 20px; border: 1px solid #FF0000; }
#home-feature { width: 920px; background-color: #000000; padding: 20px; background: url(images/BG_trans.png); margin-bottom: 20px; }
#about-us-container { width: 920px; background-color: #000000; padding: 10px 20px 20px 20px; background: url(images/BG_trans.png); margin-bottom: 20px; }
#gallery-container { width: 920px; height: 525px; background-color: #000000; padding: 0 20px 20px 20px; background: url(images/BG_trans.png); margin-bottom: 20px; }
#general-container { width: 920px; height: 350px; background-color: #000000; padding: 20px; background: url(images/BG_trans.png); margin-bottom: 20px; }
#category-container { width: 920px; background-color: #000000; padding: 20px; background: url(images/BG_trans.png); margin-bottom: 20px; }



/* **********************************************************************************************************
	HOME
*********************************************************************************************************** */

#about-us-container img { margin-bottom: 5px; }
#about-us-container p { font-size: 1.33em; font-weight: normal; }


/* **********************************************************************************************************
	GALLERIES
*********************************************************************************************************** */

#titlebar { height: 34px; background-color: #000000; margin-bottom: 1px; background: url(images/BG_titlebar.png); }
#titlebar-left { width: 580px; height: 34px; float: left; display: inline; line-height: 34px; padding: 0 0 0 20px; overflow: hidden; }
#titlebar-right { width: 300px; float: right; display: inline; text-align: right; padding: 5px 20px 0 0; height: 34px;}
#titlebar-right select { width: 290px; }


/* **********************************************************************************************************
	CATEGORIES
*********************************************************************************************************** */

.col { width: 290px; margin-right: 25px; float: left; display: inline; }
.last { margin-right: 0; }
.col ul { list-style-type: none; }
.col ul li { font-size: 14px; background: url(images/arrow.gif) no-repeat 0px 7px; padding-left: 10px;}


/* **********************************************************************************************************
	CONTACT
*********************************************************************************************************** */

.photographer { width: 920px; border-bottom: 1px solid #000000; }
.photographer-left { width: 440px; float: left; display: inline; padding: 5px 0 5px 10px; }
.photographer-right { width: 440px; float: right; display: inline; text-align: right; padding: 5px 10px 5px 0; }
.photographer-left p { margin: 0; padding: 0; }
.photographer-right a { font-size: 14px; }


/* **********************************************************************************************************
	FOOTER
*********************************************************************************************************** */

#footer { width: 920px; height: 40px; margin: 0 auto; }
#footer-left { float: left; display: inline; width: 400px; }
#footer-right { float: right; display: inline; width: 400px; text-align: right; }
#footer-left p, #footer-right a { font-size: 0.92em; }
#footer-right a:hover { text-decoration: underline; }