/*
Authors:
Charmaine - Content Artist
Joshuah - Web & Graphic Designer
Rene - Implementer
Date Started: March 25, 2010
Date Finished: xxxxx
Version: 3.0
*/

/*@ body */
body{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 /*background-color: #e9e4e4;*/
 background-color: #ffffff;
}

/*@ container */
#container{
 margin: 0px auto 0px auto;
 padding: 0px 0px 0px 0px;
 width: 998px;
 font-family: 'Bodoni MT';
 empty-cells: show;
 border-collapse: collapse; 
 background-color: #FFFFFF; 
}

#leftshadow{
 width: 49px;
 background-color: #FFFFFF;  
 /*background-image: url('../images/left-shadow.png');*/
}

#rightshadow{
 width: 49px;
 background-color: #FFFFFF;  
 /*background-image: url('../images/right-shadow.png');*/
}

/*@ table layout */
#layout{
 margin: 0px auto 0px auto;
 padding: 0px 0px 0px 0px;
 width: 900px;
 font-family: 'Bodoni MT';
 empty-cells: show;
 border-collapse: collapse; 
 background-color: #FFFFFF; 
}

/*@ logo */
#logo{
 margin: 0px auto 0px auto;
 padding: 0px 0px 5px 0px;
 width: 760px;
} 

#logo img{
 border: 0px;
}

/*@ actions */
#actop{
 margin: 0px auto 0px auto;
 padding: 0px 0px 5px 0px;
 text-align: right;
 vertical-align: bottom;
}

#actop p{
 margin: 0px 0px 5px 0px;
 padding: 0px 0px 0px 0px;
}

#actop a{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 text-decoration: none;
}

#actop a:hover{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 text-decoration: none;
}

#actop a:visited{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 text-decoration: none;
}

#actop img{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 border: 0px; 
}

#acbtm{
 margin: 0px auto 0px auto;
 padding: 0px 0px 0px 0px;
 text-align: right;
 vertical-align: top; 
} 
 
/*@ navlinks  */
#navlinks{
 margin: 0px auto 0px auto;
 padding: 0px 0px 0px 0px;
 width: 760px;
 height: 36px; 
 font-family: 'Arial';
 font-size: 10pt;
 color: #1E1E1E;
 background-color: #DFDFDF;
 border: 1px solid #000000; 
}

#navlinks #dropdown{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 height: 36px;
 width: 900px;
 background-color: #F7C502;
}


#navlinks #dropdown ul{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 list-style-type: none;
 text-align: center;
}

#navlinks #dropdown li{
 margin: 0px 0px 0px 0px;
 padding: 0px 70px 0px 5px;
 float: left;
 display: inline;
 cursor: default;
 font-weight: bold;
 border-width: 0px 1px 0px 0px;
 border-color: #000000;
 border-style: solid;
}

#navlinks #dropdown li img{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 border: 0px;
 font-size: 8pt;
}

#navlinks #dropdown a{
 margin: 10px 0px 0px 0px;
 padding: 0px 0px 0px 0px; 
 text-decoration: none;
 font-family: Arial;
 font-size: 10pt;
 font-weight: bold;
 color: #1E1E1E;
 display: block;
 font-weight: bold;
}

#navlinks #dropdown a:hover{
 background-color: #F7C502;
}

#navlinks #dropdown  li ul{
 display: none;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 border-width: 1px 1px 1px 1px;
 border-style: solid;
 border-color: #F7C502; 
}

/* Drop Down LI:HOVER UL */

#navlinks #dropdown li:hover ul{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 visibility: visible;
 display: block;
 color: #1E1E1E;
 font-family: Arial;
}

/* Drop Down LI LI */

#navlinks #dropdown li li{
 background-color: #FFFFFF;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 clear: both;
 text-align: left;
 color: #000000;
 font-family: Arial; 
 width: 270px;
 border: 0px solid #F7C502;
}

#navlinks #dropdown li li.alinks{
 width: 210px;
}

#navlinks #dropdown li li.inlinks{
 width: 215px;
}

#navlinks #dropdown li li.rlinks{
 width: 110px;
}

/* Drop Down LI LI A */

