@import url(/includes/css/nav.css); /* CSS for menu style */

/*====================================================*/
/* NOTE: This Sheet is Optimised for non IE Browsers  */
/*====================================================*/

html,body{
	margin: 0px;
	padding: 0px;
	height:100%;
}
html{}
body{
	background: #020101 url(/images/bg/canvas_bg.jpg) no-repeat fixed center;
}

/*==============CENTER PAGEFRAME CSS===============*/
/* Solution Found at:  http://www.jakpsatweb.cz/css/css-vertical-center-solution.html  */
/*=================================================*/

#bgDiv {height: 100%; width:100%; overflow: visible; display: table; position: static;}

#pageFrame {display: table-cell; vertical-align: middle; position: static;}

#colFrame {position: relative; top: -50%; margin:auto;} /* for explorer only */
/* optional: #colFrame[id] {position: static;} */

/*=============END CENTER PAGEFRAME CSS=============*/

#pageFrame {background:url(/images/bg/chrome_frame.gif) no-repeat fixed center;}

#header{
	position: relative; 
	top: -50%;
	margin: 0px auto -7px auto;
	height:20px;
	width:824px;
	border:none;
}
#smMenu{margin:12px 0px 0px 682px; position:absolute;}

#logo{}


#logo a{display:none;}
#logosm{display:block;color:#000000;font-size:16px;}
#logo a:link, #logo a:visited {	text-decoration: none; color: #ffffff;}
#logo a img { border-style:none;}


#colFrame{
	/*background: url(/images/bg/frame_bg.gif) repeat-y fixed center;*/
	margin:-35px auto 0px auto;
	padding:0px 0px 0px 0px;
	height:452px;
	width:871px;
}

#leftSide{
	background: url(/images/bg/brushed_al_top2.jpg) no-repeat top left;
	float: left;
	width:160px;
	height:357px; 
	display:table-cell;
	vertical-align:bottom;
	margin: 0px 0px 0px 11px;
	padding:95px 0px 0px 0px;
	position:relative;
}

#swflogo{margin-top:-95px; } 

#leftSideBox{ 
	width:160px; position:absolute; bottom:46px; margin:0px 0px -5px 0px; 
	background: url(/images/bg/brushed_menu_bg.jpg) repeat-y;
}
#leftSideFoot{ 
	width:160px; position:absolute; bottom:0px; margin:0px 0px 0px 0px; 
	height:46px; background: url(/images/bg/brushed_menu_foot.jpg) no-repeat;
}
#leftSideShadow{
	height:452px;
	width:9px;
	position:absolute;
	z-index:50;	
	top:0px;
	left:171px;
	margin:0px 0px 0px 0px; 
	background-image:url(/images/bg/menu_shadow.png);	
}

#rightSide{float: left; width:221px; height:100%;}

#content{
	float:none;
	width:649px;
	height:393px;
	margin:12px 11px 12px 197px;
	padding:35px 0px 0px 0px;
	color:#FFFFFF;
	background-image: url(/images/interiors/02.jpg);
	background-repeat: no-repeat;
	background-position:top right;

	position: absolute; 
	z-index:1; 

}

#articleContent{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px; 
	text-align:justify;
	width:201px;
}

#articleContent{position:absolute; z-index:2;}

#media{ 	
	float:none;
	margin:0px 0px -428px 250px;
	 
	padding:0px 0px 0px 0px; 
	height:428px; 
	width:608px;
	
	text-align:right;
	display:table-cell; 
	vertical-align:middle;	
	position: absolute; 
	z-index:0;
}

#scroll{ 
	width:219px; 
	height:331px; 
	position:absolute; 
	margin:8px 0px 0px 0px; 	
	padding:0px 5px 0px 0px; 
	overflow:auto;
}


#breadcrumb{
	margin: 0px;
	display:none;
	visibility:hidden;
	width: 200px;
}



#footBar{display:none;}

#musicControl{background:#000; padding:0px 3px; margin-left:100px;}
#footer{float: left; text-align:right; width:851px;color:#999999;margin: 5px 0px 0px 0px; background-color:#000000;padding:0px 20px 0px 0px;}
#footer #textBottom{margin:-17px 0px 0px 692px; position:absolute;}
#footer p, #musicControl{margin:0px;font-size: 11px;color:#999999; width:176px;}
#footer p a, #musicControl a{color:#999999;}
#footer p a:hover, #musicControl a:hover{color:#ffffff;}
#sectionTitle, #printHead, .hideme{visibility:hidden;display:none; float:left;}


body,font,th,td,p,div,li,h1,h2,h3,h4 { font-family: Arial, Verdana, Helvetica, sans-serif; color:#CCCCCC; }

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

#content h1{
	margin:18px 0px 8px 0px;
	padding:0px 0px 0px 0px;
	color:#999999;
	font-size:20px;
	font-family: "Palatino Linotype", "Times New Roman", Times, serif;
	font-weight:normal;
	width:200px;
}

#content #articleContent, #content p, #content td, #content div{

	font-size:12px;
	color:#cccccc;

}
#content p{margin:0px 0px 5px 0px; }
#content li{margin:0px 0px 0px 0px;}

#content form{margin:0px; padding:0px;}


.fixedSize, #content .fixedSize{font-size:12px;}
.required, #content .required{color:#FF3333;font-weight:bold;}

#content input, #content textarea{
	font-size:10px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}




#artOptions{margin: 15px 0px 0px 0px; display:none;}
#artOptions a{color:#cccccc;}
#artOptions a:hover{color:#ffffff;text-decoration:underline;}
#backBtn, #topBtn, #printBtn{font-size:10px;color:#404040;padding-left:7px;margin-right:10px;}
#backBtn:link, #topBtn:link, #printBtn:link{text-decoration:none;}
#backBtn{
	background-image: url(/images/back_sm_white.gif);
	background-repeat: no-repeat;
	background-position:left 5px;
}
#topBtn{
	background-image: url(/images/top_sm_white.gif);
	background-repeat: no-repeat;
	background-position:left 5px;
}
#printBtn{
	padding-left:12px;
	background-image: url(/images/print_sm_white.gif);
	background-repeat: no-repeat;
	background-position:left 2px;
}


div.breadCrumb{margin-bottom:20px;;}
.txtSml{font-size:small;font-weight:normal;}

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: medium; }
.messageStackError, .messageStackWarning, .messageStackSuccess { font-size: medium; font-weight:bold; color:#FFFFFF; background-color: #FF0000; }
.messageStackSuccess { background-color: #99ff00;color:#000000; }


/* Admin styles */
.adminMenu{	background-color: #000000; }
.menuTopItm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}
.menuTopItm A:link, .menuTopItm A:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.menuTopItm A:active, .menuTopItm A:hover {
	color: #FFFFFF;
}

.tabContent{
	border-bottom: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	background-color:#FFFFFF;
	padding:10px;
}
#catalog{
	overflow: scroll;
	height: 390px;
	width:150px;
}
.photoLeft{cursor:pointer; margin:0px 10px 10px 0px; }
.photoRight{ cursor: pointer; margin:0px 0px 10px 10px; }

.textBig{font-size:14px; font-weight:bold;}

#photoThumbs{
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#photoThumbs li{display:inline;}

#media a img{border:none;}

ul{	}