/* 
*
*	E-dreamz Mar 2010
*   YPerez
*
*/


/* 
 * 
 * Admin 
 * (WYSIWYG Content)
 * 
 */

h1 { color: #0f773d; font-weight: bold; font-size: 20px; line-height: normal;}
h2 { color: #4894c5; font-weight: bold; font-size: 20px; line-height: normal;}
h3 { color: #f57c0c; font-weight: bold; font-size: 18px; line-height: normal;}
  
/* 
 * 
 * Link Styles
 * 
 */
a { color: #0f773d; text-decoration: underline;}
a:hover { color: #f57c0c; text-decoration: underline;}
a.arrow{ text-decoration: underline; background: url('../images/link-arrow.png') left no-repeat; padding-left: 15px; font-weight: normal;}
a.arrow:hover{ text-decoration: underline;}


/* 
 * 
 * List Styles
 * 
 */
ul li{ list-style-image: url('../images/bullet-arrow.gif'); margin-bottom: 5px;}

p{ margin: 0; padding: 0 0 15px 0;}
p img{padding: 5px;}

/* 
 * 
 * Main Navigation
 *
 */
#mainNav { height: 37px; width: 960px; float: left;}
#mainNav ul{ margin-top: 0; padding: 0; list-style: none; display: inline; overflow: hidden;}
#mainNav ul li { margin:0; padding:0; list-style: none; display: inline;}
#mainNav a { float: left; padding: 37px 0 0 0; overflow: hidden; height: 0px; color: #ffffff; }
#mainNav a:hover { background-position: 0 -37px;}
#mainNav .selected{ background-position: 0 -37px;}

#about a { width: 151px; background: url('../images/buttons/nav-about.png') top left no-repeat;}
#products a { width: 236px; background: url('../images/buttons/nav-products.jpg') top left no-repeat;}
#flash a { width: 226px; background: url('../images/buttons/nav-flash.jpg') top left no-repeat;}
#news a { width: 190px; background: url('../images/buttons/nav-news.jpg') top left no-repeat;}
#contact a { width: 157px; background: url('../images/buttons/nav-contact.png') top left no-repeat;}

/* 
 * 
 * Layout / Formatting
 * 
 */
#wrapper{ width: 960px; margin: 0 auto; position: relative;}

body{ background: #fff url('../images/structure/bg-pattern.jpg') repeat-x; color: #000000; font-size: 12px; font-family: Arial, Helvetica, sans-serif; line-height: 18px;}

#hd { position: relative; background:url('../images/structure/header-bg.png') top left no-repeat; height: 130px; width: 960px;}
#hd span { background: url('../images/structure/main-logo.gif') no-repeat left top; width: 270px; height: 65px; position: relative; top: 37px; left: 30px; display: block; text-indent: -9999em;}
#hd span a { position: absolute; width: 225px; height: 75px; display: block;}

#topNav { position: absolute; width: 310px; right: 17px; top:0; z-index: 99;}

#topNav a.advertisers{width: 155px; height: 35px; background: url('../images/buttons/advertisers.png') top left no-repeat; overflow: hidden; display: block; text-indent: -9999em; float: left; }
#topNav a.advertisers:hover{ background-position: 0 -35px;}

#topNav a.webmasters{width: 155px; height: 35px; background: url('../images/buttons/webmasters.png') top left no-repeat; overflow: hidden; display: block; text-indent: -9999em; float: left; margin-left: -1px;}
#topNav a.webmasters:hover{ background-position: 0 -35px;}

#navigation{ position: relative; width: 960px; height: 37px; z-index: 99;}

#container{ width: 960px; padding-bottom: 0;}

#marketing{width: 960px; height: 270px; margin-top: -10px; background: url('../images/structure/marketing-bg.png') top left no-repeat; float: left; position: relative;}
#marketing #homepanel{ width: 600px; height: 247px; position: absolute; left: 7px; top: 5px;}
#marketing #counterdiv{ width: 190px; height: 120px; position: absolute; top: 70px; right: 85px; text-align: center;}
#marketing #counterdiv .counter{ width: 175px; height: 25px; padding-top: 12px; background: url('../images/counter.png') top left no-repeat; color: #4894c5; font-weight: bold; font-size: 20px; text-align: center; margin-bottom: 15px; }
#marketing #counterdiv a{ color: #f57c0c; text-decoration: underline;}

#banner{width: 960px; height: 180px; margin-top: -10px; background: url('../images/structure/banner.png') top left no-repeat; float: left; position: relative;}

.bodyleft { width: 510px; padding: 0 20px 60px 60px; float: left; margin: 30px 0 0 25px; position: relative;}
.bodyleft .titlearrow{ width: 43px; height: 40px; background: url('../images/title-arrow.png') top left no-repeat; position: absolute; top: -20px; left: 10px;}

.bodyright { width: 340px; float: left; margin-top: 35px;}
.bodyright .hometitle{ margin-left: 35px; width: 270px; height: 34px; padding-top: 6px; background: url('../images/title-lines.png') top left no-repeat; text-align: center;}
.bodyright .networks{ width: 300px; margin: 20px 0 0 15px;}

.counter-right{ width: 190px; height: 120px; text-align: center; margin-left: 80px;}
.counter-right .counter{ width: 175px; height: 25px; padding-top: 12px; background: url('../images/counter.png') top left no-repeat; color: #4894c5; font-weight: bold; font-size: 20px; text-align: center; margin-bottom: 8px; }
.counter-right a{ color: #f57c0c; text-decoration: underline;}

.ctas{margin: 10px 0 0 40px;}

.content{width: 960px; float: left; background: url('../images/structure/content-bg.png') top left no-repeat;}
.content.internal{ margin-top: -20px; padding-top: 10px;}

/* 
 * 
 * Layout / Footer
 * 
 */

#ft { width: 938px; color: #ffffff; height: 132px; margin: 0 auto; background: url('../images/structure/footer-bg.png') top left no-repeat; font-size: 12px; line-height: normal;}
#ft ul li{list-style-image: url('../images/ft-bullet.png');}
#ft a{ color: #ffffff; text-decoration:none; }
#ft a:hover{ color: #ffffff; text-decoration:underline;}
#ft .copyright{width: 140px; float: left; margin: 90px 15px 0 75px;}
#ft .ftcolumn{width: 168px; float: left; margin-top: 45px;}