#navlinks #dropdown li li a{
 margin: 0px 0px 0px 10px;
 padding: 0px 0px 0px 0px;
 text-decoration: none;
 display: block;
 color: #000000;
 font-family: Arial;
 font-weight: normal; 
}

/* Drop Down LI LI A:HOVER */

#navlinks #dropdown li li a:hover{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 10px;
 text-decoration: none;
 display: block;
 color: #000000;
 font-family: Arial;
 background-color: #F7C502;
 font-weight: bold;  
}

/*@ banner  */
#banner{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 border-width: 1px 1px 1px 1px;
 border-style: solid;
 border-color: #000002;
}

#banner img{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 border: 0px;
 vertical-align: bottom; 
}

#hspace{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 height: 26px;
}

#hspaceb{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 height: 26px;
 border-width: 0px 1px 0px 0px;
 border-style: solid;
 border-color: #A4A4A4; 
}

#hdesc p{
 margin: 0px auto 0px auto;
 padding: 0px 0px 0px 0px;
 font-family: Arial;
 font-size: 8pt;
 color: #000000;
 margin: 15px 0px 0px 30px;
}

/*@ news srcoller  */
#news-scroller{
 margin: 0px auto 0px auto;
 padding: 0px 10px 0px 10px;
 width: 230px;
 border-width: 0px 1px 0px 0px;
 border-style: solid;
 border-color: #A4A4A4;
 vertical-align: top;
}

#news-scroller div{
 overflow:hidden;
 width: 230px; 
}

#news-scroller h2{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 font-family: 'Bodoni MT';
 font-size: 18pt;
 color: #1E1E1E; 
}

#news-scroller p{
 margin: 0px auto 0px auto;
 padding: 0px 0px 0px 0px;
 font-family: Arial;
 font-size: 10pt;
 color: #983400; 
}

#news-scroller a{
 margin: 0px auto 0px auto;
 padding: 0px 0px 0px 0px;
 font-family: Arial;
 font-size: 8pt;
 color: #0132CD;
 text-decoration: none; 
}

#news-scroller a:visited{
 text-decoration: none;
 color: #0132CD;
}

#news-scroller a:hover{
 text-decoration: underline; 
}

#news-scroller img{
 margin: 0px auto 0px auto;
 padding: 0px 0px 0px 0px;    
 border: 0px solid #FFFFFF;
}

/* services buttons */
#sleads{
 margin: 0px auto 0px auto;
 padding: 0px 0px 0px 0px;
 width: 217px;
 vertical-align: top; 
}

#sleads h2{
 margin: 0px 0px 5px 30px;
 padding: 0px 0px 0px 0px;
 font-size:18pt; 
}

#sleads div#telemarketing{
 margin: 0px 0px 0px 30px;
 padding: 95px 0px 0px 10px;
 background-image: url('../images/telemarketing_bgnd.png');
 width: 181px;
 height: 146px;
}

#sleads div#telemarketing img{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 width: 10px;
 height: 10px;
}

#sleads div#telemarketing p{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 10px 0px;
 font-family: Arial;
 font-size: 11pt;
 font-weight: bold;
 color: #993300;
}

#sleads div#telemarketing a{
 color: #993300;
 text-decoration: none;
}

#lonline{
 margin: 0px auto 0px auto;
 padding: 0px 0px 0px 0px;
 width: 216px;
 vertical-align: top; 
}

#lonline div#webmarketing{
 margin: 33px 0px 0px 15px;
 padding: 95px 0px 0px 10px; 
 background-image: url('../images/webmarketing_bgnd.png');
 width: 181px;
 height: 101px;
}

#lonline div#webmarketing img{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 width: 10px;
 height: 10px;
}

#lonline div#webmarketing p{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 10px 0px;
 font-family: Arial;
 font-size: 11pt;
 font-weight: bold;
 color: #993300;
}

#lonline div#webmarketing a{
 color: #993300;
 text-decoration: none;
}

#dmakers{
 margin: 0px auto 0px auto;
 padding: 0px 0px 0px 0px;
 width: 216px;
 vertical-align: top; 
}

#dmakers div#saleslist{
 margin: 33px 0px 0px 15px;
 padding: 95px 0px 0px 10px;  
 background-image: url('../images/saleslist_bgnd.png');
 width: 181px;
 height: 47px;
}

