body {
font-family: verdana,tahoma,arial,helvetica,sans-serif;
color: #000000;
background-color : #FFF; 
margin: 1px; 
border: 0; 
padding: 0;
}


a  {color : #2F3650;}  
a:hover {color: #647390;} 

#container {
background:url(img/background.jpg) repeat-y;
margin: 0 auto 0 auto;
width: 1020px;
padding: 0;
font-size: 13px;
text-align: left; 
}

#wrap1{
clear:both;
padding:0;
margin-top:20px;
width:885px;
}

#header {
width: 1000px;
height: 166px;
margin-left:10px;

}


.quotes1 {
color:#939EAF;
padding: 5px;
height: 50px;
background:#000;
float:left;
margin: 50px 20px 20px 20px;
font-family: Arial, Helvetica,sans-serif;
font-size: 25px;  
text-align: left;
letter-spacing: -2px;
font-weight: bold;
}


.quotes1 .cred {
font-weight: bold;
font-size: 11px;
letter-spacing: -1px;
}


#content {
height: 100%; /* fixes an IE bug */
margin: 0px ;
padding: 8px;
}

#content h1{
font-family: Arial, Helvetica,sans-serif;
font-size: 20px;  
text-align: left;
font-weight: bold;
color:  #5E0B02;
padding-left: 6px;
margin: 25px 0px 0px 2px;
border-left: 10px solid   #5E0B02;
border-bottom: 1px solid #cccccc;
}


#content h2{
font-family: Arial, Helvetica,sans-serif;
font-size: 20px;  
text-align: center;
font-weight: bold;
color: #000066;
padding-top: 9px;
}

#content h3{
font-family: Arial, Helvetica,sans-serif;
font-size: 18px;  
text-align: left;
font-weight: bold;
color:  #5E0B02;
}

#content h4{
font-family: Arial, Helvetica,sans-serif;
font-size: 12px;  
text-align: center;
margin: 7px 0px 5px 0px;
color: #000000 ;
}

#content h5{
font-family: Arial, Helvetica,sans-serif;
font-size: 15px;  
text-align: center;
font-weight: bold;
line-height:1.4;
color: #000066 ;
margin: 5px 0px 0px 0px;

}


#content h6{
font-family: Arial, Helvetica,sans-serif;
font-size: 16px;  
text-align: center;
font-weight: bold;
color: #5E0B02;
padding-top: 2px;
}




/*----------------------FLASH content-----------------------*/

#flashcontent {
	width: 1000px;
	height:166px;
	margin:1px auto;
	left: 1px;
}

/*--------------------- Alternate Navigation-----------------------*/
#navheader{
background:url(img/excellent_relationships_header.jpg) top center no-repeat;
width:1001px;
height:166px;
text-align:left;
}


/***______________________ Breadcrumb Navigation ______________________***/
#breadcrumb{
background-color:transparent;
margin-top:3px;
width:180px;
height:20px;
}

#breadcrumb ul{
list-style:none;
margin:0;
padding:0;
}

#breadcrumb a{
color: #000000;
display:block;
font-size:11px;
text-decoration:none;
padding:2px 1px 1px 2px;
}

#breadcrumb a:hover{
color:#660000;
}

#breadcrumb li{
background-color: #DCD4C5;
float:left;
width:180px;
text-align:left;
margin:5px 0px 5px 0;
padding:2px 1px 1px 2px;
}

#breadcrumb #selected{
background-color:  #5E0B02;

color:#FFFFFF;
}



/*** ______________________Top Box______________________ ***/
#topbox{
background:url(img/goldbar.gif) top left repeat-x;
color: #CBBD98;
text-align:center;
height:30px;
margin-top:-3px;
}

#topbox a{
font-size:11px;
color: #003300;
display:block;
padding:3px 5px 0px 5px;
text-decoration:none;
}

#topbox #currentalt {
background:url(img/goldbar.gif) top left repeat-x;
}

#topbox #currentalt a{
color: #000000;
text-decoration:none;
}


#topbox a:hover{
color: #000000;
text-decoration:underline;
}


#topbox ul{
list-style:none;
margin:0;
padding:0;
}

#topbox li{
float:left;
width:170px;
text-align:center;
margin:0 0px 0 0;
padding:0 0 0 0px;
}


/*** ______________________Navigation Menu Box______________________ ***/

#leftside {
float:left;
margin-right:10px;
margin-top:2px;
margin-left:5px;
width:190px;
}


#leftside h7 {
font-size:14px;
font-weight: bold;
color: #330000;
letter-spacing:1px;
text-align:center;
}


