@charset "UTF-8";

/* ---------------------- B O D Y ----------------------*/


body {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	background: #1A1A1A 0px 0px;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: white;
	background-repeat: no-repeat;
	background-image: url('images/bg.jpg');
	text-align: left;
}

/* ------------------ M E N U C O N T A I N E R ------------------*/




#menucontainer {
	position: relative;
	height: 56px;
	background-color: #fff;
	color: #000;
}


.menu {
padding: 24px 0 0 75px;
}

/* remove the bullets, padding and margins from the lists */
.menu ul{
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;
}


/* style all the links */
.menu a, .menu :visited {
font-family: Helvetica, Verdana, Arial, sans-serif;
display:block;
font-size: 16px;
width:;
height:;
padding:5px 0;
color:#000;
text-decoration:none;
margin-right:5px;
text-align:left;
}
/* style the links hover */
.menu :hover{
color: #B51823;
}

.menu li .current{
color: #B51823;
}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:149px;
height:0;
}

/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}



/* ---------------------- L O G O C O N T A I N E R ----------------------*/


#logocontainer {

	width: 540px;
	height: 72px;
	margin-top: 24px;
	position: relative;
	margin-left: 75px;
	padding: 0;
	top: 0;
	
	/* 	background-color: lime;  */
	
	}
	
	
/* ---------------------- C O N T E N T ----------------------*/


#line {
margin-top: 24px;
height: 0;
width: 100%;
border-top: 2px solid #fff;
}

#content-container
{
	float: left;
	width: 1005px;
}
	
#content {
	background-image: url(images/transparency.png);
	clear: left;
	float: left;
	width: 550px;
	padding: 20px 20px;
	margin: 20px 0 40px 55px;
	display: inline;
	border: 2px solid #fff;

}

#aside
{
	background-image: url(images/transparency.png);
	float: right;
	width: 290px;
	padding: 20px 20px;
	margin: 20px 0 40px 0;
	left: 670px;
	display: inline;
	border: 2px solid #fff;

}

.backtotop {
	float: left;
	margin-left: 55px;
	width: 100px;
	border: 2px solid #fff;
	margin-top: 30px;
	padding: 17px;
	text-align: left; 
	margin-bottom: 50px;
}

.backtotop a {
	text-decoration: none;
	color: #fff;
}

#asidetext {
position: relative;
height: 25px;
width: 300px;
font-size: 12px;
padding-left: 15px;
margin-top: -35px;
}

#asidetext a {
text-decoration: none;
color: #fff;
}

#content p {
	line-height: 17px;
	font-size: 12px;
	margin-top: 15px;
}

#content p a {
	color: #B51823;
	text-decoration: none;
}

#content p a:hover {
	color: #B51823;
	text-decoration: none;
	border-bottom: 2px solid #B51823;
}

#content a {
	color: #fff;
	text-decoration: none;
}

#content a:hover {
	color: #B51823;
	text-decoration: none;
}

ul.bulletlist {
/* 	list-style-image: url(bullet.jpg); */
	list-style-type: none;
	font-size: 12px;
	line-height: 17px;

}


.bulletlist li {
	margin-bottom: 8px;
	background: url(images/bullet.jpg) left 4px no-repeat;
	padding-left: 15px;
	color: #fff;
}

.photo {
	width: 600px;
/* 	border: 2px solid #fff;  */
	margin: 20px 0 ;
}

.photocropped {
	width: 288px;
	margin: 0px;
	padding: 0px;
}

/* ---------------------- H E A D I N G S ----------------------*/


h1.logo {
text-indent: -5000px;
background: url(images/boxedoff-logo.png);
background-repeat: no-repeat;
background-position: left;
height: 67px;
margin: 0;

}

h2 {
	font-size: 23px;
	margin-top: 0px;
	font-weight: 100;
}

h3 {
	font-size: 16px;
	margin-top: 24px;
	margin-bottom: 0px;
	font-weight: 100;
	color: #B51823;
	padding-left: 5px;
	border-left: 10px solid #B51823;
	line-height: 10px;

}

h4 {
	font-family: Helvetica;
	font-size: 20px;
	margin-top: 40px;
	margin-bottom: 0px;
	font-weight: 100;
	color: #B51823;
	border-bottom: 1px solid;
	padding-left: 5px;
	text-transform: uppercase;

}

h5 {
	font-family: Helvetica;
	font-size: 14px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: 100;
	color: #fff;
	padding-left: 5px;
	line-height: 20px;
	text-transform: uppercase;

}


#menucontainerbottom {
	position: relative;
	height: 50px;
	background-color: #eee;
}

.menubottom {
padding: 12px 0 0 75px;
}

/* remove the bullets, padding and margins from the lists */
.menubottom ul{
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menubottom li{
float:left;
position:relative;
z-index:100;
}


/* style all the links */
.menubottom a, .menubottom :visited {
font-family: Helvetica, Verdana, Arial, sans-serif;
display:block;
font-size: 14px;
width:;
height:;
padding:5px 0;
color:#000;
text-decoration:none;
margin-right:5px;
text-align:left;
}
/* style the links hover */
.menubottom :hover{
color: #B51823;
}

.menubottom li .current{
color: #B51823;
}

/* hide the sub level links */
.menubottom ul ul {
visibility:hidden;
position:absolute;
width:149px;
height:0;
}

/* make the sub level visible on hover list or link */
.menubottom ul li:hover ul,
.menubottom ul a:hover ul{
visibility:visible;
}


    
    /* -------------------------- E a s y S l i d e r --------------------------*/
    
    #contentslider {
	background-image: url(images/transparency.png);
	clear: left;
	float: left;
	width: 620px;
	padding: 20px 20px;
	margin: 20px 0 40px 55px;	
	border: 2px solid #fff;
	display: inline;

}


	#slider a, a:visited, a:hover, a:active {
	color: #fff;
	}

	#slider{
	margin:0px;
	padding:0px;
	}	
		


	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
		
	#slider li{ 
		width:621px;
		height: 480px;
		overflow:hidden;
	
		}	
		
	#prevBtn, #nextBtn{ 
		display:block;
		margin: 0;
		width:50px;
		height:50px;
		position:absolute;
		left:738px;
		top:268px;
		}
			
	
	#nextBtn{ 
		left:738px;
		top:198px;
		}
																
	#prevBtn a, #nextBtn a{  
		display:block;
		width:50px;
		height:50px;
		background:url(images/btn_prev.png) no-repeat 0 0;	
		}
			
	#nextBtn a{ 
		background:url(images/btn_next.png) no-repeat 0 0;	
		}												

	.graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
		
	#prevBtnNone, #nextBtnNone{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }

/* // Easy Slider */




.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;