* {margin:0; padding:0}

body {background:url(../images/background.jpg) repeat-y #fff center;}

#container {
	width:1017px;
	height:603px;
	margin:20px auto;
	text-align:center;
}


/* ------------------ Header Elements ------------------ */
#header{
	width:1017px;
	height:87px;
	float:left;
}

#logo {
	width:143px;
	height:82px;
	float:left;
	background:url(../images/logo.jpg) no-repeat;
	margin-bottom:10px;
}

h1 span {display:none;}

#details {
	width:847px;
	height:32px;	
	float:left;
	padding:35px 27px 0 0;
	text-align:right;
}

/* ------------------ flash animation area ------------------ */
#flash {width: 1017px; height: 449px; float: left; background:url(../images/flash_bg.jpg) no-repeat #FFF;}
#flash_home {width: 1017px; height: 449px; float: left; background:url(../images/flash_bg_index.jpg) no-repeat #FFF;}
#flash_about {width: 1017px; height: 449px;	float: left; background:url(../images/flash_bg_about.jpg) no-repeat #FFF;}
#flash_history {width: 1017px; height: 449px; float: left; background:url(../images/flash_bg_history.jpg) no-repeat #FFF;}
#flash_philosophy {width: 1017px; height: 449px; float: left; background:url(../images/flash_bg_philosophy.jpg) no-repeat #FFF;}
#flash_gallery {width: 1017px; height: 449px; float: left; background:url(../images/flash_bg_gallery.jpg) no-repeat #FFF;}
#flash_gallery_hfx {width: 1017px; height: 449px; float: left; background:url(../images/flash_bg_galleryhfx.jpg) no-repeat #FFF;}
#flash_gallery_alli {width: 1017px; height: 449px; float: left; background:url(../images/flash_bg_galleryalli.jpg) no-repeat #FFF;}
#flash_gallery_arc {width: 1017px; height: 449px; float: left; background:url(../images/flash_bg_galleryarc.jpg) no-repeat #FFF;}
#flash_gallery_gal {width: 1017px; height: 449px; float: left; background:url(../images/flash_bg_gallerygal.jpg) no-repeat #FFF;}
#flash_gallery_jla {width: 1017px; height: 449px; float: left; background:url(../images/flash_bg_galleryjla.jpg) no-repeat #FFF;}
#flash_gallery_super {width: 1017px; height: 449px; float: left; background:url(../images/flash_bg_gallerysup.jpg) no-repeat #FFF;}
#flash_gallery_joe {width: 1017px; height: 449px; float: left; background:url(../images/flash_bg_galleryjoe.jpg) no-repeat #FFF;}
#flash_gallery_ferno {width: 1017px; height: 449px; float: left; background:url(../images/flash_bg_galleryferno.jpg) no-repeat #FFF;}
#flash_news {width: 1017px; height: 449px; float: left; background:url(../images/flash_bg_news.jpg) no-repeat #FFF;}
#flash_news_article {width: 1017px; height: auto; float: left; background:url(../images/article_bg.jpg) no-repeat #FFF;}
#flash_contact {width: 1017px; height: 449px; float: left; background:url(../images/flash_bg_contact.jpg) no-repeat #FFF;}
#flash_join {width: 1017px; height: 449px; float: left; background:url(../images/flash_bg_join.jpg) no-repeat #FFF;}
#flash_rock {width: 1017px; height: 449px; float: left; background:url(../images/flash_bg_rock.jpg) no-repeat #FFF;}
#flash_bored {width: 1017px; height: 449px; float: left; background:url(../images/flash_bg_bored.jpg) no-repeat #FFF;}
#flash_blog {width: 1017px; height: 449px; float: left; background:url(../images/flash_bg_blog.jpg) no-repeat #FFF;}
#flash_sitemap {width: 1017px; height: 510px; float: left; background:url(../images/flash_bg_big.jpg) no-repeat #FFF;}
#flash_sitemap ul {line-height:15px;}

#flash h1 span {display:none;}

#flashcontent {
	width: 992px;
	height: 449px;
	float: left;
	text-align:left;
}