#leftside h6 {
font-family: Arial, Helvetica,sans-serif;
font-size: 17px;  
text-align: center;
font-weight: bold;
color: #5E0B02;
padding-top: 2px;
}

#leftside h2 {
font-size:1.0em;
margin:0 0 20px;
}

#leftside p {
color: #5E0B02;
font-size: 14px;
margin-top:-3px;
padding-bottom:4px;
text-align:center;
line-height:1.2em;
}

#leftside img{
margin-left: auto;
margin-right: auto;
display: block;
}


#leftside.center {
text-align: center;
margin: 0 auto;
}


/***______________________ Horizontal Navigation ______________________***/
#nav{
float:left;
width:200px;
}

#nav ul{
list-style:none;
padding:0;
}

#nav a{
background:url(img/tabs.gif) no-repeat  100% -42px;
color:  #5E0B02;
display:block;
margin-top:2px;
padding:10px 5px 4px 4px;
text-decoration:none;
height:17px;
}

#nav a:hover{
background:url(img/tabs.gif) no-repeat 0 0 ;
color:#000000;
}

#nav li{
font-family: arial,helvetica,sans-serif;
font-size:12px;
float:left;
width:185px;
text-align:left;
margin:0;
padding:0 0 0 3px;
}

#nav #current{
background:url(img/tabs.gif) no-repeat 0 0;
color:#000066;
}

#nav #current a{
background:url(img/tabs.gif) no-repeat 100% -41px;
color:#003366;
padding:7px 5px 4px 5px;
}

#subnav {background:url(img/tabs.gif) no-repeat 0 0;
width:170px; color:#000066;
}

#subnav a{background:url(img/tabs.gif) no-repeat 0 0;
color:#000066;
}

/***______________________ Sidebar menu ______________________***/

.nav {
border:none;
color:#E0C29E;
display:block;
margin-top:8px;
padding:1px 4px 4px 10px;
position:relative;
text-transform:uppercase;
width:180px;
}

.nav:hover,.active {
border:none;
color:#000000;
text-decoration:none;
}

.sub {
font-size:0.8em;
letter-spacing:1px;
margin:3px 0 2px 10px;
padding:4px 2px 2px 8px;
width:125px;
}


/*** ______________________Left Box______________________ ***/

#left {
width: 550px;
background-color: transparent;
margin: 25px 0 0 0;

}

#left p {
font-size: 95%;
text-align: justify;
padding: 1px 2px 1px 2px;
}

/*** ______________________Little Left Box______________________ ***/

#littleleft {
background:url(img/lovebook_relationship_success400.jpg) no-repeat;
width: 310px;
height: 410px;

}


#littleleft_ways {
background:url(img/the_love_book400.jpg) no-repeat;
width: 410px;
height: 410px;

}

#littleleft_hotissue {
background:url(img/the_love_book400.jpg) no-repeat;
width: 410px;
height: 410px;

}

#littleleft_top {
background:url(img/relationship_advice.jpg) no-repeat;
width: 410px;
height: 410px;

}



#littleleft_holder {
background:url(img/stopthepresses.jpg) no-repeat;
width: 700px;
height: 500px;

}

.strike{
	text-decoration:line-through;
	color:#900;}

/*** ______________________Middle Box______________________ ***/

#middle {
float:center;
width: 750px;
background-color: transparent;
margin-top: 5px;
margin-left:240px;
}



#middle a {
text-decoration :underline; 
color: #660000;
}

#middle p {
text-align: justify;
padding: 2px 5px 2px 2px;
}

#middle ul{
list-style: none;
margin: 5px 0 0 40px ;
padding:0;
}

#middle li{
list-style: url(img/check.jpg) ;
margin:0 0 10px 0;
padding:0 0 0 0px;
}

#middle img {
margin-left: auto;
margin-right: auto;
display: block;
}




#middle.class {
text-align: center;
}


#middle_calendar {
float:center;
width: 525px;
background-color: transparent;
margin-top: 5px;
margin-left:220px;
}


caption{
text-align:left;
font-size : 12px; 
font-weight: bold;
color: #0F470B;
}

#features {
width: 380px;
background-color: transparent;
margin: 20px 0 0 2px;
}

#features td.left_align {
	text-align: left;
	width:120px;
	}
	
#features td.right_align {
	text-align: left;
	width:280px;
	}
	
	
#checks{

}
	
/*** ______________________Sitemap Box______________________ ***/

#sitemap {
width: 380px;
background-color: transparent;
margin: 20px 0 0 2px;
}

#sitemap a {
text-decoration :none; 
font-size:13px;
}

#sitemap ul{
list-style:none;
margin:10px;
padding:0;
}

