body {font-size: 12px;
      font-family: "palatino linotype", "trebuchet ms", "times new roman";
      margin: 0;
      padding: 0;
      background: #F5F5F4 url(images/background.png) repeat-x;
      color: #37383A;
      text-align: center;} /* Needed to center layout in old IE browsers. */

acronym, abbr {cursor: help;
               border-bottom: 1px dotted;}

h1, h2, h3, h4, h5, h6, p {margin: 0 0 25px 0;
                           padding: 0;}

p {line-height: 160%;}

img {border: 0;
     margin: 0 0 25px 0;}
       
h1 {font-size: 24px;}
h2 {font-size: 22px;}
h3 {font-size: 20px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
h6 {font-size: 14px;}

.style1 {
	color: #990000;
	font-weight: bold;
}


.TelePhone {
	color: #999999;
	font-size: 22px;
}
.EmailAddress {color: #666666}


a {color: #586D8C; text-decoration: none; background-color: #F5F5F4;}
a:link {color: #586D8C; background-color: #F5F5F4;}
a:visited {color: #586D8C; background-color: #F5F5F4;}
a:hover {color: #4153AD; background-color: #F5F5F4;}

.clear-fix:after {content: ".";
                  display: block;
                  clear: both;
                  height: 0;
                  visibility: hidden;}

.clear-fix {display: inline-block;}

/* Hide from IE Mac \*/

.clear-fix {display:block;}

/* End hide from IE Mac */

.right {float: right;}

.left_v1 {float: left;}

.left {float: left;
       margin: 3px 5px 0 0;}

.justify {text-align: justify;}
                  
#container {width: 780px;
            margin: 0 auto;
            text-align: left;}

#header {width: 100%;
         height: 140px;
         position: relative;}

#logo {position: absolute;
       left: 0;
       bottom: 20px;
       width: 280px;
       height: 41px;}
	   
#logoSeasonal
{
	position:absolute;
	display: block;
	background-image:url(/images/seasonalPromo.png);
	background-repeat: no-repeat;
	float:left;
	margin-left: 420px;
	width:169px;
	height:132px;
	text-indent:-9999px;
}  
	   

#logo h1 {margin: 0;}

#logo a {background: transparent;}

#logo img {display: block;
           margin: 0;}

/* Begin Search Form CSS */

#search {
	position: absolute;
	right: 0;
	top: 84px;
}

#search input#s {margin-right: 5px;
                 vertical-align: middle;
                 border-bottom: 1px solid #6C6764;
                 border-right: 1px solid #6C6764;
                 border-top: 1px solid #272525;
                 border-left: 1px solid #272525;
                 padding: 0.24em;
                 width: 135px;
                 background-color: #514C4B;
                 color: #B7B2B1;}

#search input#s:focus {background-color: #4A4544;
                       color: #B7B2B1;}

#search input#submit {border: 0;
                      margin: 0;
                      vertical-align: middle;
                      background-color: #4A4544;
                      color: #B7B2B1;}

/* End Search Form CSS */

/* Begin main navigation menu. */

#menu {width: 100%;
       height: 37px;
       clear: both;}

#menu ul {list-style-type: none;
          margin: 0;
          padding: 0;}

#menu ul li {display: inline;}

#menu ul li a {text-decoration: none;
               height: 37px;
               padding: 0 14px;
               margin: 0;
               line-height: 37px;
               display: block !important;
               float: left !important;
               background: #817A77 url(images/button_background.png) repeat-x;
               color: #E3DBDB;
               font-size: 14px;
               border-right: 1px solid #504B4A;}

#menu ul li a#first {border-left: 1px solid #504B4A;}

#menu ul li a:hover {background: #5D5756 url(images/button_background.png) repeat-x;
                     background-position: 0 -37px;
                     color: #FFF;}

/* End main navigation menu. */

#wrapper {width: 100%;
          margin-top: 11px;
          padding: 0;} 

#left-column {width: 500px;
              float: left;
              padding: 0;
              margin: 0;
              min-height: 360px;}
			  
#left-column-index {width: 500px;
              float: left;
              padding: 0;
              margin: 0;
              min-height: 360px;
}
			  
			  
#left-column-email {width: 500px;
              float: left;
              padding: 0;
              margin: 0;
              min-height: 360px;}
			  
#left-column-email {width:200px;
              float: left;
              padding: 0;
              margin: 0;
              min-height: 360px;}
			  
			  
#left-column-products {width: 500px;
              float: left;
              padding: 0;
              margin: 0;
			  background: url(images/arrayv1.jpg) no-repeat;
              min-height: 360px;}
			  
#left-column-page {width: 780px;
              float: left;
              padding: 0;
              margin: 0;
              min-height: 360px;}

p#intro {font-size: 24px;
         font-style: italic;
         margin: 0;}

#learn-more {width: 100%;
             text-align: right;
             margin-bottom: 25px;}

#learn-more a img {display: block;
                   float: right;}

#right-column {width: 240px;
               padding: 0;
               float: right;
			   font-weight:700; 
               margin: 0;}

