/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/* Website design by Bang Logic - www.banglogic.com */
/* Style sheet for nickersonandassociates.com */
/* layout.css - Controls the layout of the site and styles */
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/

/*--------------------------------------------------------------*/
/* #content: Sets the width of the site. */
/*--------------------------------------------------------------*/
#content
{
height:100%;
min-height:100%;
text-align:left;
}

#content,
#width
{
max-width:1000px;
margin:0 auto;
}

#content[id],
#width[id]
{
width:94%;
height:auto;
}

/*--------------------------------------------------------------*/
/* #header:Holds the site title and header images */
/*--------------------------------------------------------------*/
#header
{
position:relative;
height:300px;
background: white url(../images/bg/header_bg_home.jpg) no-repeat right;
border-bottom: #fff solid 10px;
}

#home #header
{
background: white url(../images/bg/header_bg_home.jpg) no-repeat center;
}

#about #header
{
background: white url(../images/bg/header_bg_about.jpg) no-repeat center;
}

#practice #header
{
background: white url(../images/bg/header_bg_practice.jpg) no-repeat center;
}

#contact #header
{
background: white url(../images/bg/header_bg_contact.jpg) no-repeat center;
}

#header #title
{
position:absolute;
z-index:3;
top:10px;
left:130px;
padding:5px;
text-align:right;
}

#header h1
{
margin:0;
padding:0;
font:700 3.4em Georgia, "Times New Roman", Times, serif;
letter-spacing:-3px;
font-style:italic;
color:#FFF;
}

#header h2
{
position:absolute;
top:10px;
right:5px;
margin:0;
padding:0;
font:700 1em Georgia, "Times New Roman", Times, serif;
text-transform:lowercase;
color:#00F0EC;
}

/* Sets where the header images will go */
#header img.left
{
position:absolute;
z-index:1;
top:0;
left:0;
}

#header img.right
{
position:absolute;
z-index:0;
top:0;
right:0;
}

#header img.balloons
{
position:absolute;
z-index:2;
top:70px;
right:400px;
}

/*--------------------------------------------------------------*/
/* #mainMenu:The top level site menu */
/*--------------------------------------------------------------*/
#mainMenu { 
float:left;
width:100%;
clear:both;
background-color:#FFF;  
}

#mainMenu ul
{
margin:0;
padding:0;
}

#mainMenu li
{
display:inline;
list-style:none;
margin:0;
padding:0;
}

#mainMenu li a
{
float:left;
margin:0 5px;
padding:5px 0.8em;
font:400 1.3em Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
color:#666;
border-top:5px solid #fff;
}

#mainMenu li a:hover,
#mainMenu li a.currentSection
{
color: #006666;
border-top:5px solid #aaa;
}

#mainMenu li a.last
{
margin-right:0;
}

/*--------------------------------------------------------------*/
/* .sideMenu: The side bar menu */
/*--------------------------------------------------------------*/
.leftColumn
{
background:#E7F1F0;
}

.leftColumn h1
{
color:#bbb;
}

.mainColumn h1
{
font:700 3.0em Georgia, "Times New Roman", Times, serif;
font-style:italic;
color:#FFF;
}

ul.sideMenu
{
margin:0;
padding:0;
}

.sideMenu li
{
display:inline;
font:400 1.3em Georgia, "Times New Roman", Times, serif;
list-style-type:none;
list-style-image:none; 
}

.sideMenu li a
{
display:block;
margin:0.2em 0 0.2em 2em;
padding:3px 5px;    
text-decoration:none;
color:#666;
} 

.sideMenu li a:hover
{
color:#aaa;
text-decoration:underline;
}

/* Active menu item */
.sideMenu li.currentSection
{
display:block;  
padding:5px;
color:#65EBFF;
background:#555;
}

/* Submenu of active menu item */
.sideMenu li.currentSection ul
{
margin:0;
padding:0;
}

.sideMenu li.currentSection ul li a
{
padding-left:35px;
font:400 0.55em verdana, arial, sans-serif; 
color:#FFF;  
}

.sideMenu li.currentSection ul li a:hover
{
color:#9FF3FF;
background-color:#5F5F5F;
}

/*--------------------------------------------------------------*/
/* #page:Holds the main page content. */
/*--------------------------------------------------------------*/
#page
{
float:left;
width:100%;
clear:both;
padding-bottom:4em;
}

/*--------------------------------------------------------------*/
/* #footer:The page footer - will stick to the bottom if not enough content. */
/*--------------------------------------------------------------*/
#footer
{
float:left;
width:100%;
clear:both;
margin-top:-5em;
}

/* Sets the width of the footer content */
#footer #width
{
position:relative;
z-index:3;
font-size:0.85em;
padding-top:27px;
}

/*--------------------------------------------------------------*/
/* Width classes used by the site columns */
/*--------------------------------------------------------------*/
.width100
{
width:100%;
}

.width75
{
width:74%;
}

.width50
{
width:49.7%;
}

.width33
{
width:32.7%;
}

.width25
{
width:24.7%;
}

/*--------------------------------------------------------------*/
/* Alignment classes */
/*--------------------------------------------------------------*/
.floatLeft
{
float:left;
}

.floatRight
{
float:right;
}

.alignLeft
{
text-align:left;
}

.alignRight
{
text-align:right;
}

.alignCenter
{
display:block;
margin-left:auto;
margin-right:auto;
}


/*--------------------------------------------------------------*/
/* Generic display classes */
/*--------------------------------------------------------------*/
.block
{
display:block;
}

.clear
{
clear:both;
}

.small
{
font-size:0.8em;
}