/* *********************************************************
    Roy this CSS is the New Art Photo thingie
	Only the contact page is different
	font col #FFFFFF
	background #11131a 
    Headings color #E9E9E9
	hover #E9E9E9
	header 2 #fcad0c
	footer #fcad0c
   ********************************************************* */

body {
	margin: 0;
	padding: 0;
	font-family: helvetica, helvetica, tahoma, arial;
	font-size: medium;
 	background : #E9E9E9 url(images/template19_1.png) repeat-x top left;
	line-height : 1.5em;
 	color: #FFFFFF;
}

a {
  color : #fcad0c;
  background : none;
  text-decoration : none;
}

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


h3 {
   margin : 0;
   color : #E9E9E9;     
}

h4 {
   text-align:right;
}

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

img {
	border : 0;
}

hr {
   height : 5px;
   border-style : none;
   width: 100%;   
   color : #d0d0d0;
   background-color : #c0c0c0;
   margin : 10px 0;
}



.content {
		 margin : 0 auto;
		 width : 900px;
/* border: thin solid green; */    	
}

/* *********************************
    Header Container
   ********************************* */
#header_container {
	clear: both;		
	width: 100%;
	height : 160px;
	display: block;
	padding: 0px 0px 0px 25px;	
/* border: thin solid red;*/    
}
/* *********************************
    Header - 
   ********************************* */
#header {
	 padding: 0px 0px 0px 0px;
	 height : 160px;
	 width : 950px;
	 margin : 0 auto;
/* border: thin solid red; */    	
}

#header h1 {
	text-align: center; 
	padding: 20px 0px 0px 0px;
	font-size: 2em;
	color: #11131a;
	margin: 0px 0px 0px 0px; 		
}
#header h2 {
	text-align: center; 
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px; 	
	font-size: 1.3em;
	font-style: italic;		
	color: #11131a;
}
#header h3 {
	padding: 40px 0px 0px 0px;
	font-size: 1.8em;	
	text-align: center; 
	color: #fcad0c;	
	margin: 0px 0px 0px 0px; 	
}
#header h3 a {
	color: #fcad0c;
    text-decoration: none;  
}
#header h4 {
	padding: 10px 0px 0px 0px;
	font-size: 1.8em;	
	text-align: center; 
	color: #fcad0c;	
	margin: 0px 0px 0px 0px; 	
}
#header h5 {
	padding: 5px 0px 0px 0px;
	text-align: center; 
	color: #fcad0c;
	margin: 0px 0px 0px 0px; 	
}
/* *********************************
    custom_logo   
   ********************************* */
 #custom_logo {float: left; margin: 0px 0px 0px 0px; }

/* *********************************
    Bottom shadow
   ********************************* */
#bottom_shadow {
clear: both;
		height: 55px;
        width: 950px;
        background : transparent  url(images/big_bg_bottom1.png) no-repeat bottom left;
        padding : 0px;
}
/* *********************************
    Nav Bar  
	made the link color constant
	because nave bar is always grey
   ********************************* */
#mainNav ul
{
    padding-left: 0;
    margin-left: 0;
    margin-top: 0px;
    margin-bottom: 10px;
    background-color: white;
    color: #000000;
    float: left;
    width: 950px;
    font-family:'lucida grande',tahoma,verdana,arial,sans-serif;
    font-size: 1.0em;
    font-weight: bold;
    text-transform: uppercase;
}

#mainNav ul li { display: inline; }

#mainNav ul li a
{
    padding: 0.6em 1em;
    background-color: white;
    color: #000000;
    text-decoration: none;
    float: left;
    border-right: 1px solid #d4d5d7;
}

#mainNav ul li a:hover
{
    background-color:  #11131a;
    color: #ffffff;
}
#mainNav #currentpage a
{
    background-color:  #11131a;
    color: #ffffff;
}

/* *********************************
    Big Grey box to hold swf
   ********************************* */