.sidebar-header {font-size: 20px;
                 font-weight: normal;
                 width: 240px;
                 height: 37px;
                 line-height: 37px;
                 text-indent: 34px;
                 color: #E3DBDB;
                 background: #544F4E url(images/sidebar_header.png) no-repeat;}

/* Featured news */

.headline {margin: 0 0 5px;
           padding: 0;
           font-size: 12px;}

.date {color: #5A6F90;
       background-color: #F5F5F4;
	   text-align: right;
       float: right;}  

#footer-wrapper {width: 100%;
                 clear: both;
                 background: #5C5951 url(images/footer_background.png) repeat-x;
                 color: #B9B6AF;}

#footer {width: 780px;
         margin: 0 auto;
         clear: both;
         padding: 0;
         text-align: right;
         position: relative;}

#backtotop {position: absolute;
              right: 2px;
              top: 4px;}

#backtotop img {display: block;}

#footer-content {padding: 45px 0 5px;}

#footer p {margin: 0;}

#footer a {background-color: #5C5951;
           color: #8395B1;
           text-decoration: none;}

#footer a:link {background-color: #5C5951;
                color: #8395B1;}

#footer a:visited {background-color: #5C5951;
                   color: #8395B1;}

#footer a:hover {background-color: #5C5951;
                 color: #FFF;}

#footer-left {float: left;
              margin: 0;}

#footer-left img {display: block;
                  float: left !important;
                  margin: 0;}

/* Begin links list or a list of whatever you want */

#links {width: 100%;
        margin-bottom: 25px;}

#links ul {margin: 0;
           padding: 0;
           list-style-type: none;}

#links ul li {margin: 0 0 1px;}

#links ul li a {display: block;
                padding: 3px 0;
                width: 230px;
                border-bottom: 1px dotted #5D5756;
                text-decoration: none;}

#links a:hover {background-color: #E2E2E0;}

/* End links list. */

/* Show reel badge */

#container #header .inner #showreelBadge {
	width: 117px;
	height: 78px;
	z-index: 999;
	position: absolute;
	top: -20px;
	left: 370px;
	cursor: pointer;
}

	#container #header #showreelBadge a {
		background: transparent url(../images/showreelBadge.png) no-repeat 0 0;
		display: block;
		width: 117px;
		height: 78px;
		text-indent: -999px;
		cursor: pointer;
		outline: none;
	}

/* End of show reel. */


/* Polariod main image */
#polariod_main
{
    clear: both;
    background-image: url(images/main_page.jpg);
    background-repeat: no-repeat;
    margin: 5px 0px 5px 0px;
    padding: 0 auto;
    border: 0;
    text-align: center;
    width: 500px;
    height: 288px;
}

/* End of Polariod main image */


.showreel
{
	position: absolute;
    background: url(images/showReelbadge.png) no-repeat 0 0;
    display: block;
    width: 117px;
    height: 78px;
    float: right;
    margin-left: 500px;
    margin-top: -1px;
	text-indent:-9999px;
}



.video-polariod
{
	z-index: -999;
	position: absolute;
    display: block;
    width: 230px;
    height: 285px;
}


.click-here
{
	z-index: -999;
	position: absolute;
    background: url(images/click_here.jpg) no-repeat 0 0;
    display: block;
    width: 75px;
    height: 65px;
    float: left;
    margin-left: 320px;
    margin-top: 0px;
}


.showreel a h6

{

    display: none;

}



.clarity-logo
{
	z-index: 999;
	position: absolute;
    background: url(images/clarity09Logo.png) no-repeat 0 0;
    display: block;
    width: 141px;
    height: 101px;
    float: right;
    margin-right: 10px;
    margin-top: 245px;
}

.magazine
{
	z-index: 999;
	position: absolute;
    background: url(images/magazinev2.png) no-repeat 0 0;
    display: block;
    width: 183px;
    height: 216px;
    float: left;
    margin-left: 450px;
	margin-right: 0px;
    margin-bottom: 0px;
	margin-top: 0px;
}

	/* BEGIN GALLERIA */

.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

	
	/* BEGIN DEMO STYLE */
	*{margin:0;padding:0}
	body_demo{padding:20px;background:white;text-align:center;background:F5F5F4;color:#bba;font:80%/140% georgia,serif;}
	h11,h22{font:bold 80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
	a{color:#348;text-decoration:none;outline:none;}
	a:hover{color:#000000;}
	.caption{font-style:italic;color:#000000;}
	.demo{
	position:relative;
	margin-top:2em;
}
	.gallery_demo{width:702px;margin:0 auto;}
	.gallery_demo li{width:68px;height:50px;border:3px double #111;margin: 0 2px;background:#000;}
	.gallery_demo li div{left:240px}
	.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	
	#main_image{margin:0 auto 60px auto;height:438px;width:700px;background:black;}
	#main_image img{margin-bottom:10px;}
	
	.nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
	
	.info{text-align:left;width:700px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
	.info p{margin-top:1.6em;}
	
	
.newsBox {
			border-top:3px solid #CDCDCD;
			float:right;
			padding-bottom:15px;
			padding-top:17px;
			width:500px;
}
	
.onethirdColumn {
				float:left;
				width:200px;
}

.twothirdsColumn {
float:right;
width:300px;
}

.newsImage {
float:right;
padding-top:50px;
width:200px;
}


.cleaner {
clear:both;
font-size:1px;
height:1px;
line-height:1px;
}



img.floatRight { 
    float: right; 
    margin: 10px;
	padding-left: 20px;
}

img.floatLeft { 
    float: left; 
	padding-right: 20px;
}





#telephoneEmail {
	position: absolute;
	right: 113px;
	bottom: 10px;
	width: 157px;
	height: 46px;
}


.garyWayne ul {list-style-type: square;
          margin: 0;
          padding: 0;}