/*
Dark Green - 696
Dark Gray - 666
Light Gray - dee0e0
Font - 333
*/

/******  Global/Generic  ******/
body {
	margin: 0 auto;
    padding: 0;
	font-family: Arial;
	font-size: 12px;
	line-height: 18px;
	color: #333;
    background: url(../images/bg.jpg) repeat-x;
    background-color: #fff;
}
a:link {
	color: #696;
}
a:active {
	color: #696;
}
a:visited {
	color: #696;
}
a:hover {
	color: #494949;
}
.clear {
	clear: both;
}
h1 {
	font-size: 25px;
	color: #333;
	font-weight: bold;
	line-height: 50px;
}
.img-border {
	border: 1px solid #696;
}
.info-box {
    float:right;
    background-color:#ddd;
    padding:10px;
    width:200px;
    margin:10px;
    border: 1px solid #333;
}


/******  HP  ******/
#hp-main {
    width: 1000px;
    text-align: center;
    padding-bottom: 150px;
}
#hp-links {
    width: 219px;
    float: left;
    padding: 10px 0 0 0;
    text-align: left;
}
#hp-center {
    width: 781px;
    float: left;
    padding-top: 73px;
}
#hp-content {
    text-align: left;
    margin-top: 30px;
    padding-top: 30px\9;
}
#hp-main .center-img {
    margin-top: 2px;
}
#hp-contact {
    border-right: 1px dotted #696;
    margin: 10px 0 0 0;
    padding: 0 5px 0 0;
    text-align: left;
}
#hp-contact td{
    padding-bottom: 20px;
}
#hp-content-txt {
    width: 692px;
    float: left;
    text-align: justify;
}
#hp-content-copy{
    padding: 0 20px 20px 0;
}
#hp-content-video {
    width: 308px;
    float: left;
    background: url(../images/hp_video_bg.jpg) no-repeat;
    height: 420px;
    margin: 20px 0 0 0;
}
#hp-videos {
    color: #fff;
    margin: 120px 10px 0 20px;
    width: 278px;
}
#hp-videos .columns{
    text-align: center;
    width: 139px;
    float: left;
    font-weight: bold;
}
#hp-videos a{
    color: #fff;
    text-decoration: none;
}
#hp-videos a:hover{
    color: #333;
}
#hp-videos-link {
    color: #fff;
    text-align: center;
    padding-top: 20px;
}
#hp-videos-link a{
    text-decoration: underline;
}
#hp-videos-link a:hover{
    color: #333;
}
.columns img{
    border: 1px solid #fff;
}


/******  Show Hide Content  ******/
.showhide .pusher{
	cursor:pointer;
	margin:0;
}

.showhide .mover{
	padding:3px 10px 3px 7px;
	margin: 0;
}



/******  Navigation  ******/
/* menu */
#menu{ margin:0px; padding:0px; list-style:none; color:#fff; line-height:30px; display:inline-block; float:left; z-index:1000; text-align:left; }
#menu a { color:#fff; text-decoration:none; }
#menu > li {background:#696 none repeat scroll 0 0; cursor:pointer; float:left; position:relative;padding:0px 10px;}
#menu > li a:hover {color:#333;}
#menu .logo {background:transparent none repeat scroll 0% 0%; padding:0px; background-color:Transparent;}
/* sub-menus*/
#menu ul { padding:0px; margin:0px; display:block; display:inline;}
#menu li ul { position:absolute; left:-10px; top:0px; margin-top:30px; width:150px; line-height:13px; background-color:#696; color:#333; /* for IE */ display:none; }
#menu li:hover ul { display:block;}
#menu li ul li{ display:block; margin:5px 20px; padding: 5px 0px;  border-top: dotted 1px #ccc; list-style-type:none; }
#menu li ul li:first-child { border-top: none; }
#menu li ul li a { display:block; color:#fff; }
#menu li ul li a:hover { color:#333; }
/* main submenu */
#menu #main { left:0px; top:-20px; padding-top:20px; background-color:#696; color:#fff; z-index:999;}
/* corners*/
#menu .corner_inset_left { position:absolute; top:0px; left:-12px;}
#menu .corner_inset_right { position:absolute; top:0px; left:150px;}
#menu .last { background:transparent none repeat scroll 0% 0%; margin:0px; padding:0px; border:none; position:relative; border:none; height:0px;}
#menu .corner_left { position:absolute; left:0px; top:0px;}
#menu .corner_right { position:absolute; left:132px; top:0px;}
#menu .middle { position:absolute; left:18px; height: 20px; width: 115px; top:0px;}


/******  Content  ******/
#site-main {
    width: 1000px;
    text-align: center;
    padding-bottom: 300px;
}
#site-content {
    text-align: left;
}
#vids {
    text-align: center;
}
#vids td img{
    text-align: center;
    border: 2px solid #696;
}
.form-promo {
    width: 100px;
    border: 1px solid #333;
    margin: 0;
}


/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/
html, body, #wrap {
    height: 100%;
}
body > #wrap {
    height: auto;
    min-height: 100%; /* must be same height as the footer */
}