#dmakers div#saleslist img{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 width: 10px;
 height: 10px;
}

#dmakers div#saleslist p{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 10px 0px;
 font-family: Arial;
 font-size: 11pt;
 font-weight: bold;
 color: #993300;
}

#dmakers div#saleslist a{
 color: #993300;
 text-decoration: none;
}

p.head{
 margin: 0px 0px 0px 0px;
 padding: 10px 0px 0px 	10px;
 font-family: 'Bodoni MT';
 font-size: 17pt;
 color: #010101; 
 font-weight: bold;
}

p.subhead{
 margin: -5px 0px 0px 0px;
 padding: 0px 0px 0px 10px;
 font-family: 'Bodoni MT';
 font-size: 17pt;
 color: #A14921;
 font-weight: bold;
}

p.srbtn-label{
 margin: 0px 0px 0px 0px;
 padding: 0px auto 0px auto;
 font-family: Arial;
 font-size: 10pt;
 color: #000000;
 font-weight: bold;
 text-align: center;
 line-height: 20px;
}

p.srbtn-amp{
 margin: 0px 0px 0px 0px;
 padding: 0px auto 0px auto;
 font-family: 'Bodoni MT';
 font-size: 17pt;
 color: #000000;
 font-weight: bold;
 text-align: center;
 line-height: 20px;
}

div.srbtn{
 margin: 10px auto 5px auto;
 padding: 15px 0px 0px 0px;
 background-image: url('../images/srbtn.gif');
 width: 161px;
 height: 60px; 
}

div.srbtnb{
 margin: 10px auto 5px auto;
 padding: 5px 0px 0px 0px;
 background-image: url('../images/srbtn.gif');
 width: 161px;
 height: 70px; 
}

a.btn-link{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 width: 161px;
 height: 60px;
 display: block; 
 text-decoration: none;
 color: #000000; 
}

a.btn-link:hover{
 color: #A14921;
}

a#mod{
 color: #000000;
}

/*@ testimonials box*/
#testi{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 vertical-align: top;
}

#testi div#testi-desc{
 margin: 0px auto 0px auto;
 padding: 3px 0px 0px 0px;
 background-image: url('../images/testi-bgnd.png');
 width: 478px;
 height: 136px;
 text-align: center; 
}

#testi div#testi-desc p#testi-content{
 margin: 0px 0px 0px 0px;
 padding: 0px 10px 10px 15px;
 font-family: Arial;
 font-size: 8pt;
 text-align: left;
 color: #000000;
}

#testi div#testi-desc p#next{
 margin: 3px 20px 0px 0px;
 padding: 0px 0px 0px 0px;
 font-family: Arial;
 font-size: 8pt;
 text-align: right;
 cursor: pointer;
 color: #0132CD;
 text-align: right;
}

#testi img#qleft{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 font-family: 'Bodoni MT';
 float: left;
 position: absolute;
 top: 905px;
 left: 180px;
}

#testi img#qright{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 font-family: 'Bodoni MT';
 float: right;
 position: absolute;
 top: 1043px;
 right: 590px;
}

#testi div#testi-desc img{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}

/* partners box */
div#pbox {
 margin: 25px auto 0px auto;
 padding: 0px 0px 0px 0px;
 width: 477px;
 height: 308px;
}

div#pbox h2{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 font-family: 'Bodoni MT';
 font-size: 18pt;
 color: #1E1E1E; 
}

div#pbox ul{
 margin: 0px 0px 0px 20px;
 padding: 0px 0px 0px 0px;
 list-style-type: none;
 font-family: Arial;
 font-size: 10pt;
 clear: left;
}

div#pbox ul li{
 margin: 0px 0px 0px 0px;
 padding: 20px 30px 20px 0px;
 font-family: Arial;
 float: left; 
}

div#pbox ul li p.title{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 font-family: Arial;
 font-size: 10pt;
 color: #983400;
 font-weight: bold; 
}

div#pbox ul li p.desc{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 font-family: Arial;
 font-size: 10pt;
}
div#pbox ul li p.desc a{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 color: #0132CD;
 text-decoration: none;
}

div#pbox ul li p.desc a:visited{
 color: #0132CD;
 text-decoration: none;
}

