/* CSS Document - Styles for RatioWriter.com - mainstyles.css */



/* { margin: 0; padding: 0;} */



body{

background: #FFF url(../images/backgroundgradient.png); background-repeat: repeat;

color:#000;

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

font-weight: normal;

font-size: 62.5%;

line-height: 140%;

position: relative;

margin: 0; 

padding: 0;
}



html {

height:100%;

}
/* WJH  01-28-2010 add */
b {
/*  color: #115F85; #0404CD; #0606a2 */
 color: #3399cc; 
}
/* end WJH  */
/* .spacer { margin-top: 12px; } */



ul {

list-style-type: square;

color: #99ccff;
font-size: .9em; 



line-height:130%;

margin-left: 24px;

margin-bottom: 6px;

}



ol {

margin-top: 6px;

color: #99ccff;

/* WJH  01-28-2010 */
/* font-size: .9em; */
font-size: 1.1em;
margin-top: 10px;
/* end WJH  */

line-height:130%;

margin-left: 24px;

margin-bottom: 6px;

}



li {

margin-top: 3px;

color:#000000;

padding-left: 6px;

}



#maincontainer {

background-color: #ffffff;

border:#b0c3f5 1px solid;

width: 980px; /*Width of main container*/

 /*Center container on page*/
margin-top: 0px ;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;



font-size: 1.2em;

line-height: 140%;

}



#topsection {

background: url(../images/gradient4.png) no-repeat;

height: 91px; /*Height of top section*/

margin: 0; 

padding: 0;

/*border-top: #333 15px solid;*/

}



#topleft{

display:inline;

float: left;

background: #fff url(../images/logo.png) center no-repeat;

width: 240px; /*Width of left column*/

height: 90px; /*Height of top section*/


margin: 0; 

padding: 0;

}



#topright {
background: #fff url(../images/TightropeHeader.gif) center no-repeat;

display: inline;

float: right;

width: 740px;


margin: 0; 

padding: 0;
}
/* WJH 02-10-2010  */

#topright_buy {
background: #fff url(../images/TightropeHeader.gif) center no-repeat;
display: inline;

float: right;

width: 740px;

}
/* WJH end  */

#topright p {

	padding-right: 10px;

	margin-top: 2px;	

	color: #fff;

	font-weight: bold;

	font-size: .85em;

	text-align: right;

}



#topright a, a:visited {

	color: #fff;

	font-weight: bold;

	border: none;

	text-decoration: none;

}



#topright a:hover {

	text-decoration: underline;

}





#mainnav {

	margin: 0;

	padding: 36px 0px 0px 0px;

	font-size: 1.2em;

	text-align:center;

		

}



#mainnav ul {

	float:left;

	width: 740px;

	margin-left: 0;

	padding: 0;

	font-weight: bold;

	border:none;

}



#mainnav li {

	display: inline;

	float: left;

	width: 140px;

	font-weight: bold;

	border: none;

}



#mainnav a {

	width: 140px;

	color: #333;

	text-decoration: none;

	border: none;

}



#mainnav a:hover {

	width: 140px;

	color: #3399cc;

	text-decoration: none;

}



/*

#mainnav a:visited {

	color:#d0e8f3;

	font-weight: bold;

}

*/

/*

#mainnav a:active {

	color:#f9774a;

	font-weight: normal;

}

*/

/*

#mainnav a:focus {

	color:#e291c1;

	font-weight: normal;

}

*/



#mainnav p {

	clear:both;

	line-height:6px;

}



#contentwrapper {

	display:inline;

	float:left;

	background: #ffffff url(../images/sidebar_bkg2.gif) repeat-y left top;

	width: 980px;

	min-height: 500px;

	/*padding: 15px;*/

}



/* LEFT SIDEBAR*/



#needs {

display: block;

float: left;

background: #dbe5f8;

width: 210px; /*Width of left column*/

padding: 15px;

overflow:visible;

}



#needs h2 {

margin-top: 16px;

color: #333;

font-size: 1.2em;

font-weight: bold;

line-height:140%;

}



#needs h4 {

padding: 0;

margin-top: 12px;

color: #39b2ee;

font-size: 1em;

font-weight: bold;

line-height:140%;

}



#needs p {

color: #666;

font-size: 1em;

font-weight: bold;

line-height:140%;

}





#needs a {

color: #333;

text-decoration: underline;

border: none;

}



#needs a:hover {

color: #3399cc;

text-decoration: underline;

}



#needs ul {

margin:0;

list-style-type: square;

color: #666;

font-size: .95em;

line-height: 125%;

}



#needs li {

margin:0;

margin-left: 15px;

font-size: .95em;

line-height: 125%;

color: #000;

}






#leftnav {

display: block;

float: left;

