/* CSS Document */

/* colors to copy:


Aqua: #005a7c
Navy: #002f56
grey: #757769
pink: #EC008C
green: #CADB2A
green2: #8CC63F

*/



body {margin:0px; padding:0;
background:url(images/back_grad.gif) repeat-x #005a7c;
font: "Lucida Grande", Verdana, Helvetica, sans-serif;

}


ul, h1, h2, h3, h4, h5, h6, li, ol, p {margin:0px; padding:0; font-family: "lucida grande", Verdana, Arial, Helvetica, sans-serif;}

li {margin:0px; padding:0; list-style:none; }

h1, h2, a {color:#005C7E; font-weight:normal; }

a { text-decoration:none;}
a:hover { color:#CADB2A}


em { font-style:normal;
display:block;
margin:0px; padding:.6em 0 0 0;}



#container {
overflow:visible;
color:#757769;
width:100%;
margin:60px auto;}



#content { background:#FFFFFF;
width:800px;position: relative;
margin:0px auto; padding:40px 0 20px;
font:"lucida grande", Verdana, Arial, Helvetica, sans-serif;
}

#content.inside {padding:40px 0 0 0; }


#branding {
background:url(images/field_3.jpg) no-repeat ;
width:763px; height:356px;
margin:0px auto;
text-indent:-9999px;} 


#siteinfo {
position:absolute; 
width:100%; height:110px;
margin:0 auto;
padding:0;
font-size:11px;
text-align:center;}

#siteinfo a {color:#ffffff;}
#siteinfo a:hover {color:#CADB2A;
}

ul#sitemap {background:url(images/siteinfo_bkg.gif) no-repeat top center;
width:100%; height:110px;
padding:20px 0px 0 0;}

ul#sitemap li {display: inline;
padding: 0 10px 0 5px;
background:url(images/sitemap_bullet.gif) no-repeat center right;
}



ul#mainnav { 
position:absolute;
top:15px; right:5px;
text-align:right;
font-size:12px;
font-weight:bold;
width:800px; 

}

ul#mainnav li {display:inline;font-weight:bold;
padding:0 25px 0 0;
background:url(images/mainnav_bullet.gif) no-repeat center left;}



ul#mainnav li a {
position:relative; left:10px;}

*html ul#mainnav li {display:inline;
font-weight:bold;
padding:0 12px 0 0;
background:none;
font-size:11px;
}

*html ul#mainnav li a {
position:relative; left:0;
font-weight:bold;
background:url(images/mainnav_bullet.gif) no-repeat center left;
padding:0 0 0 10px;}


ul#mainnav li#logolink {position:absolute;
height:145px; width:241px;
top:-50px; left:-60px;
text-indent:-9999px;
display:block;
background:no-repeat;
margin:0px; padding:0;
background:none;}

ul#mainnav li#logolink a {
color:#002f56;
text-indent:-9999px;
display:block;
height:145px; width:241px;
margin:0px; padding:0;
z-index:5;
}

*html ul#mainnav li#logolink a {
background:none;
}

#content.inside #maincontent {width:400px; padding:90px 20px 10px 30px;}

#content.inside #maincontent p {width:400px; padding:2px 0 0 0px;}

#content.inside #subcontent {padding:130px 20px 0 0px;}

#maincontent {width:400px; padding:20px 20px 10px 30px;font-size:12px; position:relative;}
#maincontent h1 {text-indent:-9999px;
background:url(images/home_h1.gif) no-repeat;
margin:0px; padding:0;
height:40px }

#maincontent p {font-size:12px; 
line-height:1.7em; 
padding:10px 0 0 3px;
margin:0px;}

#maincontent h3, #subcontent h3 { color:#002f56}

#maincontent h2 {font-size:16px;
padding:30px 0 0 0;
font-weight:bold;
}

#maincontent h3 {font-size:13px;
padding:10px 0 0 0;
font-weight:bold;}