#sitemap li{
margin:0 0 10px 0;
padding:0 0 0 0px;
}

/*** ______________________Right Box______________________ ***/
#right {
float: right;
position: relative;
margin: 40px 0 20px 0;
width: 290px;
padding:0;
background: transparent;
}

#right p {
font-size: 95%;
text-align: justify;
padding: 0 5px 5px 5px;
color: #333;
}

/*** ______________________Little Right Box______________________ ***/
#littleright {
background:transparent;
float: right;
position: relative;
margin: 4px 64px 2px 10px;
margin-right:10px;
width: 400px;
padding:0;

}

#littleright p {
font-family: Arial, Helvetica,sans-serif;
font-size: 16px;
line-height:1.2;  
text-align: center;
font-weight: bold;
color: #000000;
padding-top: 2px;
}


/* ----------------  TABLES --------------------------*/
#testimonials {
	width: 750px;
	float: right;
}

#testimonials table tr td {
	border:1px solid #C4B684;
	vertical-align: top;
	padding: 5px;
	line-height: 125%;
	background: #FFFFFF;
	text-align: justify;
}

#testimonials table {
	background: transparent;
	cellspacing: 1px;
	width: 750px;
}
 #testimonials table tr td.left_align {
	text-align: left;
}
	
 #testimonials img{
 border:1px solid #C4B684;
 }


#experts {
	width: 750px;
	float: right;
}

#experts img{
border:2px solid #C4B684;
}

#experts table tr td {
	vertical-align: top;
	padding: 5px;
	line-height: 125%;
	background: #FFFFFF;
	text-align: justify;
}

#experts table {
	background: transparent;
	cellspacing: 1px;
	width: 750px;
}
 #experts table tr td.left_align {
	text-align: left;
}






/*** ______________________Boxes______________________ ***/

.innerbox{
border:1px solid #C4B684;
margin:1px auto;
padding:1px 10px 1px 10px;
}

.innerbox a{
color:#000066;
}


.innerbox a:hover{
color: #000000;
}

.innerbox img{
border:1px solid #C4B684;
margin:1px auto;
float: left;
	
	}

.testimonialboxes{
border:1px solid #C4B684;
margin:1px auto;
float: right;
padding:1px 10px 1px 10px;
width: 350px;
display: in-line;
}

/*-------------> Floating Bar <-------------*/
#bottomfloat {position:fixed; margin:0; bottom:-1px; right:1px; display:block; width:100%; height:65px; background: url(img/bottom-bar3.gif) repeat-x; color:#fff; text-align:right; font-size:1em; z-index:5; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;}


#bottomfloat p { font-size: 12px ; text-align: center; line-height: .05em;}
#bottomfloat h4 { }
#bottomfloat a {color: #000; text-decoration: underline; }
#alpha { position: fixed; bottom: 0; right: 50px; width: 735px; margin: 0; padding: 0; color: #000; background: transparent; 
}

.toplinkleft { width: 200px; float: left;  text-align: center; margin-top: 2px; }
.toplinkright { width: 200px; float: right; text-align: center; margin-top: 1px; }

#maintext1 { padding: 0 2px 5px 2px; width: 750px; margin: 0 auto; color: #335500; background-color: #000000; }
/*-------------> End Floating Bar <-------------*/




/*** ______________________Footer______________________ ***/

#foot { 
background:url(img/footerline.jpg) no-repeat 0 0;
  width: 1020px;
  margin: 0px 0 0 0px;
  height: 31px;
  font: 10px Tahoma, Arial, sans-serif;
  color: #999999;
  padding-top:1px;
  text-align: right; 
}

#foot a { 
  color: #666666;
 }
#foot a:hover { 
  color: #999999;
 }
 
#foot p { 
margin: 5px;
 }

#copyright {
position: relative;
margin: 0 10px 10px 5px;
width: 1000px;
text-align: right;
}

div.credit {
clear: both;
margin: 0 ;
color: #999;
font-size: 10px;
padding: 3px;
}

div.credit a{
color:#999999;
}

.small {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 10px; 
color : #000000;
} 
.small a:link  {color : #000080;}  
.small a:hover {color : #000000;} 


.clear { clear: both;
margin:10px 0 10px 0;
}

.center{
text-align:center;
}

strong{
font-size : 16px; 
font-weight: bold;
color: #5E0B02;
}

u{
text-decoration: underline;
}

hr{color: #BA9A61 ;} 

.aaplayer{
text-align:center;
}

.blue{
font-family: Arial, Helvetica,sans-serif;
font-size: 16px;  
text-align: center;
font-weight: bold;
color: #000066;
padding-top: 2px;
}