background: #dbe5f8;

width: 210px; /*Width of left column*/

padding: 15px;

}



#leftnav h2 {

margin-top: 16px;

color: #333;

font-size: 1.2em;

font-weight: bold;

line-height:140%;

}



#leftnav p {

color: #666;

font-size: 1em;

font-weight: bold;

line-height:140%;

}



#leftnav ul {

padding:3px 0 0 0px;

margin:0;

margin-bottom: 48px;

list-style-type: none;

color: #666;

font-size: 1.1em;

font-weight: bold;

}



#leftnav li {

margin-bottom: 3px;

padding-bottom:4px;

color: #666;

border-bottom: #b0c3f5 1px solid;

}



#leftnav li a {

display: block;

text-decoration:none;

color: #666/*99ccff*/;

font-weight: bold;

}



#leftnav li a:hover {

display: block;

color: #3399cc;

}



#chosen li a {

display: block;

text-decoration:none;

color: #0066CC;

font-weight: bold;

}



.quote {
/*  WJH 01-28-2010      */
/*  background: #4765A1 url(../images/gradient_quote.png) no-repeat top left; */

 background: #4765A1;
/*  end WJH     */
margin-top:36px;

margin-bottom:10px;

padding:15px;

border:#d3e7fb 1px solid;

color:#ffffff;

font-weight:bold;

font-size:1.2em;

line-height:140%;

}

.quote a {
      color:#ffffff;
}
/*  WJH 02-01-2010      */
.problem {


/* background: #FCBEBE; */
/* background: #f8A7A7; */
   background: #FECFEF;
 font-family:Georgia, ”Times New Roman”, Times, serif;
margin-top: 20px;
margin-bottom:10px;
padding:10px;
border:#000000 3px double;
color:#000000;
/* font-weight:bold; */
font-size:1.4em;
line-height:150%;

}
.problem li{


color:#000000;

font-size:1em;
line-height:140%;

}

.problemindent   {
   margin: 10px;
   padding: 10px;
   background: white;
   color:#A00826;
  

   }


.problemstrong {


color:#A00826;
font-size:1.2em;
line-height:130%;
}

/*  end WJH     */

/*  WJH 02-04-2010      */


   
 .indented
   {
 
   padding-left:20px;
   padding-right:20px;
   }

/*  end WJH     */

/*  WJH 02-02-2010      */
.pictborder{ 
/* border:#2B5195 3px single; */



background:transparent url(../images/RWSplash.gif) repeat scroll center center;
border:3px ridge #000000;
color:#FFFFFF;
font-size:1.1em;
font-weight:bold;
height:151px;
line-height:140%;
margin:15px 0 0;
text-align:center;
vertical-align:middle;
width:225px;


}

/*  end WJH     */




.problem_title {
/*  WJH 02-01-2010      */


margin-bottom:10px;

font-weight:bold;
font-size:1.2em;
line-height:150%;

}


/*  end WJH     */

.guarantee {
/*  WJH 02-01-2010      */

/* background: #F0EA62;  */

background: #DBE5F8;
margin-top:536px;
margin-bottom:10px;
margin-left:0px;
margin-right:0px;
padding:10px;
border:#000000 3px double;
color:#000000;
font-weight:bold;
font-size:1.1em;
line-height:140%;

}

/*  end WJH     */

.guarantee_title {
/*  WJH 02-08-2010      */

padding:0px 10px 10px 10px;
color:#ffffff;
font-weight:bold;
font-size:1.2em;
line-height:140%;

}

/*  end WJH     */


.tech_specs {
/*  WJH 02-10-2010      */

/* background: #7B97CA;  */
background: #DBE5F8;
margin-top:236px;
margin-bottom:10px;
margin-left:0px;
margin-right:0px;
padding:10px;
border:#000000 3px double;
color:#000000;
font-weight:normal;
font-size:1.1em;
line-height:140%;

}

/*  end WJH     */

.tech_specs_title {
/*  WJH 02-10-2010      */

padding:0px 10px 10px 10px;
color:#FFFFFF;
font-weight:bold;
font-size:1.2em;
line-height:140%;

}

/*  end WJH     */

/*  WJH 01-28-2010    add  */

/*  WJH   01-28-2010  */
.video {
background: url(../images/RWSplash.gif);
background-position: center;

width: 225px;
height: 151px;
margin: 15px 0px 0px 0px;
padding:none;
border: #2B5195 1px solid;
color:#ffffff;
font-weight:bold;
font-size:1.1em;
line-height:140%;
vertical-align: middle;
text-align:center;
}
/*  end WJH     */