#flashcontent p {margin:30px 0 0 30px;}
#flashcontent ul {margin:20px 0 0 30px; list-style:none;}
.top_copy {width:300px;}
.top_copy2 {width:350px;}

#flashcontent li a {font-family:Arial, Helvetica, sans-serif; color:#ff7f00;}
.indent {margin-left:40px;}

/* ------------------ Shadows ------------------ */

#bot_shade_panel {width:1017px; height:36px; float:left;}

/* ------------------ Content Area ------------------ */
#content_panel {
	width:897px;
	height:auto;
	float:left;
	background:#FFF url(../images/content_shad_bg.jpg) repeat-y;
	padding:20px 90px 20px 30px;
}

#hidden_menu {width:400px; height:auto; display:none;}

/* ------------------ News Styles ------------------ */

.list_style {
	margin:5px 0;
}

#news_story {
	margin-bottom:20px;
	padding:30px 0;
}

#news_story p {
	margin-bottom:10px;
}

#news_story h2 {
	padding-bottom:4px;
	margin-bottom:4px;
	border-bottom:1px solid #eaeaea;
}
	


#blog_panel {
	width:890px;
	height:auto;
	float:left;
	margin-top:10px;
	border:solid #FF7007 1px;
}

#blog_img {
	width:100px;
	height:145px;
	margin:10px;
	float:left;
}

#blog_copy {
	width:760px;
	height:auto;
	float:left;
	padding:10px 0;
}

#blog_copy p {
	margin:0 0 8px 0;
}

#blog_copy img {
	margin:5px 10px 0 0;
	float:left;
}

.blog_copy_spec {
	width:760px;
	height:auto;
	margin-top:10px;
	float:left;
}

.blog_comment {
	width:740px;
	height:auto;
	float:right;
	margin:0 10px 10px 10px;
	padding:10px;
	background:#ffd4b5;
}

#rock_copy {
	width:875px;
	height:auto;
	float:left;
	padding:10px;
}


ul {
	width:890px;
	height:auto;
	list-style:outside;
	float:left;
	text-align:left;
	margin:10px 0 20px 0px;
	clear:both;
}

li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color: #000;
	margin:0 0 5px 30px;
}

.rock_img {margin:10px 10px 0 0; float:left;}
.rock_logo {margin:10px 10px 0 0;}

#article {
	width:988px;
	background:#FFFFFF;
	height:auto;
	margin-top:20px;
	float:left;
}

/* ------------------ Quiz ------------------ */

#previous_quiz {
	width:175px;
	height:300px;
	float:left;
	margin-top:20px;
}

#previous_quiz ul {
	width:175px;
}

#quiz {
	width:680px;
	height:auto;
	float:left;
	padding-left:20px;
	padding-bottom:50px;
	border-left:1px solid #ff7f00;
	margin:20px 0 30px 0;
}

#quiz h1 {
	color:#ff7f00;
	font-size:1.0em;
	margin-bottom:5px;
}

#quiz ol {
	text-align:left;
	margin:20px 0;
}

#quiz li {
	line-height:20px;
}

ol {
	text-align:left;
}

/* ------------------ Gallery Client list ------------------ */

.client_list {
	width:auto;
	height:auto;
	float:left;
	margin:10px 20px 0 0;
}


/* ------------------ Footer ------------------ */

#footer_panel {width:993px; height:30px; float:left; padding-right:24px;}
#footer_panel p {font-size:0.7em; color:#999; margin:0; text-align:right;}
#footer_panel a {color:#999; text-decoration:none;}
#footer_panel a:hover {color:#666; text-decoration:underline;}
#footer_panel a:visited {color:#666; text-decoration:none;}


/* ------------------ MORE BLOGS ------------------ */

#more_blogs {
	width:360px;
	height:20px;
	float:left;
	margin:20px 0 0 500px;
	padding:20px;
	background:url(../images/bg_arrow.jpg) no-repeat;
}

/* ------------------ CONTACT DETAILS ------------------ */

#contact_details {
	width:300px;
	height:auto;
	float:left;
}

#map_canvas {
	width:580px;
	height:250px;
	float:left;
}