/* Date:		4/17/2010
		Version:			1
		Author:				Tim Nelson
		Title:				Web Productivity Tools- Web Project
*/

.red_text {color:#cc0101; font-family:Helvetica; font-weight:bold; font-size: 16px; }
.red2_text {color:#cc0101; font-family:Helvetica; font-weight:bold; font-size: 20px; }
.purple_text {color:purple;}
.whitetext {color:white; font-family:Helvetica; font-size: 12px; }

h2 {color:darkblue; font-family:Calibri; font-weight:bold; font-size: 40px; margin-bottom:0px; margin-left:10px; margin-top:15px;}

h3 {color:darkblue; font-family:Century Schoolbook; font-weight:bold; margin-right:5px; font-size: 20px; margin-top:0px;}

h4 {color:darkblue; font-family:Calibri; font-weight:bold; font-size: 18px; }

/* Zero Base */
html {padding: 0; margin: 0;}
p, ul, li {margin-top: 0; margin-bottom: 0; color:darkblue; font-size: 16px}

body{
	margin:0;
	padding:0;
	text-align:center;
	background-color: #001a7d;
	font-family: Comic-sans, Helvetica, Verdana, Sans-serif;
	font-size: 76%;
	color: white;
	
}

/* Main Layout IDs */

#container { 
	    position:relative; 
	    width:900px; 
	    height:800px; 
	    margin:20px auto 0 auto; 
	    border:1px solid #aaa; 
	    } 
		
#container ul { 
	    padding:0; 
	    margin:0; 
	    list-style-type:none; 
	    } 

#container a.gallery span { 
	    position:absolute; 
	    width:1px; 
	    height:1px; 
	    top:5px; 
	    left:5px; 
	    overflow:hidden; 
	    background:#fff; 
	    } 

/* Adding the thumbnail images */
#container a.gallery, #container a.gallery:visited {
    display:block;
    color:#000;
    text-decoration:none;
    border:1px solid #000;
    margin:1px 2px 1px 2px;
    text-align:left;
    cursor:default;
    }
#container a.slidea {
    background:url(images/Cookies2.jpg);
    height:94px;
    width:125px;
    }
#container a.slideb {
    background:url(images/3birds2.jpg);
    height:94px;
    width:125px;
    }
#container a.slidec {
    background:url(images/caddie2.jpg);
    height:94px;
    width:125px;
    }
#container a.slided {
    background:url(images/feesha2.jpg);
    height:94px;
    width:125px;
    }
* html #container a.slided {
    width:91px;
    w\idth:93px;
    }
#container a.slidee {
    background:url(images/IMG_00262.jpg);
    height:94px;
    width:125px;
    }

* html #container a.slidef {
    width:91px;
    w\idth:93px;
    }
#container a.slideg {
    background:url(images/Lorin12smoke2.jpg);
    height:94px;
    width:125px;
    }

#container a.slidei {
    background:url(images/bubbles22.jpg);
    height:94px;
    width:125px;
    }
#container a.slidej {
    background:url(images/sunrise2.jpg);
    height:94px;
    width:125px;
    }
#container a.slidek {
    background:url(images/tunnellight2.jpg);
    height:94px;
    width:125px;	
    }	
#container a.slidel {
    background:url(../images/p12_t.jpg);
    height:60px;
    width:93px;
    }

#container ul {
    width:300px;
    height:386px;
    }
#container li {
    float:right;
    }

#container ul {
    margin:5px;
    float:right;
    }

#container a.gallery:hover {
    border:1px solid #fff;
    }
	
#container a.gallery:hover span {
    position:absolute;
    width:500px;
    height:750px;
    top:10px;
    left:75px;
    color:#000;
    background:#d5d5d5;
    }

#container {
    background:#fff url(images/IMG_02421.jpg) 75px 50px no-repeat;
	background-color:#d5d5d5
    }



#wrapper {
width: 1200px;
margin-left: auto;
margin-right: auto;
text-align: left;
background-color:#d5d5d5;
}

#main-nav {
	width: 1000px;
	text-align: center;
	margin-left:50px;
}

#header {
	width: 1160px;
	height: 229px;
	background-image: url(images/header_for_lounge_copy.jpg);
	margin-left: 20px;
}

#header2 {
	width: 1160px;
	height: 1200px;
	margin-left: 20px;
}

#main_body {
width: 800px;
margin-top: 0px;
margin-left: 20px;
margin-right: auto;
/*background-image: url (images/background/background2.jpg);*/
}

#main_body2 {
width: 800px;
height:1200px;
margin-top: 0px;
margin-left: 20px;
margin-right: auto;
/*background-image: url (images/background/background2.jpg);*/
}



#menu {
float: left;
margin-left: 0px;
margin-top:40px;
margin-bottom:40px;
padding: 2px;
width: 200px;
}

#content {
float: right;
margin-right: 0px;
width: 550px;
padding: 5px;
}

#footer {
width: 1200px;
margin-left: auto;
margin-right: auto;
text-align: center;
background-color:#cc0101;
}

/* Forcing Floats to Align */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visiblity: hidden;

}