/*  WJH   01-28-2010  */
.video_left {
background: url(../images/RWSplashLeft.gif);
background-position: center;

width: 200px;
height: 151px;
margin: 15px 0px 0px 0px;
padding:none;
border:#000000 3px ridge;
color:#ffffff;
font-weight:bold;
font-size:1.1em;
line-height:140%;
vertical-align: middle;
text-align:center;
}

.video_left img {

margin: 0;
padding: 0;
border: #000 1px solid;


}


/*  WJH   01-28-2010  */
.video_center {

background: url(../images/RWSplashLeft.gif);
background-position: center;

width: 200px;
height: 151px;
margin: 15px 0px 0px 100px;
padding:none;
border:#000000 3px ridge;
color:#ffffff;
font-weight:bold;
font-size:1.1em;
line-height:140%;
vertical-align: middle;
text-align:center;
}

.video_center img {

margin: 0;
padding: 0;
border: #000 1px solid;


}

/*  end WJH     */


.name {

color:#FFFFFF;

font-weight:bold;

font-size:1.1em;

line-height:150%;

text-align:left;

margin-left: 0;



}


.drop200 {
padding-top: 200px;
}

.drop900 {
padding-top: 900px;
}

.drop1100 {
padding-top: 1100px;
}



.company {

color:#FFFFFF;

font-weight:bold;

font-style:italic;

font-size:1.1em;

line-height:150%;

text-align: left;

margin-left: 1em;

}

.source {

color:#FFFFFF;

font-weight:bold;

font-style:italic;

font-size:.9em;

line-height:150%;

text-align: left;

margin-left: 1em;

}


.buy_now {

background: url(../images/buy_btn_up.png) no-repeat center top;

margin-top:36px;

margin-bottom:10px;

height: 50px;

color:#000000;

font-size:1.5em;

text-align:center;

}



#buy_now a {

	border:none;

	text-decoration:none;

}



#buy_now a:hover {

	background: url(../images/buy_btn_over.png) no-repeat center top;

	text-decoration:none;

}



#branding {

	margin: 0;

	padding: 0;

	display:inline;

	float: left;

	background-color: #fff;

	width: 740px; /*Width of content column - change to 710 if you add padding*/

}



#branding h1 {

padding-bottom: 6px;

padding-top: 0;

margin-top: -265px;

margin-bottom: 150px;

color:#000;

font-size: 2.5em;

line-height: 100%;

font-weight: normal;

text-align: center;

}

/* WJH 01-28-2010 add */

#headline {
background: url(../images/HomePage2x.gif) no-repeat;
padding: none;
margin: 0;
width: 740px;
height: 280px;
color:#000;
font-size: 2.5em;
line-height: 100%;
font-weight: normal;
text-align: center;

}

/* end WJH */

#branding h2 {

margin-top: 150px;

padding-bottom: 12px;

color:#717fc0;

font-size: 2em;

font-weight: normal;

text-align: center;

}

#mainnav {

	margin: 0;

	margin-top: 46px;

	padding: 0;

	font-size: 1.2em;

	text-align:center;

		

}



#mainnav ul {

	float:left;

	width: 740px;

	margin-left: 0;

	padding: 0;

	font-weight: bold;

	border:none;

}



#mainnav li {

	display: inline;

	float: left;

	width: 140px;

	font-weight: bold;

	border: none;

}



#branding img {

padding: 0;

margin: 0;

border: none;

}
/* WJH 01-28-2010 add */
#branding a {

	color: #333;

	text-decoration: none;

	border: none;

}



#branding a:hover {


	color: #3399cc;

	text-decoration: none;

}



/*

#branding a:visited {

	color:#d0e8f3;

	font-weight: bold;

}


/* end WJH  */



#brandingtext {

margin-top: 60px;

display: inline;

float: left;

color:#000;

}



#branding p {

font-size: 1em;

text-align: left;

line-height: 160%;

margin-top: 12px;

}



#branding strong {
font-size: 1.2em;
color: #000;

font-weight:bold;

}



.brand_copy1 {

display:inline;

float: left;

width: 325px;

margin-left: 30px;

text-align: left;

}



.brand_copy2 {

display:inline;

float: left;

width: 325px;

margin-left: 30px;

text-align: left;

}



#block_quote {

/*width: 638px;*/

/* WJH 01-28-2010 change */

/* margin-top: 70px;  */
margin-top: 20px;

/* end WJH  */

margin-bottom: 20px;

margin-right: 30px;

margin-left: 30px;

overflow:hidden;

}



#block_quote h2 {

margin-top: 12px;

margin-bottom: 0px;

color:#3399cc;

font-size: 1.5em;

font-weight: normal;

text-align: left;

line-height: 115%;

}



#block_quote h3 {

margin-top: 12px;

padding-bottom: 2px;

color: #3399cc;

font-size: 1.5em;

line-height: 110%;

}

/* WJH  01-28-2010 */

