/* ***************************************************************************************************************************************** */
/* ******                                                                                                                            ******* */
/* ******                                 COPYRIGHT NOTICE                                                                           ******* */
/* ******                                                                                                                            ******* */
/* ******----------------------------------------------------------------------------------------------------------------------------------- */
/* ******  Copyright Notice Effective 1 Jan 2009                                                                                     ******* */
/* ******  Copyright © www.alleyesonyou.biz 2009 (Owner)                                                                             ******* */
/* ******  Copyright @ www.angelrose-web-designs.com 2009 (Designer)                                                                 ******* */
/* ******----------------------------------------------------------------------------------------------------------------------------------- */
/* ******                                                                                                                            ******* */ 
/* ******  All aspects of this web site – design, text, graphics, applications, software, underlying source code                     ******* */
/* ******  and all other aspects – are copyright www.alleyesonyou.biz and its affiliates or content                                  ******* */ 
/* ******  and technology providers.                                                                                                 ******* */
/* ******                                                                                                                            ******* */
/* ******  In accessing these web pages, you agree that any downloading of content is for personal, non-commercial                   ******* */ 
/* ******  reference only. No part of this web site may be reproduced or transmitted in any form or by any means,                    ******* */ 
/* ******  electronic, mechanical, photocopying, recording or otherwise, without prior permission of the Website Owner AND Designer. ******* */
/* ******                                                                                                                            ******* */
/* ******  All Photography and images remain the exclusive right of All Eyes On You (Owner) and no right is implied by Designer.     ******* */                                                                                                                   
/* ******  For rights clearance please contact us.                                                                                   ******* */
/* ******                                                                                                                            ******* */
/* ***************************************************************************************************************************************** */

/*****************************************************/
/* General styles                                    */
/*****************************************************/

 /* General styles */

body {
     margin:0;
     padding:0;
     border: 0;			
     width:100%;
     color: #bbbbbb;
     min-width:600px;    
     font-size:95%;
     background: #000;
     height: 100%;
}

a {
     color:#999;
}

h1, h2, h3 {
     margin:.8em 0 .2em .2em;
     padding:0;
     line-height: 1.5em;
     border-bottom: 2px solid #1a1a1a;
     color: #fff;
     background: url('../images/haunted.gif');
}

h4 {
     margin:.8em 0 .2em .2em;
     padding:0;
     line-height: 1em;
     border-bottom: 2px solid #1a1a1a;
     color: #bbbbbb;
     background: url('../images/marble.jpg');
} 

p {
     margin:.6em 0 .10em 0;
     padding:0;
     color: #bbbbbb;
}

p.large {
     font-size:120%;
     color: #fff;
}     
   
.bio_image { 
     border:#666666; 
     padding:5px 20px 5px 5px; 
     float: left; 
} 

.package_image { 
     border:#666666; 
     padding:5px 20px 5px 5px; 
     float: left; 
} 

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

li#list {
     background-image: url('../images/grey.png');
     background-repeat: no-repeat;
     background-position: 0 1px;
     padding-left: 24px;
}

li#facebook {
     background-image: url('../images/facebook.png');
     background-repeat: no-repeat;
     background-position: 0 1px;
     padding-left: 70px;
}

li#email {
     background-image: url('../images/email.png');
     background-repeat: no-repeat;
     background-position: 0 1px;
     padding-left: 70px;
}

p.intro .firstletter {
     font-size : 300%;
     font-weight : bold;
     float : left;
     color : #c00;
}

/**********************************/
/* Embedded Pages Frame           */
/**********************************/

iframe {
     position:relative;
     height: 600px;
     width: 100%; 
}
  
.event {
     color: #fff;
     background: url('../images/pink.gif');}

.port  {
     color: #fff;
     background:#000;
     background: url('../images/green.gif');}

.award  {
     color: #fff;
     background: url('../images/happy.gif');} 

.promote  {
     color: #fff;
     background: url('../images/awards.jpg');}

.form {
     color: #fff;
     background: url('../images/form.gif')};      

/*****************************************************/
/* Header Style & Logo                               */
/*****************************************************/

     
#header {
      clear:both;
      float:left;
      width:100%;
}

#header p,
#header {
      clear:both;
      float:left;
      width:100%;
      padding: 20px 0 0 140px;
      background: #000;
      background:url('../images/logo.jpg') no-repeat; 
      background-position:5px;
}
#header img{
      display:block;
      padding: 10px 0 0 0;
}	

