@charset "UTF-8";
/* CSS Document */


body {
	margin:0;
	padding:0;
	color:#555;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background: #0c0c0c;
}

a, a:visited, a:active {color:#555; text-decoration:none;}
a:hover {text-decoration:underline;}

#january {
	padding: 60px 0px 0px 50px;
	background: url(../images/2010.1/text.jpg) no-repeat;
	background-position: 50px 540px;
	height: 670px;
	width: 9400px;
}

#february {
	padding: 60px 0px 0px 50px;
	background: url(../images/2010.2/text.jpg) no-repeat;
	background-position: 50px 540px;
	height: 670px;
	width: 10000px;
}

#march {
	padding: 60px 0px 0px 50px;
	background: url(../images/2010.3/text.jpg) no-repeat;
	background-position: 50px 540px;
	height: 670px;
	width: 12000px;
}

#april {
	padding: 60px 0px 0px 50px;
	background: url(../images/2010.4/text.jpg) no-repeat;
	background-position: 50px 540px;
	height: 670px;
	width: 11000px;
}

#may {
	padding: 60px 0px 0px 50px;
	background: url(../images/2010.5/text.jpg) no-repeat;
	background-position: 50px 540px;
	height: 670px;
	width: 11200px;
}

#june {
	padding: 60px 0px 0px 50px;
	background: url(../images/2010.6/text.jpg) no-repeat;
	background-position: 50px 540px;
	height: 670px;
	width: 11200px;
}

#july {
	padding: 60px 0px 0px 50px;
	background: url(../images/2010.7/text.jpg) no-repeat;
	background-position: 50px 540px;
	height: 670px;
	width: 10000px;
}

#august {
	padding: 60px 0px 0px 50px;
	background: url(../images/2010.8/text.jpg) no-repeat;
	background-position: 50px 540px;
	height: 670px;
	width: 10000px;
}

#september {
	padding: 60px 0px 0px 50px;
	background: url(../images/2010.9/text.jpg) no-repeat;
	background-position: 50px 540px;
	height: 670px;
	width: 10000px;
}

#october {
	padding: 60px 0px 0px 50px;
	background: url(../images/2010.10/text.jpg) no-repeat;
	background-position: 50px 540px;
	height: 670px;
	width: 10000px;
}

#november {
	padding: 60px 0px 0px 50px;
	background: url(../images/2010.11/text.jpg) no-repeat;
	background-position: 50px 540px;
	height: 670px;
	width: 10000px;
}

#december {
	padding: 60px 0px 0px 50px;
	background: url(../images/2010.12/text.jpg) no-repeat;
	background-position: 50px 540px;
	height: 670px;
	width: 10000px;
}

#image-sample {
	float:left;
	height:450px;
	padding: 10px;
}

a {outline:none}
img {outline:none}

/* HOME */
#wrap {width:792px; height:720px; margin:auto; background-color:#003940}
#home-top {height:33px; width:792px;}
#home-middle {height:458px; width:792px;}
#home-left {height:458px; width:545px; float:left;}
#home-months {height:458px; width:152px; float:left;}
#home-right {height:458px; width:93px; float:left;}
#home-bottom {height:229px; width:792px;}



#arrows {
	position: fixed;
	top: 5px;
	left: 40%; 
	width: 300px;
	height: 50px;
	cursor: pointer;
}

#arrows ul {	
	margin: 0;
	padding: 0px;
	list-style:none;
}

#arrows ul li {
	margin: 0;
	padding: 0;
	display:inline;
	width: 90px;
	height: 45px;
}

#arrows ul li a{
	margin-right: 0px;
	float: left;
	display: block;
	width: 90px;
	height: 45px;
	overflow: hidden;
	cursor: pointer;
	font-size: 50em;
	text-indent: -9000px;
}

#arrows ul #left a {background:url(http://beauxmots.com/img/left.png) no-repeat;}
#arrows ul #right a{background:url(http://beauxmots.com/img/right.png) no-repeat;}
#arrows ul #home a{background:url(http://beauxmots.com/img/home.png) no-repeat; width:120px;}