div#pbox ul li p.desc a:hover{
 text-decoration: underline;
}

div#pbox ul img{
 margin: 10px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 border: 0px;
} 

/* Quick Query Form */
div#qform{
 margin: 0px auto 20px auto;
 padding: 10px 0px 0px 20px;
 background-image: url('../images/rgray.png');
 width: 371px;
 height: 134px; 
}

div#qform form{
 font-family: Arial;
 margin: 0px 0px 0px 120px;
 padding: 1px 0px 0px 0px;
}

div#qform input.textfield{
 font-family: Arial;
 font-size: 10pt; 
 width: 110px;
 height: 23px;
 border: 1px solid #666666;
 margin: 0px 0px 2px 0px; 
 padding: 2px 0px 0px 2px;  
}

div#qform textarea{
 font-family: Arial;
 font-size: 10pt;
 width: 188px; 
 height: 55px; 
 overflow: hidden;
 border: 1px solid #666666; 
 margin: 0px 0px 0px 0px; 
 padding: 2px 0px 0px 2px;  
}

div#qform input#sbutton{
 border: 0px solid #666666; 
 background-image: url('../images/qsbutton.png');
 background-color: #666666;
 width: 31px;
 height: 30px;
}

/* Callbox Video Box*/
div#cvid{
 margin: 0px auto 20px auto;
 padding: 10px 0px 0px 20px;
 background-image: url('../images/rboxes.png');
 width: 371px;
 height: 134px; 
}

div#cvid img{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 border: 0px;
}


/* Get Free Leads and Newsletter Box */
div#gleadsnletter{
 margin: 0px auto 20px auto;
 padding: 0px 0px 0px 0px;
 width: 391px;
 height: 134px; 
}

div#gleadsnletter img#getfreeleads{
 width: 190px;
 height: 134px;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
 border: 0px;  
}

div#gleadsnletter img#newsletter{
 width: 190px;
 height: 134px;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
 border: 0px;  
}

div#newsletter{
 width: 175px;
 height: 119px;
 padding: 15px 0px 0px 15px;
 margin: 0px 0px 0px 0px;
 border: 0px;  
 float: right;
 background-image: url('../images/newsletter.png'); 
}

div#newsletter p{
 font-family: Arial;
 font-size: 10pt;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 0px; 
 color: #993301;
}

div#newsletter form{
 padding: 0px 0px 0px 0px;
 margin: 10px 0px 0px 0px;
}

div#newsletter form input#txtfld{
 width: 155px;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;  
}

div#newsletter form input#sbtn{
 width: 73px;
 height: 18px; 
 padding: 0px 0px 0px 0px;
 margin: 10px 0px 0px 40px; 
 border: 0px solid #993400;
 background-color: #993400;
 background-image: url('../images/nsbutton.png');
}

/*@ footer */
#footer{
 margin: 0px auto 0px auto;
 padding: 0px 0px 0px 0px;
 font-family: 'Arial';
 font-size: 10pt;
 color: #1E1E1E;
 text-align: center; 
 height: 50px;
 vertical-align: middle; 
}

#footer p{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 font-family: 'Arial';
 font-size: 10pt;
 color: #1E1E1E;
 text-align: center; 
 font-weight: bold;
}
 
#reviews{
 margin: 0px 0px 0px 0px;
 padding: 15px 0px 0px 0px;
 border-width: 2px 0px 0px 0px;
 vertical-align: top; 
 border-style: solid;
 border-color: #D3D3D3; 
 height: 60px; 
}

#reviews img{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 border: 0px;
}

#btmlinks{
 margin: 0px 0px 0px 0px;
 padding: 15px 0px 0px 0px;
 font-family: 'Arial';
 font-size: 10pt; 
 vertical-align: top;
 text-align: right;
 border-width: 2px 0px 0px 0px;
 border-style: solid;
 border-color: #D3D3D3; 
 height: 60px; 
}

#btmlinks a{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 font-family: 'Arial';
 font-size: 10spt;
 color: #0134CE; 
 text-decoration: none;
 line-height: 25px;
}

#btmlinks a:visited{
 color: #0134CE; 
 text-decoration: none;
}

#btmlinks a:hover{
 color: #0134CE; 
 text-decoration: underline;
}
