html{}

body {
background-color:white;
background-image:url("../images/bg.png");
background-repeat:repeat-x;
margin:0;
padding:0;
font-family:Helvetica, Times, sans-serif;
font-size:14px;
padding-bottom:1em;
}

/*box definitions*/
div#container {
margin:0 auto 0 auto;
width:850px;
}
#container2
{
	margin-left: -150px;
}

div#header {
width:1000px;
height:196px;
background:url(../images/logo_top.png);
}

div#slogan {
background-image:url(../images/lasting_impressions.png);
position:relative;
top:156px;
left:682px;
width:129px;
height:16px;
}

div#date {
xborder:1px solid red;
float:right;
position:relative;
left:-220px;
top:144px;
font-style:italic;
color:#999;
}

div#menu {
width:850px;
width:850px;
height:43px;
background:url(../images/menu.png);
background-repeat:no-repeat;
padding-left:288px;
}

div#banner {
margin:0.5em auto;
width:801px;
height:275;
xbackground:lime;
}

div#left {
width:480px;
margin-left:32px;
display:block;
float:left;
text-align:left;
}

div#right {
margin-right:35px;
display:block;
float:right;
}

div#content {
xborder:1px solid lime;
text-align:center;
}

div#content p {
text-align:left;
}

div#wrapper {
margin-left:auto;
margin-right:auto;
}

div#models {
xborder:1px solid red;
width:800px;
padding-left:16px;
margin:0 auto;
}

div#contact_form {
xborder:1px dashed lime;
width:360px;
margin:1em 0;
}

/*
div#left:after {
content:" ";
display:block;
height:0;
clear:both;
}
*/

/*
div#right:after {
content:" ";
display:block;
height:0;
clear:both;
}
*/

img {
border:0;
}

/* class definitions */
.header {
float:left;
display:block;
clear:left;
margin-left:3em;
}

.info {
margin-top:4em;
margin-left:1em;
width:400px;
float:left;
clear:none;
font-size:12px;
xborder:1px solid lime;
}

.info p {
padding:6px;
background:#eee;

}

.model img {
margin-bottom:0.5em;
border:3px double black;
xclear:none;
}

.model {
margin:0.5em;
float:left;
}

.rounded {

width:742px;
padding:20px;
background-color:#eeeeee;
margin:1em 30px;
background-image:url(../images/info.png);
background-repeat:no-repeat;
background-position:104px 32px;
text-align:left;
}

.next {
float:right;
position:relative;
top:-20px;
right:-12px;
}

.link {
float:right;
position:relative;
top:-48px;
right:-8px;
clear:none;
}

.book {
float:right;
position:relative;
top:-20px;
right:0;
}

.stats {
font-size:13px;
line-height:1.5em;
list-style:url(../images/leaf.png);
margin-bottom: -4em;
}

.spacer {
clear:both;
}

/* snazzy css rollovers */
a.main {
display:block;
width:55px;
height:31px;
background:url("../images/main.png") 0 0 no-repeat;
text-decoration:none;
float:left;
}

a:hover.main {
background-position:-55px 0;
}

a.about {
display:block;
width:59px;
height:31px;
background:url("../images/about.png") 0 0 no-repeat;
text-decoration:none;
float:left;
}

a:hover.about {
background-position:-59px 0;
}

a.downloads {
display:block;
width:75px;
height:31px;
background:url("../images/downloads.png") 0 0 no-repeat;
text-decoration:none;
float:left;
}

a:hover.downloads {
background-position:-75px 0;
}

a.talent {
display:block;
width:56px;
height:31px;
background:url("../images/talent.png") 0 0 no-repeat;
text-decoration:none;
float:left;
}

a:hover.talent {
background-position:-56px 0;
}

a.store {
display:block;
width:57px;
height:31px;
background:url("../images/store.png") 0 0 no-repeat;
text-decoration:none;
float:left;
}

a:hover.store {
background-position:-57px 0;
}

a.blog {
display:block;
width:57px;
height:31px;
background:url("../images/blog.png") 0 0 no-repeat;
text-decoration:none;
float:left;
}

a:hover.blog {
background-position:-57px 0;
}

a.contact {
display:block;
width:65px;
height:31px;
background:url("../images/contact.png") 0 0 no-repeat;
text-decoration:none;
float:left;
}

a:hover.contact {
background-position:-65px 0;
}

a.friends {
display:block;
width:65px;
height:31px;
background:url("../images/friends.png") 0 0 no-repeat;
text-decoration:none;
float:left;
}

a:hover.friends {
background-position:-65px 0;
}

a {
outline-style:none;
}

/* drop down menu */
#menu{
position:relative;
margin-top:0px;
}

#menu ul .item{
display:none;
}

#menu ul:hover .item{
display:block;
background:#333;
padding:4px;
border:1px solid #666;
xclear:none;
xfloat:left;
position:absolute;
top:31px;
* margin-left: -60px;
z-index:2;
}

