/*  
.....:: ::: zzzero-x.com CSS
		 ---- base.css ----
*/


/* Begin -------------------------------- reset.css --------------------------------------- */
* {margin: 0; padding: 0;}
img, fieldset {border: 0;}
a img {border: none;}
a {text-decoration: none;}
ol, ul {list-style: none;}
/* End ---------------------------------- reset.css --------------------------------------- */





/* Begin -------------------------------- type.css ---------------------------------------- */
body {font: 62.5% Tahoma,Arial,Verdana,Geneva,Sans-Serif; line-height: 1.6;}
p {font-size: 1.1em; margin: 1.2em 0;}
h1 {font: small-caps 2.1em "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Sans-Serif; line-height: 0.9; overflow: hidden;}
h1.flashhead {letter-spacing: 3px; padding: 0 0 4px 3px; text-align: center;}
h1.videoslogan {letter-spacing: 2px; padding: 0 4px 0 4px;}
h1.contactslogan {letter-spacing: 2px; padding: 8px 4px 0 4px;}
h1.back {font-size: 2.3em; letter-spacing: 24px; padding: 3px 0 3px 12px;}
h2 {font: small-caps 1.8em "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Sans-Serif; letter-spacing: 3px; padding: 3px 0 3px 8px; height: 21px;}
h2.imagename {letter-spacing: 5px; padding: 4px 8px 4px 8px; text-align: center;}
h3 {font: small-caps 1.5em "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Sans-Serif; letter-spacing: 1px; padding: 3px 0; /* 3px 5px; */}
h3.instructions {font-size: 1.7em; padding: 4px 8px 4px 8px; letter-spacing: 2px; text-align: center;}
span.postdate {font-variant: small-caps; font-size: 1.2em; letter-spacing: 3px; text-align: right;}

/* global navigation */
#nav ul, #bottomnav p {font-size: 1.1em; letter-spacing: 1px;}
#nav li {float: left; text-indent: 0;}
#nav a {display: block; padding: 4px 11px 3px 12px; white-space: nowrap;}
* html #nav a {width: 1%;} /* allow entire region of link to to be clickable in IE/Win. */

/* sections & footer navigation */
#flashnav ul {font-size: 1.1em; letter-spacing: 1px;}
#flashnav a {display: block; padding-left: 4px;}
.imagenav p {margin-top: 0.5em;}
.imagenav a:hover {text-decoration: underline;}
#bottomnav {text-align: center;}
#bottomnav p {margin: 0;}

/* TEMP Blog page */
h1.posttitle {font: small-caps 2.6em 'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;}

/* End ---------------------------------- type.css ---------------------------------------- */





/* Begin -------------------------------- colors.css -------------------------------------- */
body {background: #414b4d url("../img/bglines.gif"); color: #bbb;}
h1 {color: #606060;}
h1.flashhead {color: #ccc; background: #666;}
h1.back a, h1.back a:visited {color: #222;}
h1.back a:hover {color: #aaa;}
h1.posttitle {color: #999;}
h2, h2 a, h2 a:visited {color: #4d4d4d;}
h2 a:hover {color: #d1d1d1;}
h2 a.currentcat, h2 a.currentcat:visited {color: #b4b4b4;}
h2 a.currentcat:hover {color: #fff;}
h2.c1head {background: #4d4d4d url("../img/videohead.jpg") no-repeat;}
h2.c2head {background: #5e5e5e url("../img/videonavhead.jpg") no-repeat;}
h3 {color: #000;}
h3.instructions, h2.imagename {background: #707070; color: #484239;}

/* overall page colors & background images */
#page {border: 1px solid #484239; background-color: #14191c;}
#header {border-top: 3px solid #1b1b1b; background: #1b1b1b url("../img/head.jpg") no-repeat; border-bottom: 1px solid #484239;}
.c0_c1 #main, .c1_c0 #main, .c1 #main {background: #1b1b1b url("../img/mainbg1.jpg") repeat-y; /* border-top: 1px solid #484239; */}
.c1_c2 #main {background: #1a140f url("../img/mainbg2.jpg") repeat-y;}
.c1_c2_c3 #main {background: #1a140f url("../img/mainbg3.jpg") repeat-y;}
.c0_c1 #content, .c1_c0 #content {background: #1a140f;}
.c1_c2 #content, .c1_c2_c3 #content {border-top: 1px solid #1a140f; border-bottom: 1px solid #1a140f;}
.thincolumn {background: #484239; border-top: 1px solid #484239; border-bottom: 1px solid #484239;}

/* global navigation */
#nav a {border-right: 1px solid #484239;}
#nav a, #nav a:visited {color: #c9a987;}
#nav a:hover {background: #14191c url("../img/hovershadow.gif") no-repeat; color: #fff;}
#nav #current a {background: #483c2e url("../img/navonshadow.gif") no-repeat; color: #fff; font-weight: bold;}
#nav #home {border-left: 1px solid #484239; font-weight: bold;}

/* video page */
.c1_c2_c3 #c3 {border-top: 4px solid #5e5e5e;}
.c1_c2_c3 #c2 {border-bottom: 4px solid #5e5e5e;}
.video_off {background: #4d4d4d;} .video_on {background: #47838f;} .video_over {background: #afc780;}
.video_on, .video_off, .video_over {border-top: 4px solid #5e5e5e; border-left: 4px solid #5e5e5e; border-right: 4px solid #5e5e5e;}
.videothumb {border-left: 4px solid #5e5e5e;}

/* images page */
.imagespace {border: 4px solid #1b1b1b;}
.v_imagefill {background: url("../img/v_imagefill.png") no-repeat;}
.wide {background: url("../img/h_imagehead.gif") no-repeat;}
.v_image {border-left: 4px solid #1b1b1b;}
.h_image {border-top: 4px solid #1b1b1b;}
.imagenav p {color: #7a8a85;}
.imagenav a, .imagenav a:visited {color: #303030}
.imagenav a:hover {color: #111;}
.imagenav a.currentcatlink, .imagenav a.currentcatlink:visited {color: #a6a6a6;}
.imagenav a.currentcatlink:hover {color: #e0e0e0;}
.horizontal, .vertical {border: 1px solid #1a140f;}
.horizontal_over, .vertical_over {border: 1px solid #afc780;}

/* flash page */
#flashnav a, #flashnav a:visited {color: #999;} #flashnav a:hover {color: #fff;}
#flashnav #currentanim a {background: #1a140f;}
.flash {border: 1px solid #484239;}

/* TEMP Blog Under Construction page */
h2.c1blog {background: #4d4d4d url("../img/bloghead.jpg") no-repeat; color: #3d342b; text-align: right; padding-right: 8px;}
h2.c2blog {background: #888;}
.article {background: #4d4d4d url("../img/blogbg_main.jpg") no-repeat;}
span.postdate {color: #000;}

/* footer */
#footer {background: #353838 url("../img/footgradient.jpg") repeat-x; border-top: 1px solid #484239; /* border-bottom: 1px solid #484239; */}
#bottomnav p {color: #7a8a85}
#bottomnav a, bottomnav a:visited {color: #aa845c;}
#bottomnav a:hover {color: #ccc; text-decoration: underline;}
#bottombar {background: #1b1b1b; border-top: 1px solid #484239;}
#lfoot {border-right: 1px solid #484239;} 
#rfoot {border-left: 1px solid #484239;}
/* End ---------------------------------- colors.css -------------------------------------- */





/* Begin -------------------------------- grid.css ---------------------------------------- */
/* overall page layout */
#page {margin: 0 auto; width: 750px; /*	text-align: center; */}
#header {height: 100px;}
#main {float: left; width: 750px;}
#content {float: left; margin-left: 20px; position: relative;}
.c0_c1 #c0, .c1_c0 #c1 {float: left; padding: 4px 0 4px 4px;}
.c0_c1 #c1 {padding: 4px; margin-left: 73px;}
.c1_c0 #c0 {padding: 4px; margin-left: 633px;}
.c1 #c1 {width: 710px;}
.c1_c2 #c1, .c1_c2_c3 #c1 {float: left; width: 482px; margin-left: 1px;}
.c1_c2 #c2, .c1_c2_c3 #c2 {margin-left: 484px; width: 225px; clear: right;}
.c1_c2_c3 #c3 {width: 69px; margin-left: 152px; padding-top: 44px;}
#slogan, #flashnav {height: 439px; width: 69px;}

/* global navigation */
#nav {padding-top: 76px; /* float: left; */}
#nav ul {padding-left: 19px;}

/* flash page */
.flash {width: 627px; height: 439px;}
.smallanim {border: 5px solid #42403f; /* margin: auto; */}

/* video page */
#videolist {float: left;}
#videoplayer {padding: 1px;}
.description {padding: 3px 6px 8px 8px;}
.video_on, .video_off, .video_over {width: 144px;}
.videothumb {margin-left: 20px;}

/* images page */
.hgallery {margin: 1px 1px 20px 10px;}
.vgallery {margin: 14px 0 6px 13px}
.horizontal, .horizontal_over {margin: 9px 9px 0 0;}
.vertical, .vertical_over {margin: 0 13px 14px 0;}
.imagenav {margin: 5px 5px 8px 8px;}
.v_imagefill {text-align: right;}

/* TEMP Blog Under Construction page */
.posttitle {padding: 39px 5px 0 64px;}
.postdate {float: right; padding-right: 5px;}
.post {padding: 25px 10px 20px 76px;}

/* footer layout */
#footer {clear: both;}
.c0_c1 #logo, .c1_c2 #logo, .c1 #logo {float: left; padding: 13px 15px 5px 36px;}
.c0_c1 #bottomnav, .c1_c2 #bottomnav, .c1 #bottomnav {padding: 23px 20px 11px 96px;}
.c1_c0 #logo, .c1_c2_c3 #logo {float: right; padding: 13px 36px 5px 5px;}
.c1_c0 #bottomnav, .c1_c2_c3 #bottomnav {float: left; padding: 23px 5px 11px 20px; width: 627px;}
#bottombar {clear: both; height: 19px;}

/* reusable layout styles */
.left {float: left;} 
.right {float: right;}
.clearall {clear: both;}
/* End ---------------------------------- grid.css ---------------------------------------- */





/* Begin -------------------------------- forms.css --------------------------------------- */
/* End ---------------------------------- forms.css --------------------------------------- */





/* Begin -------------------------------- widgets.css ------------------------------------- */	
/* End ---------------------------------- widgets.css ------------------------------------- */