/* 

STYLE SHEET FOR WHATS MY BRAND
Created by Sam Piper and Will Perry

Table Of Contents

	1. defaults
	2. main layout
	3. links
	4. fonts	
	
/* - 1. defaults - */

body 
{
    margin: 0;
    padding: 0;
    text-align:center;
}

body * {border: solid 0px #999;}

/* - 2. master layout - */

#wrapper
{
    text-align:left;
    width:910px;
    margin-left:auto;
    margin-right:auto;
    border-left: solid 2px #333;
    border-right: solid 2px #333;
    background-color:#E9E8D9;
}

#header
{
    width:910px;
    height:122px;
    background: url('../images/mainLayout/top1.png') left top no-repeat;
}

#betaBanner
{
    position:absolute;
    background-image: url('../images/beta.png');
    right:50%;
    height:70px;
    width:70px;
    top:0px;
    margin-right:220px;
    z-index:999999;

}
	
#logo
{
    position: relative;
    top: 6px;
    left:16px;
    width: 154px;
    height: 105px;
    z-index:999;
}

#logo img 
{
    width: 154px;
    height: 105px;
}

/* login menu */

#loginMenu
{
    position:relative;
    float:right;
    height:25px;
    top:30px;
}

#loginLeft 
{
    background-image: url('../images/loginBox/left1.gif');
    height:25px;
    width: 9px;
    float:left;
}

#loginContents
{
    background-color: #454545;
    color:#CCC;
    height:25px;
    float:left;
    padding-right:10px;
    font-weight:bold;
}

#menu
{
    position:relative;
/*    top:-16px;
    left:104px;*/
    top:-32px;
    left:208px;
}

#submenu
{
}


#submenu
{
    position:relative;
    top:-20px;
    float:right;
    padding-right:6px;
}


#loginMenu a
{
    color:#FFF;
    background-color:Transparent;
    font-weight:normal;
}

#loginMenu a:hover
{
    text-decoration:underline;
}

/* dictionary search */

#dictionarySearch {position:relative; top:-88px; left:-62px; width:210px;}
.dictionarySearchBack { background:url('../images/mainLayout/searchBack.gif') no-repeat; }

/* header strapline */
#headerstrap {position:relative; left:240px ; top:-120px; width:275px;}
#headerstrap h1 {color:#363; font-size:100%; font-weight:normal}



#contentWrapper
{
    position:relative;
    width:910px;
    background-color:#E9E8D9;
}

#contentContainer 
{
    position:relative;
    min-height:200px;
    padding:20px 0; 
    margin-left:65px;
    margin-right:65px;  
    background-color:#E9E8D9;
}
#footerWrapper 
{
    position:relative;
    text-align: center;
    height:35px;
    width:910px;
    background-image: url('../images/mainLayout/footer2.gif');
    background-color:#8F8E7E;
    color:#FFF;
}

#footerContent
{
    height:35px;
}

#aboutWrapper, #contactWrapper, #refWrapper, #signupWrapper
{
    position:relative;
    width:780px;
    clear:both;
}

#pageWrapper     
{
    position:relative;
    width:881px;
    clear:both;
    left:-40px;
}

.aboutMenu
{ 
    position:relative;
    float: left;
    width:180px;
}
#aboutContent
{   
    position:relative;
    float:right;
    margin-left:20px;
    width: 588px;
    overflow:visible;
    top:-190px;        
}
#blank
{
    position:relative;
    clear:both;
}

/* - 3. links - */

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

}

a:link {
	text-decoration: none;
    color: #817B73;
}

a:visited {
	text-decoration: none;
	color: #817B73;
}

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

a:active {
	text-decoration: none;
}


#footerWrapper a:link, #footerWrapper a:visited {color:#FFF;}

/* - 4. fonts - */



body {
    font-family: "lucida grande" , tahoma, verdana, arial, sans-serif;
    font-size: 11px;
    color: #434343;
    color: #555;
}

h1, h2, h3, h4 
{
    font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
    color: #434343;
    font-weight:normal;
}


h1 
{
    font-size: 16px;
    text-align: left;
    margin:0px 0;
}

h2 
{
    font-size: 14px;
    text-align: left;
}

h3 
{
    font-size: 11px;
}
		
h4 {
}

p {
}

.highlight{
    color: #a3d400;
    font-weight:bold;
}

.lowlight
{
    color:#C6C6C6;
}

.Watermark
{
	color: #C0C0C0;
	font-style:italic;
}

/* buttons */

.input {border:solid 1px #999}

.fakeBtn 
{
	background-color:Transparent;
	color:Transparent;
}