#menu ul:hover .item a{
color:#fff;
text-decoration:none;
}

#menu ul:hover .item a:hover{
color:#999;
text-decoration:underline;
}

div#menu ul {
margin:0;
padding:0;
float:left;
display:inline;
list-style:none;
}

div#menu ul li {
xborder:1px dashed lime;
}

/* contact form */

br {
clear: left;
}

.gallery{
          margin:0; padding:0;
          overflow:hidden; /* Clears the floats */
          width:100%; /* IE and older Opera fix for clearing, they need a dimension */
          list-style:none;
        }
          .gallery li{
            float:left;
            display:inline; /* For IE so it doesn't double the 1% left margin */
     
            margin:0 0 10px 1%; padding:10px 0;
            height:83px; /* Height of img (75) + 2 times 3px padding + 2 times 1px border = 83px */
            position:relative; /* This is the key */
            background:url(45degree.png);
            height: 40px;
            min-height: 120px;
          }

            .gallery img{
              display:block;
              padding-bottom: 0px;
              border: solid 1px #d1d1d1;
            }

            a img{ border:none; } /* A small fix */


            .gallery a:hover{
              border-color:#dfdfdf;
            }
            
            .gallery a:active, a:visited, a{
             text-decoration: none;
             color: #484848;
            }
            
            .gallery a:hover{
             text-decoration: none;
             color: #c1c1c1;
            }

            /* These are all optional, for decoration purpouses only */
            .gallery{
              padding-bottom:10px;
              margin-top:10px;
            }
.gallery2{
          margin:0; padding:0;
          overflow:hidden; /* Clears the floats */
          width:100%; /* IE and older Opera fix for clearing, they need a dimension */
          list-style:none;
        }
          .gallery2 li{
            float:left;
            display:inline; /* For IE so it doesn't double the 1% left margin */
     
            margin:0 0 10px 1%; padding:10px 0;
            height:83px; /* Height of img (75) + 2 times 3px padding + 2 times 1px border = 83px */
            position:relative; /* This is the key */
            background:url(45degree.png);
            height: 150px;
          }

            .gallery2 img{
              display:block;
              padding-bottom: 0px;
              border: solid 1px #d1d1d1;
            }

            a img{ border:none; } /* A small fix */


            .gallery2 a:hover{
              border-color:#dfdfdf;
            }
            
            .gallery2 a:active, a:visited, a{
             text-decoration: none;
             color: #484848;
            }
            
            .gallery2 a:hover{
             text-decoration: none;
             color: #c1c1c1;
            }

            /* These are all optional, for decoration purpouses only */
            .gallery2{
              
              padding-bottom:10px;
              margin-top:10px;
            }

.mailinglist 
{
	color: #000;
	text-align: left;
	font-size: 10px;
	width: 232px;
	height: 97px;
	background-image: url('http://www.firstglanceonline.com/images/mailingbg.gif');
	padding-left: 22px;
	padding-top: 30px;
	margin-bottom: 10px;
}

.homeLinks
{

	width: 256px;
	height: 79px;
	margin-bottom: 10px;
}
}

.mailinglist input 
{
display: inline;
width: auto;
margin-bottom: 0px;
border: solid 0px;
}
.mailinglist table
{

}

#friendsMain
{
	width: 765px; 
	background-color: transparent; 
	text-align: left; 
	margin-left: 50px;
}
            
.friends
{
	float:left;
	display:block;
	background-color: transparent;
	border: solid 0px #c1c1c1;
	padding-top: 50px;
}
.friends ul
{
		margin-left: 0px;
}
.friends ul li
{
	list-style-type: none;

}
div.friends  ul a img
{
	margin-bottom: 20px;
	border: solid 2px #c1c1c1;
}
#friendsPhoto
{
	width: 300px;
	background-image: url('../images/friends_photographers.gif');
	background-repeat: no-repeat;
}
#friendsFriends
{
	background-image: url('../images/friends_friends.gif');
	background-repeat: no-repeat;
	width: 300px;
}
#contactList
{
	float:left; 
	line-height: 22px;
	width: 450px; 
	height: 500px;
	display: inline; 
	margin-top: 20px; 
	text-align: right
}

#contactList h3
{
	color: #FF6600;
	border-bottom: solid 3px #c1c1c1;
}

#musicianlogo {
height:228px;
left:44px;
position:relative;
width:761px;
padding-bottom:20px;
}

#profile{
position: relative;
width:300px;
text-align: left;
}

#player{
float:right;
position:relative;
right:52px;
}

#musiciangallery{
float:right;
position:relative;
right:30px;
width:450px;
}

.title{
text-align: left;
font-family: Helvetica;
font-size: medium;
padding-bottom:7px;
}

.bio{
text-align: left;
font-family: Helvetica;
font-size: medium;
}

.bio p{
text-align: left;
font-family: Helvetica;
font-size: 12px;
}