/* Sections of this file
   s1. Resets
   s2. Basic Element Styles
   s3. Main Layout - Columns, etc
   s4. Typography - fonts, line heights, font-sizes, etc
   s5. Colors and backgrounds
   s6. Component layouts - news items, etc
   
   Design by zByteSoftware
*/

/* ## s1 #### Resets #### */
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, 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-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    text-align: left;
}
html, body {
    height: 100%;
    width: 100%;
}
a img, :link img, :visited img {
    border: 0;
}
:link, :visited {
    text-decoration: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th {
    text-align: left;
}
ol, ul {
    list-style: none;
}
q:before, q:after, blockquote:before, blockquote:after {
    content: "";
}

/* ## s2 #### Basic Element Styles #### */
strong {
    font-weight: bold;
    line-height: inherit;
}
em {
    font-style: italic;
    line-height: inherit;
}
abbr {
    cursor: help;
    border-bottom: 1px dashed #aaa;
}
h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0;
}
h1, h2, h3, h4, h5, h6, p {
    position: relative;
}
p {
    margin: 0 0 1em 0;
}
a:link, a:visited {
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}
a:active {
    text-decoration:underline;
}
/* ## s3 #### Main Layout - Columns #### */
#wrapper {
    position: relative;
    margin: 0 auto;
    width: 860px;
    text-align: left;
}
#header {
    margin-top: 2em;
    position: relative;
    height: 6.5em; /* changed for alias martin maloy */
}
#header h1 {
    position: absolute;
    bottom: 0em;
    display: inline;
    margin: 0;
    line-height: 0.9;
}
#header h1 #maloy {
    margin:0 0 0 50px;
    font-size: 0.8em;
    display: block;
}
#header h1 #alias {
    margin: 0 0 0 30px;
    font-size: 0.65em;
    display: block;
}
#nav {
    position: absolute;
    right: 0em;
    bottom: 0em;
    z-index: 999;
    list-style: none;
    padding-bottom: 3px;
}
#content {
    position: relative;
    padding: 5px 0;
    width: 860px;
}
#main {
    float: left;
    margin-right: 50px;
    width: 530px;
}
.sidebar {
    position: relative;
    width: 280px;
    float: left;
    margin-bottom: 10px;
}
#flashgallery {
    margin: 30px 0 10px 0;
    width:100%;
    height: 700px;
}
#intro {
    width: 864px;
    height: 480px;
    margin: 80px auto 10px auto;
}
#skip {
    width: 864px;
    height: 7em;
}
#footer {
    position: relative;
    height: 1.5em;
    padding-bottom: 10px;
}
#footer ul {
    float: right;
    padding: 15px 0 0 5px;
}
.banner {
    margin: 25px 0 30px 0;
    width: 860px;
    height: 80px;
    overflow: hidden;
}
/* nav specifics */
#nav li {
    float: left;
    margin-right: 2px;
}
#nav li a {
    float: left;
    display: inline;
    padding: 3px 10px 2px 10px;
    overflow: hidden;
}
.clear {
    clear: both;
}
/* ## s4 #### Typography #### */
body {
    font: 75% Verdana, Arial, Helvetica, sans-serif;
    color: #7a7a7a;
}
#header h1 {
    font-family: "Myriad Pro", Helvetica;
    font-size: 2.8em;
    font-weight: normal;
    letter-spacing: -0.04em;
}
#header h1 span {
    font-family: "Myriad Pro", Helvetica;
    font-weight: normal;
}
#nav {
    font-family: Arial, Helvetica, sans-serif;
}
#nav li {
    font-size: 1em;
    letter-spacing: 0em;
}
#nav li a {
    font-size: 1.0em;
    text-decoration: none;
    text-transform: uppercase;
}
#nav li.current a {
    font-weight: bold;
}
#nav li.current a:hover {
    text-decoration: none;
}
#nav li:hover a {
    text-decoration: underline;
}
#intro h2 {
    font-size: 3.5em;
}
#main {
    font-size: 1.1em;
    line-height: 1.5em;
}
#main h2 {
    font-size: 2.3em;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding-bottom: 5px;
    margin: 20px 0;
    border-bottom: 1px solid #e3e4e3;
}
#main h3 {
    font-size: 1.6em;
    font-family: Arial, Helvetica, sans-serif;
    margin: 20px 0 5px 0;
    font-weight: bold;
    padding-bottom: 5px;
}
#main h4 {
    font-size: 1.4em;
    line-height: 1.2em;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin: 20px 0;
    padding-bottom: 5px;
}
#main blockquote {
    padding: 20px;
    margin: 20px 0;
    border-bottom: 1px dashed #ccc;
    border-top: 1px dashed #ccc;
    font-style: italic;
}
body.news #main p.details {
    font-size: 0.9em;
}
.sidebar {
    font-size: 1.0em;
}
.sidebar h2, .sidebar h3, sidebar h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin: 0 0 20px 0;
    border: none;
}
.sidebar h2 {
    font-size: 2.0em;
    border-bottom: 1px solid #ccc;
}
.sidebar h3 {
    font-size: 1.8em;
}
.sidebar h4 {
    font-size: 1.6em;
}
.sidebar blockquote {
/*    font-family: "MS Serif", "New York", serif;*/
    font-style: italic;
    font-size: 1.5em;
    font-weight: 300;
    /*    font-family: Georgia, serif;*/
    /*font-family: Monaco, "Lucida Console", san-serif;*/
}
.sidebar blockquote span.endquote {
    font-family: Monaco, "Lucida Console", san-serif;
}

