/* --- Reset --- *
 * ------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent}
body {line-height: 1}
ol, ul {list-style: none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none}
:focus {outline: 0}
ins {text-decoration: none}
del {text-decoration: line-through}
table {border-collapse: collapse; border-spacing: 0}
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;line-height:0}


/* --- Common --- *
 * -------------- */

/*body {font: 14px Arial, Helvetica, Garuda, sans-serif; background: #2a2a2a; padding-top: 119px}*/
/* Modified by Nathan 10/12/09. */
body {font: 14px Arial, Helvetica, Garuda, sans-serif; background: #2a2a2a;}

/*.wrapper {width: 856px; margin: 0 auto; padding-left: 134px}*/
/* Modified by Nathan 10/12/09. */
.wrapper {width: 856px; margin: 20px auto 0 auto; padding-left: 134px; position:relative;}

.content {height: 370px; position:relative}
#preloader {position:absolute;width:126px; height:22px; top:174px; left:360px;z-index:99;}
.lh-1 {line-height: 1px}

/* --- Menu --- *
 * ------------ */
.menu li {float: left; width: 122px; height: 124px}
.menu li a {display: block; width: 122px; height: 32px; text-align: center; padding-top: 92px; font-size: 21px; color: #424242; text-decoration: none}

/*.menu.home li a {color: #fff}*/
/* Modified by Nathan 10/12/09. */
.menu.home li a {color: #424242}
.menu li a:hover, .menu li.active a {background: #424242; color: #fff}

/* --- Home Images --- *
 * ------------------- */
/*.home-images {height: 370px}
.home-images li {float: left; line-height: 1px}*/
.home-images {width:856px;}
.home-images img {float:left;width:122px; height:122px;}
.home-images span.slideshow {width:122px; height:122px;float:left;display:block}

	/*--- brandingContent, constructionContent, designContent -- */
		#designBtn, #brandingBtn, #constructionBtn {cursor: pointer;}
		#brandingContent, #constructionContent, #designContent{ display:none; font-size:11px; color:#fff; background-color:#424242; padding: 5px 10px; margin-bottom: 10px}
			#brandingContent p, #constructionContent p, #designContent p { line-height:18px; margin: 15px 0; font-size:13px;}
				#designContent ul {margin: 15px 0; }
				#designContent ul li {float:left; width:275px; display:block;line-height:18px; font-size:13px;}
		
			

/* --- Design Content --- *
 * ---------------------- */
.content.design {background: url('../images/logos.jpg') no-repeat; padding: 68px 0 0 34px; width: 817px; height: 302px; font-size: 14px; color: #fff}
/*.content.design {background: url('../images/logos.jpg') no-repeat;  width: 851px; height: 370px; font-size: 14px; color: #fff}*/
.content.design h1 {font-size: 16px; margin-bottom: 18px}


/* --- site map content ---*/
.sitemap { padding: 68px 0 0 34px; width: 817px; height: 302px; font-size: 14px; color: #fff; background-color:#000}
.sitemap h1 {font-size: 16px; margin-bottom: 18px}
.sitemap ul li {margin:10px 0;}
.sitemap ul li a {color:#fff; text-decoration:none}
.sitemap ul li a:hover {text-decoration: underline}

/* --- Company Content --- *
 * ----------------------- */
 .content.company {background: url('../images/company-image.jpg') no-repeat; padding: 68px 640px 0 34px; width: 182px; height: 302px; font-size: 14px; color: #fff}
 
/*
Maggie	11/Dec/2009
.content.company {padding: 14px 0 0 30px}
.content.company .col-1 {float: left; width: 235px; margin-right: 38px}
.content.company .col-2 {float: left; width: 236px; margin-right: 28px}
.content.company .col-3 {float: left; width: 240px}
.content.company p {color: #fff; font-size: 14px; margin-bottom: 14px}*/

/* --- Contact Content --- *
 * ----------------------- */
.content.contact {position: relative; background: url('../images/contact-image.jpg') no-repeat; padding: 20px 30px 0 30px; height:350px;}
/*.content.contact .bottom-string {position: absolute; width: 856px; text-align: center; color: #fff; font-size: 16px; bottom: 14px; left: 0}*/
.content.contact .bottom-string {color: #fff; font-size: 13px; font-weight:bold; padding-top:10px; letter-spacing: 2px; text-align:left;}
.content.contact h2 {color: #bb0274; text-decoration: none; font-size:14px}
.content.contact .bottom-string a:hover {text-decoration: underline}
.content.contact label {color:#fff; font-size:12px; float:left; width:160px; font-weight: bold; }
	.content.contact label.error {color:#bb0274; font-size:12px; float:left; margin-left:20px; font-weight: bold;  width:350px;}
.content.contact .successMsg {color:#fff; font-size:12px; font-weight:bold; margin: 20px 0;}
.content.contact a {color:#bb0274; text-decoration: none; font-size:12px; font-weight:bold}
.content.contact input, textarea {color:#fff; float:left; background-color:transparent; width: 200px; border:1px solid #484848; font: 11px Arial, Helvetica, Garuda, sans-serif; }
.content.contact p {margin:5px 0;}
/* --- Footer --- *
 * -------------- */
.footer {position: relative; height: 100px}
.logo {position: absolute; top: 30px; left: -132px; width: 118px; height: 118px}
.footer-text {height: 86px; line-height: 86px; padding-left: 122px; font-size: 20px; color: #424242}
.footer-text .plus {margin: 0 35px}
.footer-text .white {color: #858585}
.fmenu-1 {position: absolute; top: 37px; left: 122px; width: 180px}
.fmenu-2 {position: absolute; top: 37px; left: 264px; width: 180px}
.fmenu-1 a, .fmenu-1 a:visited,.fmenu-2 a,.fmenu-2 a:visited {font-size: 15px; color: #858585; text-decoration: none; }
.fmenu-1 a:hover, .fmenu-2 a:hover {color: #fff;}
.fmenu-1 li.active a, .fmenu-2 li.active a {color:#fff}
.works {position: absolute; top: 20px; left: 610px; width: 246px; color: #fff; font-style: italic; font-size: 14px;}
	.works img.project-logo {margin-bottom:20px;}
	.works img {display:block;}
	.work_spacer {height:50px;}
.wlogo {position: absolute; top: 40px; left: 610px}

#enews { position: absolute; top: 130px; left: 610px; width: 200px; margin: 5px 0 0 0;}
#enews.alt { left: 650px;}
#enews ul { height: 1.2em; overflow: hidden;}
#enews li { width: 200px; display: block;}
#enews a { font-size: 0.875em; color: #858585; text-decoration: none;}
#enews a:hover { color: #fff;}
#enews a.disabled { color: #444;}

/*-------ROTATING IMAGE------*/
#login_design, #store_design, #brand_image, #construction_management {
		display:none;
	}
	
	#work_spacer .project-logo {
		display:none;
	}
	
	ul.fmenu-1 li, ul.fmenu-2 li {
		color: #858585
	}
	
	ul.fmenu-1 li.active, ul.fmenu-2 li.active, ul.fmenu-1 li.activex, ul.fmenu-2 li.activex {
		color:#fff
	}



/*-------- MUSIC PLAYER	-----*/
#player_container {
	background-color:#2A2A2A;
	width:170px;
	height:30px;
	border:1px solid #2a2a2a;
	position: relative; 
	display: none;
}
#player_container  ul#player_controls {
	list-style-type:none;
	padding:0;
	margin: 0;
}
#player_container  ul#player_controls li {
	overflow:hidden;
	text-indent:-9999px;
}
#player_play,
#player_pause {
	display: block;
	position: absolute;
	left:20px;
	top:10px;
	width:15px;
	height:15px;
	cursor: pointer;
}
#player_play {
	background: url("../images/play.png") 0 0 no-repeat;
}
/*#player_play.different_prefix_example_hover {
	background: url("../images/spirites.jpg") -41px 0 no-repeat;
}*/
#player_pause {
	background: url("../images/pause.png") 0 0 no-repeat;
}
/*#player_pause.different_prefix_example_hover {
	background: url("../images/spirites.jpg") -41px -42px no-repeat;
}*/
#player_stop {
	position: absolute;
	left:45px;
	top:10px;
	background: url("../images/stop.png") 0 0 no-repeat;
	width:15px;
	height:15px;
	cursor: pointer;
}
/*#player_stop.different_prefix_example_hover {
	background: url("../images/spirites.jpg") -29px -83px no-repeat;
}*/
#player_volume_min {
	position: absolute;
	left:70px;
	top:10px;
	background: url("../images/v_min.png") 0 0 no-repeat;
	width:18px;
	height:15px;
	cursor: pointer;
}

#player_volume_max {
	position: absolute;
	left:95px;
	top:10px;
	background: url("../images/v_max.png") 0 0 no-repeat;
	width:18px;
	height:15px;
	cursor: pointer;
}
/*
#player_volume_min.different_prefix_example_hover {
	background: url("../images/spirites.jpg") -19px -170px no-repeat;
}

#player_volume_max.different_prefix_example_hover {
	background: url("../images/spirites.jpg") -19px -186px no-repeat;
}
*/
#player_volume_bar {
	position: absolute;
	left:88px;
	top:12px;
	background: url("../images/volume_bar.gif") repeat-x top left;
	width:30px;
	height:5px;
	cursor: pointer;
}
#player_volume_bar_value {
	background: url("../images/volume_bar_value.gif") repeat-x top left;
	width:0px;
	height:5px;
}
#total_time {
	float:right;
	text-align: right;
}

.miaow {
	font-size:.8em;
	color:#999;
}

.miaow a:link, a:visited, a:hover, a:focus, a:active {
	color:#009be3;
}

#player_container ul#player_controls li#sitemap {
	position: absolute;
	left:120px;
	top:7px;
	width:60px;
	height:15px;
	cursor: pointer;
	text-indent:0px
}

#player_container ul#player_controls li#sitemap a{
	color:#2A2A2A;
}

/*
#player_progress {
	position: absolute;
	left:130px;
	top:32px;
	background-color: #eee;
	width:122px;
	height:15px;
}
#player_progress_load_bar {
	background: url("images/bar_load.gif")  top left repeat-x;
	width:0px;
	height:15px;
	cursor: pointer;
}
#player_progress_load_bar.different_prefix_example_buffer {
	background: url("images/bar_buffer.gif")  top left repeat-x;
}
#player_progress_play_bar {
	background: url("images/bar_play.gif") top left repeat-x ;
	width:0px;
	height:15px;
}
#player_playlist_message {
	position: absolute;
	left:0;
	bottom:0;
	width:338px;
	padding:5px 40px 10px 40px;
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.4em;
	height:1em;
	background-color:#ccc;
}

#song_title {
	float:left;
	margin:0 5px 0 0;
	padding:0;
	font-weight:bold;
}

#play_time,
#total_time {
	padding-top:.3em;
	font-weight:normal;
	font-style:oblique;
	font-size:.7em;
}

#play_time {
	float:left;
}*/


.slideshow img { display: none }
.slideshow img.first { display: block }

.footer_sitemap{
/*	left: -132px;
	display: block;*/
	position: absolute;
	top: 160px;
}

.footer_sitemap a {
	color:#424242;
	text-decoration: none;
}

.footer_sitemap a:hover{
	color: #ffffff;
	text-decoration: underline;
}

.site_map_link{position:absolute; right:1px; !right:1px; !padding:5px; top: 500px; z-index:500;}
.site_map_link a { padding: 5px;color:#424242; font-size:14px; text-decoration:none;}
.site_map_link a:hover {color:#fff;background:#424242;}