#block_quote ul {
list-style-type: square;
color: #99ccff;
font-size: 1.1em;
margin-top: 10px;
line-height:130%;
margin-left: 24px;
margin-bottom: 6px;
}

#block_quote a {

color: #115F85;
font-size: 1em;
line-height:130%;
font-weight: bold;
text-decoration:underline;
}

/* end WJH  */


#block_quote p {

font-size: 1.1em;

text-align: left;

line-height: 130%;

}



.info {

text-align: center;

color: #666;

font-size: 1.25em;

margin-bottom: 12px;

font-weight:bold;

}



#maincontent {

display:inline;

float: left;

background-color: #FFF;

width: 700px; /*Width of content column*/

margin: 20px;

font-size: 1.1em;

line-height: 140%;





}



#maincontent h1{

/*  WJH  01-28-2010 */
color:#3399CC;
/*  end WJH*/

font-size: 2em;

font-weight: normal;

padding: 15px;

margin-top: 0px;

margin-bottom: 12px;

border-bottom: #99ccff 1px solid;

border-left: #99ccff 6px solid;

/*  WJH  01-28-2010 */
line-height: 110%;
/*  end WJH*/
}



#maincontent h2{

color:#000000;

font-size: 1.5em;

font-weight: bold;

margin-bottom: 6px;

margin-top: 15px;

}



#maincontent h3 {

margin-top: 18px;

color: #3399cc;

font-size: 1.3em;

line-height: 120%;


}



/*  WJH  01-28-2010 */

#maincontent h3.first {
margin-top: 20px;
font-weight: normal;
}

/*  end WJH*/

#maincontent h3.first {

margin-top: 9px;

}



#maincontent h4 {

margin-top: 15px;

margin-bottom: -8px;

color: #3399cc;

font-style: italic;

font-size: 1.2em;



}



#maincontent p {

margin-top: 12px;

}



#maincontent a {

text-decoration: underline;

color: #333;

}



#maincontent a:hover {

text-decoration: underline;

color: #3399cc;

}



.plus-space {

padding-top: 18px;

}



#contentcolumn1 {

background: #FFF;

float: left;

display:inline;

width: 458px; /*Width of content column*/

color:#000000;

}

.contentcolumn1 {

background: #FFF;

float: left;

display:inline;

width: 458px; /*Width of content column*/

color:#000000;

}


#maincontent ul {

	font-size: 1em;
	margin-top: 12px;

}



#contentcolumn2 {

background: #FFF;

float: left;

display:inline;

width: 227px; /*Width of content column*/

margin-left: 15px; /*Set left margin to LeftColumnWidth*/

margin-bottom: 25px;

color:#000000;

}

.contentcolumn2 {

background: #FFF;

float: left;

display:inline;

width: 227px; /*Width of content column*/

margin-left: 15px; /*Set left margin to LeftColumnWidth*/

margin-bottom: 25px;

color:#000000;

}

/* WJH 02-02-2010 */


.chart_frame{
padding: 0;
margin: 0;
margin-top: 18px;
margin-bottom: 12px;

}

.chart_frame img {
margin: 0;
padding: 0;
border: #2B5195 1px solid;
}


.enlarge {
background: #dbe5f8;
padding: 5px;
margin-top: -2px;
font-size: 9px;
font-weight: bold;
text-align: right;
line-height: 120%;
border: #2B5195 1px solid;

}





.enlarge a {

text-decoration: underline;

color: #000000;



}



.enlarge a:hover {

color: #6b6b6b;

text-decoration: underline;



}

.enlarge a:visited {

color: #000000;

text-decoration: underline;



}


.chart_title {

font-size: 11px;

padding: 0;

margin: 0;

margin-top: 2px;

line-height: 120%;

font-weight: bold;

text-align: left;



}



.chart_desc {

padding: 0;

padding-top: 2px;

margin: 0;

margin-top: 4px;

font-size: 10px;

line-height: 120%;

font-style:italic;

border-top: #000 thin solid;

}



#footer{

/*background: url(../images/gradient_footer.png) no-repeat bottom;*/

background-color:#333;

width: 100%;

padding: 5px 0 4px 0;

color: #FFF;

text-align: center;

font-size:.85em;

font-weight:bold;

}



#footer a{

color: #FFFFFF;

font-size:.85em;

font-weight:bold;

text-transform: uppercase;

border:none;

text-decoration:none;

}



#footer a:hover {

	text-decoration:underline;

}



.copyright {

	text-align: center;

	margin-top: -24px;

}



/*

.clear:after {

content: ".";

display:block;

height:0;

font-size:0;

clear:both;

visibility:hidden;

}

*/

.clear {

/*min-height: 1px;*/

clear:both;

}



* html .clear {

height: 1px;

}