.sidebar blockquote p.cite {
    font-size: 0.9em;
    font-style: normal;
}
#footer {
    font-size: 0.8em;
}
/* ## s5 #### Colors and Backgrounds #### */
body {
    background:#000 url(../coreimages/bg2.jpg) top right no-repeat; 
}
a:active {
    color: #907848;
}
a:link, a:visited {
    color: #A87830;
}
#header h1 {
    color: #C09030;
}
#nav li a {
    color: #909190;
}
#nav li.current a {
    color: #A87830;
}
#main h2,
#main h3 {
/*    color: #5a5a5a;*/
}
#main blockquote {
    color: #757575;
}

.sidebar h2, .sidebar h3, sidebar h4 {
    color: #5a5a5a;
}
.sidebar li a {
    color: #787878;
}	
.sidebar li a:link, .sidebar li a:visited {
    color: #787878;
}
.sidebar li.current_page_item a {
    color: #3e4f69;
    background: none;
}
.sidebar blockquote {
    color: #757575;
}
#footer a {
    color: #4e4e4e;
}
#intro h2 {
    color: #555;
}
#skip h3 {
    color: #333;
}

/* Component Layouts 
***********************/
img.quote {
    width: 25px;
    height: 25px;
    margin: 0 4px 0 0;   
}
#inav {
    margin: 140px 0 0 0;
    padding-right: 10px;
    width: 850px;
    height: 290px;
}

#main ul, #main ol {
    margin: 10px 0;
    line-height: 2.0em;
}
#main ol {
    list-style: decimal;
    margin-left: 10px;
    padding-left: 20px;
}	
#main ul li {
/*    padding-left: 20px;*/
}
#main .right {
    float: right;
    margin: 0px 2px 10px 10px;
}
#main .left {
    float: left;
    margin: 0px 10px 10px 2px;
}
#main .medwidth {
    width: 300px;
}
body.news #main h3 {
    border-bottom: 1px dotted gray;
}
body.news #main p.details {
    position: absolute;
    top: 2px;
}

.newsitem {
    margin-bottom: 3.0em;    
}

/* Sidebar */
.sidebar h2, .sidebar h3, sidebar h4 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin: 0 0 20px 0;
    border: none;
}
.sidebar li a {
    height: 1.7em;
    text-decoration: none;
}	
.sidebar li a:link, .sidebar li a:visited {
    display: block;
    padding: 8px 30px 0 20px;
    text-decoration: none;
}
.sidebar li a:hover {
    background: url(../coreimages/arrow.gif) no-repeat 90% 60%;
    text-decoration: none;
}
.sidebar li.current_page_item a {
    background: none;
    font-weight: bold;
}

/* Footer */   
#footer ul {
    float: right;
    padding: 15px 0 0 5px;
}
#footer li {
    display: inline;
    padding: 0 10px;
}
#footer li.last {
    background: none;
}
#footer a {
    text-decoration: none;
} 
#footer a:hover {
    text-decoration: underline;
}
.over {
    cursor: pointer;
}

#inav {
    /*    color: #fff;*/
}

#inav div {
    overflow: hidden;
}
#inav a {
    margin: 0px;
    padding: 3px;
    font-size: 3.0em;
    text-decoration: none;
    position: relative;
    visibility: hidden;
    color: #909190;
    background: #000;
}
#inav div.over a {
    visibility: visible;
}
.inav_t1,
.inav_t2,
.inav_t3,
.inav_t4,
.inav_b1,
.inav_b2 {
    float: right;
    border: 2px solid #000;
}