/******  Footer  ******/
#footer-container {
    position: relative;
	margin-top: -300px; /* negative value of footer height */
	height: 300px;
	clear:both;
    background-color: #696;
} 
#footer-container-hp {
    position: relative;
	margin-top: -150px; /* negative value of footer height */
	height: 150px;
	clear:both;
    background-color: #696;
} 
#footer {
    color: #fff;
    text-align: left;
    width: 1000px;
    padding: 15px 0 0 0;
} 
#footer strong{
    color: #333;
}
#footer #column1{
    float: left;
    width: 150px;
}
#footer #column2{
    float: left;
    width: 150px;
}
#footer #column3{
    float: left;
    width: 1px;
    background-color: #fff;
    height: 100px;
}
#footer #column4{
    float: left;
    width: 150px;
    padding: 0 0 0 30px;
}
#footer #column5{
    float: left;
    width: 150px;
}
#footer #column6{
    float: left;
    width: 299px;
}
#footer a{
	color: #fff;
}
#footer a:hover {
	color: #9bbd9b;
}
#subfooter {
    text-align: center;
    color: #333;
}
#subfooter a{
    text-decoration: none;
    color: #333;
}
#offer-footer {
    background: #dee0e0;
    border-top: 2px solid #666;
    padding: 20px 0 20px 0;
}
#offer-cal{
    background: url(../images/bg_offer_cal.jpg) no-repeat;
    text-align: left;
    width: 289px;
    height: 125px;
}
#offer-tools{
    background: url(../images/bg_offer_tools.jpg) no-repeat;
    text-align: left;
    width: 289px;
    height: 125px;
}
#offer-phone{
    background: url(../images/bg_offer_phone.jpg) no-repeat;
    text-align: left;
    width: 289px;
    height: 125px;
}
.offer-txt {
    padding: 10px 5px 0 100px;
    color: #fff;
}
.offer-txt a{
    color: #fff;
}
.offer-txt a:hover{
    color: #333;
}


/******  Transitions  ******/
#trans-menu{ margin:0px; padding:0px; list-style:none; color:#fff; line-height:30px; display:inline-block; float:left; z-index:1000; }
#trans-menu a { color:#fff; text-decoration:none; }
#trans-menu > li {background:#ad4601 none repeat scroll 0 0; cursor:pointer; float:left; position:relative;padding:0px 10px;}
#trans-menu > li a:hover {color:#ccc;}


#trans-hp-content {
    text-align: left;
}
#trans-container #hp-main {
    padding-bottom: 110px;
}
#trans-hp-content a{
	color: #ad4601;
}
#trans-hp-content a:hover{
	color: #494949;
}
#trans-hp-content h2{
	color: #ad4601;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    width: 100%;
}
#trans-hp-contact {
    border-right: 1px dotted #ad4601;
    margin: 10px 0 0 0;
    padding: 0 5px 0 0;
    text-align: left;
}
#trans-hp-contact td{
    padding-bottom: 20px;
}
#trans-hp-contact a{
	color: #ad4601;
}
#trans-hp-contact a:hover{
	color: #494949;
}
#trans-hp-center {
    width: 781px;
    float: left;
    /* padding-top: 73px; */
}
.trans-info-box {
    float:right;
    background-color:#fff;
    padding:10px;
    width:200px;
    margin:10px;
    border: 1px solid #ad4601;
}
#trans-video-main {
    margin-top: 11px;
    padding-top: 11px\9;
}
#trans-video-bg {
    background: url(../images/trans_video_bg.gif) no-repeat;
    width: 900px;
    height: 150px;
    padding: 15px 0 0 20px;
    /* margin-top: -4px; */
    text-align: center;
    color: #fff;
}
#trans-video-bg img{
    border: 1px solid #fff;
}
#trans-video-bg a{
    color: #fff;
    text-decoration: none;
}
#trans-video-bg a:hover{
    color: #ccc;
    text-decoration: none;
}

#trans-vids {
    text-align: center;
}
#trans-vids td img{
    text-align: center;
    border: 2px solid #ad4601;
}


/******  Transitions Footer  ******/
#trans-footer-container {
    position: relative;
	margin-top: -110px; /* negative value of footer height */
	height: 110px;
	clear:both;
    background-color: #ad4601;
}  
#trans-footer {
    color: #fff;
    text-align: left;
    width: 1000px;
    padding: 15px 0 0 0;
} 
#trans-footer #column1{
    float: left;
    width: 150px;
}
#trans-footer #column2{
    float: left;
    width: 150px;
}
#trans-footer #column3{
    float: left;
    width: 1px;
    background-color: #fff;
    height: 60px;
}
#trans-footer #column4{
    float: left;
    width: 600px;
    padding: 0 0 0 30px;
}
#trans-footer a{
	color: #fff;
}
#trans-footer a:hover {
	color: #ccc;
}
#trans-subfooter {
    text-align: center;
    color: #222;
}
#trans-subfooter a{
    text-decoration: none;
    color: #222;
}

/******  HP Image Rotation  ******/
#slideshow-hp {
     z-index: -1;
}
#slideshow-hp img {
	display: none;
    height: 307px;
}
#slideshow-hp img.first {
	display: block;
}