#header p,
#header h1,
#header h2 {
      margin:0;
}

#header h1{
      float: left;
      letter-spacing: 0.25cm;
      padding: 5px 0 0 20px;
      font: normal 36px "Trebuchet MS", Arial, Helvetica, sans-serif;
      color: #fff;
      background: none;
      border: none;
}

#header h2{
      float: left;
      letter-spacing: 0.25cm;
      padding: 20px 0px 0px 20px;
      text-transform: lowercase;
      font-size: 16px;
      color: #bbbbbb;
      background: none;
      border: none;
                 
} 
	
#header ul {
      clear:left;
      float:left;
      width:100%;
      list-style:none;
      margin:10px 0 0 0;
      padding:0;
}
#header ul li {
      display:inline;
      list-style:none;
      margin:0;
      padding:0;
}
#header ul li a {
      display:block;
      float:left;
      margin:0 0 0 1px;
      padding:3px 10px;
      text-align:center;
      background:#eee;
      color:#000;
      text-decoration:none;
      position:relative;
      left:15px;
      line-height:1.3em;
}
#header ul li a:hover {
      background:#369;
      color:#fff;
}
#header ul li a.active,
#header ul li a.active:hover {
      color:#fff;
      background:#000;
      font-weight:bold;
}
#header ul li a span {
      display:block;
}

/* 'widths' sub menu */
#layoutdims {
      clear:both;
      margin:0;
      padding:6px 15px !important;
      text-align:right;
      background: #000;
      border-bottom: 5px double #1a1a1a;
}

/* column container */
.colmask {
      position:relative;		
      clear:both;
      float:left;
      width:100%;			
      overflow:hidden;	
}


/* AEOY column settings */

  
.aeoy {
      background:#000;    	
}

.aeoy .colmid {
      float:left;
      width:200%;
      margin-left:-200px; 	
      position:relative;
      right:100%;
      background:#000;    	
}

.aeoy .colleft {
      float:left;
      width:100%;
      margin-left:-50%;
      position:relative;
      left:400px;         	
      background:#000;
      background: url('../images/haunted.gif');   	
}

.aeoy .col1wrap {
      float:left;
      width:50%;
      position:relative;
      right:200px;        	
      padding-bottom:1em; 	
}

.aeoy .col1 {
      margin:0 215px;     	
      position:relative;
      left:200%;
	    overflow:hidden;
}

.aeoy .col2 {
      float:left;
      float:right;			
      width:170px;        	
      position:relative;
      right:15px;
    	
}

.aeoy .col3 {
      float:left;
      float:right;			
      width:170px;        	
      margin-right:45px;  	
      position:relative;
      left:50%;
       
}

/* Footer styles */
#footer {
       clear:both;
       float:left;
       width:100%;
       border-top:1px solid #000;
       background: #000;
       margin:0px 0px 10px 0px;
}
#footer p {
       text-align:center;
       line-height:35px;
       background:#B5B4B4;
       border:0px solid #000000;	
}	
   
/* --> */


/* 2 column left menu settings */
.leftmenu {
       background:#000;
       background: url('../images/haunted.gif'); 
}

.leftmenu .colright {
       float:left;
       width:200%;
       position:relative;
       left:200px;
       background:#000;
}

.leftmenu .col1wrap {
       float:right;
       width:50%;
       position:relative;
       right:200px;
       padding-bottom:1em;
}

.leftmenu .lcol1 {
       margin:0 15px 0 215px;
       position:relative;
       right:100%;
       overflow:hidden;
         
}

.leftmenu .lcol2 {
       float:left;
       width:170px;
       position:relative;
       right:185px;
         
}
   
<!--[if lt IE 7]>
<style media="screen" type="text/css">
.col1 {
       width:100%;
}
</style>

/*****************************************************/
/* Menus                                             */
/*****************************************************/