.inav_t1 {
    width: 321px;
    height: 401px;
    background:#000 url(../coreimages/t1.jpg) top left no-repeat;
}
.inav_t2 {
    width:121px;
    height:151px;
    background:#000 url(../coreimages/t2.jpg) top left no-repeat;
}
.inav_t3 {
    width:196px;
    height:151px;
    background:#000 url(../coreimages/t3.jpg) top left no-repeat;
}
.inav_t4 {
    width:196px;
    height:151px;
    background:#000 url(../coreimages/t4.jpg) top left no-repeat;
}
.inav_b1 {
    width:196px;
    height:246px;
    background:#000 url(../coreimages/b1.jpg) top left no-repeat;
}
.inav_b2 {
    width:321px;
    height:246px;
    background:#000 url(../coreimages/b2.jpg) top left no-repeat;
}
.aboutbg {
    background:#000 url(../coreimages/p1.jpg) top left no-repeat; 
}
.newsbg {
    background:#000 url(../coreimages/d1.jpg) top left no-repeat;
}
.videobg {
    background:#000 url(../coreimages/p2.jpg) top left no-repeat;
}
.printsbg {
    background:#000 url(../coreimages/d2.jpg) top left no-repeat;
}
.contactbg {
    background:#000 url(../coreimages/d3.jpg) top left no-repeat;
}

body.video #main .videoitem {
    clear: left;
    margin: 10px 10px 30px 0;
}
body.video #main .videoitem h4 {
    display: inline;
    margin: 0;
    border-bottom: 1px dotted gray;
}
body.video #main .videoitem p {
    margin: 10px 0;
}
.viditem {
    clear: left;
    margin: 10px 10px 30px 0;
}
.viditem h4 {
    margin: 0;
}
.viditem p {
    margin: 10px 0;
}
.viditem  div.vidstill {
    width: 250px;
    padding-right: 30px;
    float: left;
}
.viditem  div.vidstill img.still {
    width: 250px;
}

img.vidpreview {
    float: right;
    clear: right;
    width: 200px;
    margin: 0px 2px 10px 10px;
}

form.basicform fieldset {
    margin-bottom: 10px;
}
form.basicform legend {
    padding: 0 2px;
    font-weight: bold;
}
form.basicform label {
    display: inline-block;
    line-height: 1.8;
    vertical-align: top;
    margin: 0;
}
form.basicform fieldset ol,
form.basicform fieldset ul
{
    margin: 0;
    padding: 0;
}
form.basicform fieldset p {
    padding-left: 10px;
    margin: 0;
}
form.basicform fieldset li {
    list-style: none;
    padding: 5px;
    margin: 0;
}
form.basicform fieldset fieldset {
    border: none;
    margin: 3px 0 0;
}
form.basicform fieldset fieldset legend {
    padding: 0 0 5px;
    font-weight: normal;
}
form.basicform fieldset fieldset label {
    display: block;
    width: auto;
}
form.basicform em {
    font-weight: bold;
    font-style: normal;
    color: #f00;
}
form.basicform label {
    width: 120px; /* Width of labels */
}
form.basicform fieldset fieldset label {
    margin-left: 123px; /* Width plus 3 (html space) */
}
form.basicform span.required  {
    vertical-align: top;
    padding-left: 2px;
    color: #CC3333;
}
form.basicform input,
form.basicform textarea
{
    background-color: #BBB;
}
form.basicform li.actions {
	text-align:right;
}
#intro img {
    display: block;
    margin: 0 auto;
}
#intro h2 {
    color: #555;
    font-size: 3.5em;
    text-align: center;
}
#skip h3 {
    margin-top: 4em;
    color: #333;
    font-size: 1.8em;
    text-align: right;
    text-decoration: none;
}

#skip h3 a {
    color: #333;
    text-decoration: none;
}
#video {
    margin: 80px 0;
}
.banner h2 {
    padding: 10px 0 10px 5px ;
    font-size: 4.0em;
    font-family: Arial, Helvetica, sans-serif;
    color: #543B32;
    font-weight: bold;
}
.banner h2 {
    padding: 10px 0 10px 5px ;
    font-size: 4.0em;
    font-family: Arial, Helvetica, sans-serif;
    color: #543B32;
    font-weight: bold;
}

/* Galleries Page 
***********************/
.gallery_half {
	position: relative;
	width: 405px;
	height: 280px;	
	margin: 80px 10px 20px 10px;
	float: left;
}
.gallery_third {
	position: relative;
	width: 280px;
	height: 280px;
	margin: 80px 3px 20px 3px;
	float: left;
}
.gallery_half img,
.gallery_third img
 {
	display: block;
/*	width: 220px; */
	height: 220px;
	margin: 20px auto 30px auto;
}
.gallery_half h3,
.gallery_third h3
{
	text-align: center;
}