body {
color: #6476B4;
font-family: "trebuchet MS", Tahoma, Verdana, Century Gothic;
text-align: center;
font-size: 13px;
}





a {
color: #504F4F;
}

a:hover{
color:#FFFF00;
}

#container{
width: 780px;
margin: 0 auto;
text-align: left;
margin-top:-20px;
padding:0px 0px 0px 0px;
}

#header {
background:url(images/headerbg3.gif);
background-repeat: no-repeat;
height: 100px;
text-align: center;
vertical-align: bottom;
} 



#topnav {background-image: url("images/topnavalt.gif"); 
         height:55px;
         background-repeat:no-repeat;
         text-align: center;
         margin-top: 0pt;
         margin-bottom: 0pt;
         vertical-align: top;}
         
#topnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	padding-top:18px;
	font-size:20px;
	font-weight: bold;
}

#topnav li {
	display: inline;
	color: #FFFFFF;
}         
         
#twonav {background-image: url("images/nav2line.jpg"); 
         height:33px;
         background-repeat:no-repeat;
         font-family: tahoma;
         font-weight: bold;
         font-size: 10pt;
         color: #FFFFFF;
         text-align: center;
         margin-top: 0pt;
         }
         
#twonav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	padding-top:5px;
	font-size:12px;
	font-weight: bold;
}

#twonav li {
	margin-left: 5px;
	padding-left: 5px;
	display: inline;
	color: #E2E2E2;
} 

#twonav a:link, a:visited, a:active
{
	color: #E2E2E2;
	text-decoration: none;
}  

#twonav a:hover{
color:#FFFF00;
}
  

#maincontent {

width: 778px;
border-width: 1px;
border-left-style: solid;
border-right-style: solid;
border-color: #5776B1;


}


#strap {
width: 778px;
padding:0px 0px 0px 0px;
margin: 0 auto;
}

#strap h1{
text-align:center;
}  
.straptext{
padding-left:30px;
padding-right:30px;
text-align:left;
color:#426D9C;
line-height: 140%;
}
   
#contentleft {
float: left;
width: 280px;
text-align: left;
vertical-align: top;
margin-left: 10px;

}

#contentright {
float:right;
width:460px;
text-align:left;
vertical-align: top;
margin-right:5px;
}  

#contentright h1
{line-height: 90%;

}

#contentright a:link, a:visited, a:active 
{
text-decoration: none;
}

#contentright a:hover{
color:#FA8D11;
}

a.free:link, a.free:visited, a.free:active {
    font-family: Tahoma;
    color: #2F4E9D;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    }
    
a.free:hover{
 color:#FA8D11;
 }   

#optionblock, #optionblock2, #optionblock3{
float:left;
width:420px;
height:108px;
text-align:left;
padding-left:70px;
}

#optionblock{
background: url(images/optblock1.gif) no-repeat;
}
#optionblock2 {
background: url(images/optblock2.gif) no-repeat;
}

#optionblock3 {
background: url(images/optblock3.gif) no-repeat;
}


#optionblock h1, #optionblock2 h1, #optionblock3 h1{

padding-top:10px;
color:#FFFF00;
font-size:14px;
}


#optionblock .text{
font-size:13px;
}



a.optioninfo:link{
color:#FFFFFF;
font-weight:normal;
font-size:13px;

}


a.optionhead:link {
color:#FC9617;
font-weight: bold;
font-size:13px;
margin-right:120px;

}
a.optionhead:visited {
color:#FC9617;
font-weight: bold;
font-size:13px;


}

#examplesleft, #saexamplesleft, #ecexamplesleft, #pricesleft{
float: left;
width: 370px;
text-align: center;
vertical-align: top;
margin-left: 10px;

}

#examplesright, #saexamplesright, #ecexamplesright {
float:right;
width:370px;
text-align:center;
vertical-align: top;
margin-right:5px;
}  


