/* CSS Document for BecomeABlogger.com*/







body {



background-color:#FFFFFF;



background-image: url(images/background.png);



background-repeat: repeat-x;



font-size:14px;



font-family:Arial, Helvetica, sans-serif;



margin:0;



padding:0;



color:#000000;



text-align: center;



}







#page {



width:950px;



/*background-image:url(images/page.png);*/



/*margin:auto;



/*padding:auto;*/



border: solid 0px #cccccc;



text-align: left;



margin: 0 auto;



position:relative;



top: 5px;



bottom: 15px;



/*border: solid 1px #c0c0c0;*/



background-color:



}







#header {



clear:both;



width:950px;



height:100px;



/*background-image:url(images/header-product.png) center left no-repeat;*/



background:transparent url(images/header-small.png) center left no-repeat;



padding: 0px 0px 0px 0px;



margin: 0px 0px 0px 0px;



border-width: 0px 0px 0px 0px;



border-style: solid;



border-color: #e5e5e5;



}



* html body #header {

background-image: url("images/header-small.gif");

}





#navbar {



width:920px;



clear:both;



height:20px;



padding: 5px 15px 5px 15px;



margin: 0px 0px 0px 0px;



text-align:right;



line-height:14pt;



font-size: 14px;



background-color:#FFFFFF;



color: #0000CC;



font-weight: normal;



/*border: solid 0px #D6EDFB;*/



border-width: 1px 0px 0px 0px;



border-style: solid;



border-color: #FF9700;



}







#navbar a {



color: #0000CC;



font-weight: normal;



text-decoration:none;



}







#navbar a:hover {



color: #FF9700;



text-decoration:none;



font-weight: normal;



}







#navbarbottom {



width:920px;



clear:both;



height:20px;



padding: 5px 15px 5px 15px;



margin: 0px 0px 0px 0px;



text-align:center;



line-height:12pt;



font-size: 12px;



background-color:#FFFFFF;



color: #0000CC;



font-weight: normal;



border: solid 0px #D6EDFB;



}



#navbarbottom a {



color: #0000CC;



font-weight: bold;



text-decoration:none;



}







#navbarbottom a:hover {



color: #FF9700;



text-decoration:none;



font-weight: bold;



}







#contentarea {



width:950px;



background-color:#FFFFFF;



/*padding-right:20px;



padding-left:20px;



padding-bottom:15px;



padding-top: 5px;*/



float:left;



line-height:14pt;



}



#contentarea2 {



width:950px;



background-color:#FFFFFF;



/*padding-right:20px;



padding-left:20px;



padding-bottom:15px;



padding-top: 5px;*/



text-align:center;



line-height:14pt;



float:left;



}







#contentareanarrow {



width:700px;



background-color:#FFFFFF;



/*padding-right:20px;



padding-left:20px;



padding-bottom:15px;



padding-top: 5px;*/



text-align:left;



line-height:14pt;



float:center;



}







#roadmapheading {



width:950px;



background-color:#FFFFFF;



/*padding-right:20px;



padding-left:20px;



padding-bottom:15px;



padding-top: 5px;*/



text-align:left;



line-height:14pt;



float:left;



padding: 0px 0px 15px 0px;



}







#videoarea {



width:595px;



height:300px;



padding: 0px 5px 5px 10px;



float:left;



}







#videoarea2 {



width:595px;



height:350px;



padding: 0px 5px 5px 10px;



float:left;



}







#belowvideoarea {



width:568px;



height:70px;



padding: 5px 5px 5px 10px;



float:left;



background-color:#FFFFFF;



text-align:center;



font-size: 14px;



}







#belowvideoarea a {



color: #0000CC;



font-weight: normal;



text-decoration:none;



}







#belowvideoarea a:hover {



color: #FF9700;



text-decoration:none;



}







#videomenuheading {



width:568px;



height:30px;



padding: 25px 5px 5px 10px;



margin: 0px 17px 0px 10px;



float:left;



background-color:#FFFFFF;



text-align:left;



font-family: Tahoma; 



font-size: 16pt; 



color: #000000;



letter-spacing: -1; 



line-height: 18pt;



