/************************************************************************
-) Slider: only the following lines are necceassary for slider styling,
   rest of the css file styles the demo page
*************************************************************************/
.aviaslider{ 
height:400px; 	/*this changes the height of the image slider*/
width:960px;
overflow: hidden;
position: relative;
background: #f000 url(../images/layout/preload.gif) center center no-repeat;
}

.aviaslider li, .aviaslider .featured{
display: block;
width:100%;
height:100%;
position: absolute;
top:0;
left:0;
z-index: 1;
}

.js_active .aviaslider li, .js_active .aviaslider .featured{
display:none;
}

.aviaslider img, .aviaslider a img, .aviaslider a{
border:none;
text-decoration: none;
}

.slidecontrolls{
margin:10px auto 0 auto;
position: relative;
float:left;
}

.slidecontrolls a{
	height:20px;
	width:18px;
	display:block;
	cursor: pointer;
	float:left;
	outline: none;
	background-color: transparent;
	background-image: url(../images/layout/controlls.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

.slidecontrolls a:hover, .slidecontrolls .active_item{
background: transparent url(../images/layout/controlls.png) center top no-repeat;
}

.feature_excerpt{
width:610px;
position: absolute;
display: block;
bottom: 0;
left:0;
z-index: 2;
padding:14px 15px;
font-size: 11.5px;
line-height:1.5em;
cursor: pointer;
background: #000;
color: #fff;
}

.feature_excerpt strong{
display: block;
font-size: 15px;
padding-bottom: 3px;
}



/************************************************************************
-) DEMO PAGE STYLING
*************************************************************************/

/*Small reset*/
body, ul, ol, h1,h2,h3,h4,h5,h6,form,li,p,input,select,legend,textarea{ margin:0; padding:0;}


/************************************************************************
-) BASIC CONTAINERS
*************************************************************************/
body{
font-size:12px;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
line-height:18px;
position:relative;
background-color:#000;
color:#444;
}

.header {
	background-color:#000;
	height:110px;
	background-image: url(../images/layout/mgphoto-june-11-header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	color:#cc3333;
}
.head-close{
	background-image: url(../images/layout/mgphoto-june-11-head-close.jpg);
	background-position: center top;
	background-repeat:no-repeat;
	height:36px;
	margin-top:-10px;
	border-bottom:3px solid #cc3333;
}
.center{ /*center content area */
position: relative;
margin:0 auto;
width:960px;
}
.content {
	background-color:#FFF;
	padding: 40px 0px;
}
.content_left {
	float:left;
	width:600px;
}
.content_left p {
	width:600px;
	padding:15px 25px;
	background-color:#f1f1f1;
	border:1px solid #eee;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.content_right {
	float:right;
	width:290px;
}
.content_right p {
	float:right;
	width:240px;
	padding:15px 25px;
	background-color:#f1f1f1;
	border:1px solid #eee;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.headerlinks {
	float:right;
	margin-top:30px;
}
a {
	font-size:14px;
	color:#EEE;
}
.footer {
	background-image: url(../images/layout/mgphoto-june-11-footer.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	height:80px;
	padding-top:10px;
	font-size:10px;
	text-align:center;
	color:#cc3333;
}
.footer a {
	font-size:10px;
}
h2 {
	font-size:18px;
	color:#222;
	margin-bottom:-3px;
	margin-left:25px;
}
h3 {
	font-size:16px;
	color:#222;
	margin-bottom:-4px;
	margin-left:25px;
}