#big_box {
			float : left;
			width : 950px;
            height: 480px;
			background : transparent url(images/big_bg1.png) no-repeat top right;
			overflow : hidden;
/* border: thin solid blue; */     	
}
#middle_box {
			margin: 0px 0px 0px 0px;			
			padding: 0px 0px 0px 0px;			
			width : 950px;
			background : #11131a;
			overflow : hidden;
/* border: thin solid green; */     	
}

/* *********************************
    Wide Right used on contact page
   ********************************* */
#wide_right {
			float : right;
			width : 460px;
			background : transparent;
			overflow : hidden;
 border: thin solid blue;     	
}

#wide_right h3 {
	font-size: 1.3em;
	font-style: italic;		
	color: #E9E9E9;	
	padding : 0px 0px 16px 0px;
}
	
/* *********************************
    Both sides
   ********************************* */
#both_sides {
			float : left;
			margin-bottom: 0px;
            width : 940px;
			overflow : hidden;
            border: thick solid #fcad0c;  
            background : #11131a  url(images/callback_woman_sml.png) no-repeat bottom right;              
/* border: thin solid red; */      	
}

#both_sides .pad {
			padding: 0px 25px 0px 25px;
}
#both_sides img {
			padding: 0px 10px 10px 0px;
}
#both_sides ul {
			padding : 0px 20px 8px 50px;
}
#both_sides p {
			padding : 0px 0px 0px 0px;
		    text-align : justify;
}
#both_sides li {
			line-height : 1.6em;
			background : transparent ;
			list-style : none;
			padding-left : 0px;
			margin-left : 0px;
			font-weight: bold;			
			color : #fcad0c;
}

#both_sides  a {
			text-decoration : none;
}
#both_sides  a:hover {
		   text-decoration : underline;
}

#both_sides h3 {
	font-size: 1.3em;
	font-style: italic;		
	color: #E9E9E9;	
	padding : 10px 0px 0px 0px;	
}		
/* *********************************
    Right Side
   ********************************* */
#right_side {
			float : right;
			width : 405px;
			background : transparent;
			overflow : hidden;
/* border: thin solid red; */      	
}

#right_side .pad {
			padding: 0px 0px 0px 0px;
}

#right_side ul {
			padding : 0px 10px 8px 20px;
}

#right_side li {
			line-height : 1.6em;
			background : transparent ;
			list-style : none;
			padding : 0px;
			margin : 0px;
			font-weight: bold;			
			color : #fcad0c;
}

#right_side a {
			text-decoration : none;
}
#right_side a:hover {
		   text-decoration : underline;
}

#right_side h3 {
	font-size: 1.3em;
	font-style: italic;		
	color: #E9E9E9;	
}

/* *********************************
    Left Side   
   ********************************* */
#left_side {
			float : left;
            margin-bottom : 0px;
            width : 460px;
            padding: 0px 0px 0px 0px;
/* border: thin solid orange; */        
}

#left_side .intro {
		   height: 80px;
		   color : #fff;
		   overflow : hidden;
}

#left_side .intro .pad {
		   padding : 0px 0 0 0;
}

#left_side .intro a {
		   color : #b4e04a;
		   text-decoration : none;
}

#left_side .intro a:hover {
		   color : #cdff56;
		   text-decoration : underline;
}

#left_side .mpart {
			padding: 0px 0px 0px 0px;
}

#left_side h3 {
	font-size: 1.3em;
	font-style: italic;		
	color: #E9E9E9;
}

#left_side .mpart h2 {
		   height : 20px;
		   padding : 0;
		   margin : 0 0 15px 0;
		   font : 0.9em verdana, Arial, Sans-Serif;
}

#left_side p {
		   color : #FFFFFF;
		   padding : 0;
		   text-align : justify;
}

#left_side img {
		   float : left;
		   padding : 0 10px 5px 0;
}