#pricesleft {
text-align: left;

}

#pricesright {
float:right;
width:380px;
text-align:left;
vertical-align: top;
margin-right:5px;
} 

#detail {
width: 778px;
float: left;
text-align: left;
padding:0px 0px 0px 0px;
margin: 0 auto;

}  


#basedetail, #brochdetail, #admindetail, #ecomdetail {
width: 778px;
float: left;
text-align: left;
padding:0px 0px 0px 0px;
margin: 0 auto;
padding-bottom:30px;

}

.detail {

color: #426D9C;
font-family: "Trebuchet MS", Tahoma, Verdana, Arial;
font-size: 13px;
line-height: 140%;
padding-left: 30px;
padding-right: 30px;
}

#detail a
{color:#426D9C;
}

#detail a:hover{
 color:#FA8D11;
 }  


#basecontent {
width: 778px;
padding:0px 0px 0px 0px;
margin: 0 auto;
}

#basel {
float: left;
width: 386px;
text-align: center;
vertical-align: top;
}

#baser {
float:right;
width:386px;
text-align: center;
border-width: 1px;
border-left-style: solid; 
border-color: #5776B1;
vertical-align: middle;
} 

#anim {
width: 778px;
float: left;
background: url(images/pan1.jpg);
background-repeat: no-repeat;
height: 200px;
}

#footer {
width: 778px;
float: left;
text-align: center;
padding:0px 0px 0px 0px;
margin: 0 auto;
}  



#footerbase {
width: 778px;
height:25px;
float: left;
background: url(images/footbase.jpg);
background-repeat: no-repeat;
text-align: center;
padding:0px 0px 0px 0px;
margin: 0 auto;
}  

#credits {
width: 778px;
float: left;
padding-top:5px;
font-size: 11px;
text-align: center;
color: #747272;
}


    
p { font-family: "Trebuchet MS", Tahoma, Verdana;
    font-size: 12px;
    color: #504F4F;
    text-decoration: none;
    margin-top: 0pt;
}


ul { margin-left: 40pt;}

