﻿body
{
    margin:0 0 0 0;
    font-family:Arial, Sans-Serif;
    font-size:11px;
    color:#000;
    background-image:url(images/bkg.jpg);
    background-repeat:repeat-x;
    background-color:#292823; /*E0E0E0;*/
}



a, a:visited{ color:#666666; }
a:hover{ text-decoration:none; }

h2
{
    font-family:Arial, Sans-Serif;
    font-size:16px;
    color:#6DAA24;   
    font-weight:normal;
    /*border-bottom:solid 2px #2A2724;*/
    border-bottom:solid 2px #534E48;
    margin:0 0 10px 0;
    padding:0 0 10px 0;
}

.wrapper
{
    width:924px;
    margin:0 auto;
}

#head
{
    display:block;
    height:110px;
    width:900px;
    margin:0 auto;
    background-image:url(images/header.jpg);
    background-repeat:no-repeat;
}



#southtunnel
{
    float:left;
    background-image:url(images/logo.jpg);
}

#southtunnel img
{
    border:none;
}

#nav
{
    float:right;
    text-align:right;    
}
#nav div
{
    float:right;
    margin:72px 0 0 20px;
}
#nav a, #nav a:visited
{
    font-size:16px;
    font-family:Arial, Sans-Serif;
    font-weight:normal;
    color:#2A2724;
    text-decoration:none;
    display:block;
    margin:0 0 4px 0;
}

#nav a:hover
{
    color:#6DAA24;
    text-decoration:underline;
}

#whatsnew
{
    width:100%;
    height:25px;
    display:block;
    text-align:center;
    /*
    background-image:url(images/whatsnew_bar.gif);
    background-repeat:repeat-x;
    */

    background-color:#F7F7F7; /*6DAA24; /*AED18B;*/
    /*background-image:url(images/wnbkg.jpg);*/
    color:#4A4A4A; 
    margin:0 auto 15px auto;
    padding:0;
    border-top:solid 1px #DBDBDB;
    border-bottom:solid 1px #DBDBDB;
}

#whatsnew a, #whatsnew a:visited{ color:#4A4A4A; }
#whatsnew a:hover{ text-decoration:none; }

#whatsnew .wrapper
{
    width:900px;
    margin:0 auto;
    overflow:hidden;
}

#whatsnew .wrapper div
{
    text-align:center;
    height:25px;
    padding:4px 0;
    white-space:nowrap;    
}

#whatsnew .wrapper div b
{
    color:#6DAA24;
    font-family:Arial Black, Arial;
    margin:0 5px 0 0;
}

#contentbkg
{
    background-image:url(images/contentbkg.jpg);
    background-repeat:no-repeat;
    padding:20px 0 0 0;
}

#contentmask
{
    overflow:hidden;
    height:310px;
}

.content
{    
    padding:0 20px 10px 20px;
    height:310px;
    /*clear:left;*/
}

.content .imgholder
{
    background-color:#AED18B;
    padding:5px;
    width:450px;
    float:left;
}

.content .imgholder img
{
    filter:Alpha(opacity=1); 
    -moz-opacity:0; 
    opacity:0;
}

.content .contenttext
{
    width:395px;
    float:right;
}

.content .contenttext .examplestitle
{
    display:block;
    float:left;       
}
.content .contenttext h2
{
    height:20px;
}

.content .contenttext #ex1, .content .contenttext #ex2, .content .contenttext #ex3, .content .contenttext #ex4, .content .contenttext #ex5, .content .contenttext #ex6, .content .contenttext #ex7, .content .contenttext #ex8
{
    width:25px;
    height:25px;
    display:block;
    float:right;
    margin:0 5px 0 0;
}

.content .contenttext #ex1{ background-image:url(images/ex1icon.gif); }
.content .contenttext #ex2{ background-image:url(images/ex2icon.gif); }
.content .contenttext #ex3{ background-image:url(images/ex3icon.gif); }
.content .contenttext #ex4{ background-image:url(images/ex4icon.gif); }
.content .contenttext #ex5{ background-image:url(images/ex5icon.gif); }
.content .contenttext #ex6{ background-image:url(images/ex6icon.gif); }
.content .contenttext #ex7{ background-image:url(images/ex7icon.gif); }
.content .contenttext #ex8{ background-image:url(images/ex8icon.gif); }
.content .contenttext #ex1:hover{ background-image:url(images/ex1icon_over.gif); }
.content .contenttext #ex2:hover{ background-image:url(images/ex2icon_over.gif); }
.content .contenttext #ex3:hover{ background-image:url(images/ex3icon_over.gif); }
.content .contenttext #ex4:hover{ background-image:url(images/ex4icon_over.gif); }
.content .contenttext #ex5:hover{ background-image:url(images/ex5icon_over.gif); }
.content .contenttext #ex6:hover{ background-image:url(images/ex6icon_over.gif); }
.content .contenttext #ex7:hover{ background-image:url(images/ex7icon_over.gif); }
.content .contenttext #ex8:hover{ background-image:url(images/ex8icon_over.gif); }

.content .contenttext form .contactrow
{   
    height:22px; 
    margin:0 0 10px 0;
}

.content .contenttext form .contactcaptcha div
{
    height:20px;
    width:100px;
    clear:both;
    margin:0 0 0 70px;
}

.content .contenttext form .contactcaptcha img
{
    width:100px;
    height:20px;
    clear:both;
}

.content .contenttext form .contactmessage
{
    height:100px; 
    margin:0 0 25px 0;
}

.content .contenttext form span
{
    display:block;
    width:70px;
    float:left;
    clear:left;
}

.content .contenttext form input, .content .contenttext form textarea
{
    float:left;
    width:315px;
    clear:right;
    padding:3px;
}

.content .contenttext form textarea
{
    height:110px;
}

#services
{
    width:885px;
    height:140px;
    margin:32px 0 0 10px;
    padding:10px 10px 5px 10px;
    background-color:#FFF; /*292823; /*534E48;*/
    border:solid 1px #DBDBDB; /*6DAA24;*/
    color:#000; /*C0C0C0;*/
}

#services div
{
    width:420px;
    float:left;
    margin:0 10px 0 10px;
}
#services ul
{
    list-style:none;
    list-style-position:outside;
    float:left;
    margin:0 40px 0 0;
    padding:0;
    font-size:11px;
}

#footer
{    
    text-align:center; 
    margin:40px auto 0 auto;
    display:block;
    width:900px;
    height:100px;
}
#footer a, #footer a:visited
{ 
    margin:0 3px 0 3px;    
    color:#98847C;
}
#footer a:hover
{
    text-decoration:none;
}
#footer #credits
{
    font-size:10px;
    color:#98847C;
    margin:5px 0 20px 0;
}

#footer .south{ color:#78AB44; }
#footer .tunnel{ color:#4A4A4A; }


/******* BROCHURE SPECIFIC *******/

body.brochure
{
    background-image:url(images/brochurebkg.jpg);
    background-color:#FFF;
    font-size:12px;
}
body.brochure div
{
    margin-bottom:30px;
    display:block;
}
body.brochure #head
{
    width:700px;
    padding-top:45px;
    font-size:14px;
    text-transform:uppercase;
}
body.brochure .wrapper
{
    width:700px;
}
body.brochure .headtitle
{
    float:right;
    text-align:right;
}
body.brochure .example
{
    border:solid 1px #90BF59;
    padding:10px;
    display:block;    
    overflow:hidden;
    margin:0 0 20px 0;
    height:15px;
}
body.brochure .example a
{
    color:#0000CC;
}
body.brochure .example img
{
    margin:5px 0 0 -10px ;
    border:solid 10px #FFF;
    width:100%;
}
body.brochure .example p
{
    border-bottom:solid 1px #90BF59;
    color:#666666;
    padding:0 0 15px 0;
    margin:15px 0 15px 0;
}
body.brochure p label
{
    display:inline-block;
    width:220px;
    font-weight:bold;
    vertical-align:top;
}
body.brochure p input, body.brochure p textarea
{
    width:350px;
    padding:7px;
}
body.brochure p label input
{
    width:30px;
    padding:0;
}
body.brochure .dualcolumn
{
    width:49%;
    float:left;
}
body.brochure p textarea
{
    height:100px;
}
body.brochure p .btn
{
    width:210px;
    display:inline;
    margin:0 11px 0 10px;    
}
body.brochure #footer
{
    background-color:#292823;   
    border-top:solid 5px #84B745;  
    width:100%;
    padding-top:10px;
}