font-weight: bold;



text-align: left;



}







#optinbox {



width:300px;



height:465px;



background-color:#FFFFFF;



padding: 5px 10px 5px 10px;



border-width: 1px 1px 1px 1px;



border-style:solid;



border-color: #c9c9c9;



text-align: left;



float:left;



}







#optinbox2 {



width:300px;



height:350px;



background-color:#DBE9F0;



padding: 5px 10px 5px 10px;



border-width: 4px 4px 4px 4px;



border-style:dashed;



border-color: #000000;



text-align: left;



float:left;



}







input.button { 



width:270px;



background-color: #ECE9D8;



border: solid 4px #FF0000;



font-weight: bold;



}







input.button:hover,



input.hover { 



border-color: #00CC33;



font-weight: bold;



}







#belowoptinbox {



width:300px;



height:25px;



padding: 5px 10px 5px 10px;



float:left;



background-color:#FFFFFF;



text-align:center;



font-size: 10px;



line-height: 10pt;



letter-spacing: -1;



font-family: Arial, Helvetica, sans-serif;



}







#roadmapimage {



height:208px;



padding: 20px 0px 0px 0px;



margin: 0px 0px 0px 0px;



float:left;



background-color:#FFFFFF;



}







#benefitstext {



width:140px;



height:250px;



color: #000000; 



font-weight: normal; 



font-size: 10pt;



text-align: left;



font-family: Arial, Helvetica, sans-serif;



padding: 0px 5px 0px 5px;



margin: 0px 0px 0px 0px;



float:left;



background-color:#FFFFFF;



}







#awebercodebox {



width:280px;



height:110px;



background-color:#FFFFFF;



padding: 0px 10px 5px 10px;



margin: 0px 0px 0px 0px;



border-width: 0px 0px 0px 0px;



border-style:solid;



border-color: #c9c9c9;



text-align: left;



float:left;



}







#aweberheading {



width:280px;



color: #000000; 



font-weight: bold; 



font-size: 12pt;



text-align: center;



font-family: Arial, Helvetica, sans-serif;



padding: 0px 0px 0px 0px;



margin: 0px 0px 0px 0px;



float:left;



}







#awebertext {



width:100px;



color: #000000; 



font-weight: normal; 



font-size: 10pt;



text-align: right;



font-family: Arial, Helvetica, sans-serif;



padding: 0px 0px 0px 0px;



margin: 0px 0px 0px 0px;



float:left;



}







#menubox{



width:950px;



height:165px;



background-color:#FFFFFF;



padding: 0px 0px 15px 0px;



margin: 0 auto;



border-width: 0px 0px 0px 0px;



border-style: solid;



border-color: #FFFFFF;



font-size: 14px;



float:left;



}







#menubox a {



color: #0000CC;



font-weight: normal;



text-decoration:none;



}







#menubox a:hover {



color: #FF9700;



text-decoration:none;



}







#footer {



width:950px;



height:41px;



/*background-image:url(images/header-product.png) center left no-repeat;*/



background:transparent url(images/footer-long.png) center left no-repeat;



padding: 0px 0px 0px 0px;



margin: 0px 0px 10px 0px;



border-width: 0px 0px 0px 0px;



border-style: solid;



border-color: #e5e5e5;



float:left;



}



* html body #footer {

	position: static;

	float: none;

}



















h4 {



font-family: Tahoma; 



font-size: 16pt; 



color: #000000;



letter-spacing: -1; 



line-height: 18pt;



font-weight: bold;



text-align: center;



padding: 0px 0px 5px 0px;



margin: 0px 0px 0px 0px;



}







h5 {



font-family: Arial, Helvetica, sans-serif; 



font-size: 9pt; 



color: #000000;



letter-spacing: -1; 



font-weight: bold;



text-align: center;



padding: 0px 0px 5px 0px;



margin: 0px 0px 0px 0px;



}







h6 {



font-family: Tahoma; 



font-size: 16pt; 



color: #000000;



letter-spacing: -1; 



line-height: 18pt;



font-weight: bold;



text-align: left;



padding: 0px 0px 5px 0px;



margin: 0px 0px 0px 0px;



}