li { margin-left: 40pt;
margin-right:10pt;
color: #446AA6; }

li.prices {
margin-left: -30px;
margin-right:5px;
color: #426D9C;

}

li.commerce {
margin-left:-20px;
}



h1 {font-family: Tahoma;
    color: #426D9C;
    font-size: 12px;
    font-weight: bold;
    margin-top: 0pt; 
    line-height: 180%;
     	}


h2 {font-family: Tahoma;
    color: #666666;
    font-size: 11px;
    font-weight: bold;
    margin-left: 5pt; 	}
    
h3 {font-family: Tahoma;
    color: #426D9C;
    font-size: 12px;
    font-weight: bold;
    margin-left: 30px; 	}
    
h4 {font-family: Tahoma;
    color: #666666;
    font-size: 12px;
    font-weight: bold;
    margin-left: 15pt;
    margin-top:0pt;
    margin-bottom:0pt;  	}
    

hr {color: #C0C0C0;
width:80%;
text-align:center;} 


.text { font-family: "Trebuchet MS", Tahoma, Verdana, Arial;
    font-size: 13px;
    color: #504F4F;
    text-decoration: none;
    text-align: left;
    margin-bottom:20px;
    padding-left:30px;
    padding-right:30px;
    line-height:160%;
}


.textimage {
     padding-right:15px;

}

.example { font-family: "Trebuchet MS", Tahoma;
    font-size: 13px;
    color: #666666;
    text-decoration: none;
    margin-left: 30px;
    margin-right: 30px;
    line-height:140%;
    text-align: left;
}


.standard { 
    font-size: 14px;
    color: #504F4F;
    text-decoration: none;
    line-height: 180%;
    margin-right:10px;
}

.high {font-family: Tahoma;
    color: #426D9C;
    font-size: 12px;
    font-weight: bold; 	}


.small {   font-family: Tahoma;
           font-size: 11px;
           color: #000000;
           text-decoration: none;
           margin-left:25pt;
           margin-right: 10pt
}

.mirror { 

margin-left:5pt;
}

.basetext {font-family: Tahoma;
             color: #426D9C;
             font-size:9px;
             text-align: center;
   }




        
         
a.twolink:link {font-weight: bold; font-size: 10pt; color: #EFEFEF; text-decoration: none;}
a.twolink:active {font-weight: bold; font-size: 10pt; color: #EFEFEF; text-decoration: none;}
a.twolink:visited {font-weight: bold; font-size: 10pt; color: #EFEFEF; text-decoration: none;}
a.twolink:hover {font-weight: bold; font-size: 10pt; color: #CCCCCC; text-decoration: none;}




.content {
margin-left: 30px;
margin-right: 30px;
line-height:140%;
}


.numtwo {width:739px; height:140px; text-align: center;}

.examps {margin-left: 0pt; margin-right: 0pt;}

a.examps:link{ font-family: Tahoma; font-size: 12px;color: #426D9C; text-decoration: underline;}
a.examps:active{ font-family: Tahoma; font-size: 12px;color: #426D9C; text-decoration: underline;}
a.examps:visited{ font-family: Tahoma; font-size: 12px;color: #426D9C; text-decoration: underline;}
a.examps:hover{ font-family: Tahoma; font-size: 12px;color: #FA8D11; text-decoration: none;}

.examp {margin-left: 15pt; margin-right: 15pt;}

a.examp:link{ font-family: Tahoma; font-size: 12px;color: #666666; text-decoration: none;}
a.examp:active{ font-family: Tahoma; font-size: 12px;color: #666666; text-decoration: none;}
a.examp:visited{ font-family: Tahoma; font-size: 12px;color: #666666; text-decoration: none;}
a.examp:hover{ font-family: Tahoma; font-size: 12px;color: #FA8D11; text-decoration: none;}

a.headl:link {font-family: Tahoma; color: #426D9C; font-size: 12px; font-weight: bold; text-decoration:underline;}
a.headl:active {font-family: Tahoma; color: #426D9C; font-size: 12px; font-weight: bold; text-decoration:underline;}
a.headl:visited {font-family: Tahoma; color: #426D9C; font-size: 12px; font-weight: bold; text-decoration:underline;}
a.headl:hover {font-family: Tahoma; color: #FA8D11; font-size: 12px; font-weight: bold; text-decoration:underline;}



a.waslinks:link {font-family: Tahoma;color: #426D9C; font-size: 11px;text-decoration: underline;}
a.waslinks:active {font-family: Tahoma;color: #426D9C; font-size: 11px;text-decoration: underline;}
a.waslinks:visited {font-family: Tahoma;color: #426D9C; font-size: 11px;text-decoration: underline;}
a.waslinks:hover {font-family: Tahoma; color:#FA8D11; font-size: 11px;text-decoration: underline;} 

a.wasfootlink:link {font-family: Tahoma;color: #426D9C; font-size: 9px;text-decoration: underline;}
a.wasfootlink:active {font-family: Tahoma;color: #426D9C; font-size: 9px;text-decoration: underline;}
a.wasfootlink:visited {font-family: Tahoma;color: #426D9C; font-size: 9px;text-decoration: underline;}
a.wasfootlink:hover {font-family: Tahoma;color: #C0C0C0; font-size: 9px;text-decoration: underline;}


#contact{
float:left;
padding-left: 100px;
}



label{
float: left;
width: 170px;
font-weight: bold;

}

input, textarea{
width: 200px;
margin-bottom: 5px;
border: 1px solid #666662;
}

textarea{
width: 250px;
height: 150px;
}

.boxes{
width: 1em;
}

#submitbutton{
margin-left: 170px;
margin-top: 5px;
width: 90px;
}

br{
clear: left;
}