#subcontent h2 {font-size:16px;
padding:30px 0 0 0;
font-weight:bold;}

#subcontent h3 {font-size:13px;
padding:10px 0 0 0;
font-weight:bold;}


#subcontent {float:right;
width:290px; font-size:12px;
font: "Lucida Grande", Verdana, Helvetica, sans-serif;}

#subcontent dl dd {font: "Lucida Grande", Verdana, Helvetica, sans-serif;}

#subcontent h2 { 
}

#subcontent h2 a { text-indent:-9999px;
background:url(images/home_h2.gif) no-repeat;
height:45px; display:block;}

#subcontent h2 a:hover { 
background:url(images/home_h2_on.gif) no-repeat;
}



#secnav {position:absolute;
right:-28px; 
top:10px;
height:331px; width:28px;
background:url(images/secnav.gif) no-repeat;
text-indent:-9999px;
font:"lucida grande", Verdana, Arial, Helvetica, sans-serif;
}


#secnav a {}
#secnav a:hover { background:url(images/secnav-on.gif);}

#secnav_1 { height:167px; width:28px;
display:block;
position:relative;}

#secnav_2 { height:167px; width:28px;
display:block;
position:relative;}


#secnav_1 a { height:167px; width:28px;
display:block;
}

#secnav_2 a { height:167px; width:28px;
display:block;}

#secnav_2 a:hover {background:url(images/secnav-on.gif)  left -167px;}


.logo { 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='images/logo.png');
}

.logo[class] {
  background-image:url(images/logo.png);
}


#content3, #content3_2, #content3_3, #content3_4, #content3_5 { background:url(images/inside_subcontent_02.gif) repeat-x;
height:105px;
clear:both;
margin:20px 0 0 0;
padding:0 0px 30px 0px;
color:#FFFFFF;
text-align:left;
font-size:13px;
font:"lucida grande", Verdana, Arial, Helvetica, sans-serif;
position:absolute;
bottom:0px;
width:100%;
}

#content3 p { font:"lucida grande", Verdana, Arial, Helvetica, sans-serif;
padding:0 0 0 30px;}

#content3 h2 {font-size:16px;
padding:30px 0 0 30px;
font-weight:bold;
}



/* Titles */

#maincontent h1.company {background:url(images/title_company.gif) no-repeat;}
#maincontent h1.portfolio {background:url(images/title_portfolio.gif) no-repeat;}
#maincontent h1.services {background:url(images/title_services.gif) no-repeat;}
#maincontent h1.design {background:url(images/title_design.gif) no-repeat;}
#maincontent h1.testimonials {background:url(images/title_testimonials.gif) no-repeat;}
#maincontent h1.contact {background:url(images/title_contact.gif) no-repeat;}
#maincontent h1.franchise {background:url(/adgraphics/images/title_franchise.gif) no-repeat;}
#maincontent h1.upload {background:url(images/title_upload.gif) no-repeat;}
#maincontent h1.wow {background:url(images/title_franchiseform.gif) no-repeat;}



/*       Portfolio       */

#content3 img a { padding:5px 10px;}

#content3 img a:hover {
border-bottom:#99FF00 3px solid;}


dl {padding:0 0 10px 0; margin:0;
width:140px;
display:block;
clear:none;
font: "Lucida Grande", Verdana, Helvetica, sans-serif;}

dt {margin:0px; padding:0;}

dd {margin:0px; padding:0 0 0 10px;
font: "Lucida Grande", Verdana, Helvetica, sans-serif;}

dl.col2 {float:right;}

#content3 { overflow:visible;}

.name {color:#005a7c; text-align:right; padding-right:50px; font-style:italic; font-weight:bold; line-height:1.2em; font-size:90%;}

form.login {position:relative; width:75%;border:#CCCCCC 1px solid;padding:10px;}
label.login { display:block;width:70px;float:left;}
input#login {position:absolute;
top:30%;
right:5px;}