#left_side blockquote {
		   padding-left : 10px;
		   border-left : 3px solid #fcad0c;
		   margin : 10px 25px 10px 25px;
}

#left_side .rs {
		   float : right;
		   margin : 0 10px;
		   border : 1px solid #ddd;
		   padding : 5px;
		   background : #f5f5f5;
}

#left_side ul {
		   list-style-position : inside;
		   margin-left : 2px;
}

#left_side ul li {
		   list-style-type : square;
		   margin-left : 15px;
}

#left_side ul ul li {
		   list-style : none;
		   margin-left : 10px;
		   list-style-type : lower-alpha;
		   list-style-position : inside;
}
/* *********************************
   Left side  Form
   ********************************* */
#left_side form {
	background:#11131a;
}

#left_side fieldset div {
	margin:10px 0;
	clear:both;
}
#left_side form {
	margin:9px;
	width:420px;
}
#left_side label {
	float:left;
	width:10em;
	text-align:right;
	margin-right:1em;
}
#left_side legend {
	color:#FFFFFF;
	font-size:1.2em;
	margin-bottom:1em;	
}
#left_side legend span {
	width:9em;
	text-align:right;
}
#left_side input {
	padding:0.15em;
	width:12em;
	border:1px solid #ddd;
	background:#fafafa;
	font:bold 0.95em arial, sans-serif;
}
#left_side input:hover, input:focus {
	border-color:#c5c5c5;
	background:#f6f6f6;
} 
#left_side fieldset {
	border:0px solid #E9E9E9;
	padding:0 0.5em 0.5em;
}
#submit-go {
	font-weight:bold;
	padding: 1px 2px;
	letter-spacing: +.1em;
	cursor:pointer;
}

/* *********************************
    bottom Side   
   ********************************* */
#bottom_side {
	clear: both;
		   float: right;		
		   width : 300px;
		   padding: 0px 80px 0px 0px;
		   text-align : right;
/* border: thin solid orange; */
     
}
/* *********************************
    Membership logos
   ********************************* */
#logos_container {
	clear: both;
    margin-bottom: 0px;		
	width: 100%;

	display: block;
	color: #828282;
	background : #ffffff;
 /* border: thin solid red;*/    
}
#logos {
	 margin : 0 auto;
	 padding: 20px 0px 0px 0px;
	 width : 900px;
	 display: block;
	 color: #828282;
 /* border: thin solid red;*/    
}


/* *********************************
    Footer
   ********************************* */
#footer {
	display: block;
	clear: both;
	color: #fcad0c;
/*	  background : #fcad0c; */
  	
}
#footer p {
	margin: 0;
	padding: 8px 15px 8px 15px;
	text-align: center;
}
/* *********************************
    Floats 
   ********************************* */
.float_pic_left{
	float: left;
 border: 3px solid #fcad0c; 
}

.float_pic_right{
	float: right;
 border: 3px solid #fcad0c; 
}

.floatright
{
 	float: right;
	margin: 10px 0 4px 10px;
	border: 0px solid #fff;
	padding: 2px;
}
.floatleft
{
 	float: left;
	margin: 10px 10px 0 0;
	border: 0px solid #666;
	padding: 2px;
}
/* *********************************
    PMO menu change site  Buy now
   ********************************* */
#pmo_menu {
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #00BFF3;  
	width: 140px;
  	border-bottom: thin solid #A7A6AA;   
  	border-right: thin solid #A7A6AA;   
}

#pmo_menu input {
    font-size: 100%;
	font-weight: bold;
} 
 

/* other ------------------------ */
.clear {
	clear: both;

}
/* hide ugly dotted lines */
* html a:hover {
	border: 1px solid #acb3b7;
}



/* Form styles --------------------- */

textarea {
	font-size: 110%;
	font-family: helvetica, tahoma, arial;
}

/* hack for IE to display correct font size */
* html body {
	font-size: small; /* for IE5/Win */
	f\ont-size: medium; /* for other IE versions */
}