a.link { text-decoration:none;color:#999;}
a.visited { text-decoration:none;color:#999;}
a.active { text-decoration:none;color:#fff;}
a.hover { text-decoration:underline;color:#fff;}



a.linklist1:link { text-decoration:none;color:#999;}
a.linklist1:visited { text-decoration:none;color:#999;}
a.linklist1:active { text-decoration:none;color:#fff;}
a.linklist1:hover { text-decoration:underline;color:#fff;}

#navigation-block {
	position:relative;
	top:180px;
	left:180px;
}

#hide {
	position:absolute;
	top:30px;
	left:-170px;
}

ul#sliding-navigation
{
	list-style: none;
	font-size: .75em;
	margin: 30px 0;
	padding: 0;
}

ul#sliding-navigation li.sliding-element h3,
ul#sliding-navigation li.sliding-element a
{
	display: block;
	width: 150px;
	padding: 5px 18px;
	margin: 0;
	margin-bottom: 5px;
        font: normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

ul#sliding-navigation li.sliding-element h3
{
	color: #fff;
	background:#333 url('../images/heading_bg.jpg') repeat-y;
	font-weight: normal;
}

ul#sliding-navigation li.sliding-element a
{
	color: #999;
	border: 1px solid #1a1a1a;
	text-decoration: none;
        background: #000;
}

ul#sliding-navigation li.sliding-element a:hover { color: #fff; }

/*****************************************************/
/* Main Color Classes                                */
/*****************************************************/

.pink   {color:#990033;}
.green  {color:#003300;}
.yellow {color:#FFFF00;}
.white  {color:#FFFFFF;} 
.grey   {color:#999999; text-decoration:none;}

/*****************************************************/
/* Investment Accordian                              */
/*****************************************************/

.package{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
padding: 2px 5px;
border: 1px solid gray;
background: #000;
}

.openpackage{ /*class added to contents of 1st demo when they are open*/
background: url('../images/1123.png') repeat-x;

}


/**********************************/
/* Print Credit Tables            */
/**********************************/

table.printport {
     font-family: verdana,arial,sans-serif;
     font-size:11px;
     color:#fff;
     border-width: 2px double;
     border-color: #202020;
     border-collapse: collapse;
     align: center;
}
table.printport th {
     border-width: 1px;
     padding: 8px;
     color: #fff;
     border-style: solid;
     border-color: #666666;
     background-color: #000;
     background: url('../images/green.gif');
}
table.printport td {
     border-width: 2px;
     padding: 8px;
     border-style: solid;
     border-color: #003300;
     background-color: #000;
}
table.printevent {
     font-family: verdana,arial,sans-serif;
     font-size:11px;
     color:#fff;
     border-width: 2px double;
     border-color: #202020;
     border-collapse: collapse;
     align: center;
}
table.printevent th {
     border-width: 1px;
     padding: 8px;
     color: #fff;
     border-style: solid;
     border-color: #666666;
     background-color: #000;
     background: url('../images/pink.gif');
}
table.printevent td {
     border-width: 2px;
     padding: 8px;
     border-style: solid;
     border-color: #990033;
     background-color: #000;
}

table.links {
     font-family: verdana,arial,sans-serif;
     font-size:11px;
     color:#fff;
     border-width: 2px double;
     border-color: #202020;
     border-collapse: collapse;
     align: center;
     background: #000;
}

table.links th {
     border-width: 1px;
     padding: 8px;
     color: #fff;
     border-style: solid;
     border-color: #999;
}

table.links td {
     border-width: 2px;
     padding: 8px;
     border-style: solid;
     border-color: #00999;
}

/*****************************************************/
/* Contact Form                                      */
/*****************************************************/
     
.myform{
     margin:0 auto;
     width:400px;
     padding:14px;
}


/* ----------- stylized ----------- */
#stylized{
     background:#000;
     border: solid 1px #999;
     background: url('../images/haunted.gif');
}
#stylized h1 {
     font-size:14px;
     font-weight:bold;
     margin-bottom:8px;
}
#stylized p{
     font-size:11px;
     color:#fff;
     margin-bottom:20px;
     border-bottom:solid 1px #b7ddf2;
     padding-bottom:10px;
}
#stylized label{
     display:block;
     font-weight:bold;
     text-align:right;
     width:140px;
     float:left;
     color: #fff;
}

#stylized .small{
     color:#fff;
     display:block;
     font-size:11px;
     font-weight:normal;
     text-align:right;
     width:140px;
}
#stylized input{
     float:left;
     font-size:12px;
     padding:4px 2px;
     border:solid 1px #000;
     width:200px;
     margin:2px 0 20px 10px;
}
#stylized button{
     clear:both;
     margin-left:150px;
     width:125px;
     height:31px;
     background:#000;
     text-align:center;
     line-height:31px;
     color:#FFFFFF;
     font-size:11px;
     font-weight:bold;

}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
     margin-left: 3px;
     border:none;
}