@charset "UTF-8";
/* CSS Document */

body
{
	background:url(layout/bg.jpg) repeat-x;
	background-color:#ebdfcf;
	
	font-size:12px;
	font-family: Helvetica;

	margin:0px;
	padding:0px;
}
a{
	color:#696969;
	text-decoration:underline;
}

img
{
	margin:0px;
	padding:0px;
	border:0;
}

h1
{
	font-size:180%;
	margin:0px;
	padding:7px 5px 5px 5px;
}


/* colors */

.txt_dark_red { color:#841710; }
.txt_dark_red a { color:#841710; }
.txt_golden { color:#9d9569; }
.txt_grey { color:#696969; }

/* miscellaneous */
.clear_float
{
	clear:both;
}

.plain_link
{
	text-decoration:none;
}


/* layout */

.container
{
	margin-left:auto;
	margin-right:auto;
	
	margin-top:10px;
	
	width:953px;
	height:520px;
}

.header
{
	text-align:right;
}

.footer
{
	padding-top:2px;
	margin:10px 10px 10px 10px;
	color:#841710;
}

.footer a, a:hover, a:visited
{
	color:#841710;
}

.footer_right
{
	float:right;
	text-align:right;
}

.footer_left
{
	float:left;
	text-align:left;
}

/* frame */
.frame
{

}

.frame_top
{
	background:url(layout/content_top.jpg) no-repeat;
	height:6px;
}

.frame_left
{
	background:url(layout/frame_left.jpg) top left no-repeat;
	background-color:#ded7c7;
}

.frame_right
{
	background:url(layout/frame_right.jpg) top right no-repeat;
	background-color:#ded7c7;
	margin-left:5px;
}

.frame_bottom
{
	background:url(layout/frame_bottom.jpg) no-repeat;
	height:6px;
}

.inside_frame
{
	background-color:#fbfaf8; margin-right:5px; 
}


/* content */

.content
{
	margin:0px 23px 0px 24px;
	padding-bottom:20px;
	color:#696969;
	text-align:left;
}

.content a
{
	text-decoration:none;
}

.content a:hover
{
	text-decoration:none;
}

.column_left
{
	float:left;
	/*width:452px;*/
}

.column_right
{
	float:left;
	margin-left:15px;
	width:432px;
}


/* left menu */

.left_menu
{
	width:150px;
	float:left;
	clear:left;
}

.left_menu ul
{
	display:inline;
	padding:0px;
	margin:0px;
	list-style:none;
	list-style-type:none;
	list-style-position:outside;
	marker-offset:0px;
}

.left_menu_item a
{
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	color:#9d9569;
}


.sub_menu li
{
	text-indent:0px;
	padding:0px;
	margin-left:10px;
	color:#841710;
}

.sub_menu a, .sub_menu a:hover
{
	text-decoration:none;
	font-size:12px;
	color:#841710;
}



/* content_right to be used when left menu is used */

.content_right
{
	margin-left:155px;
	margin-right:0px;
	width:733px;
}


/* thumbnails */

.pen_browser
{
	display:inline;
	background-color:#ece4d5;
	text-align:center;
}

.pen_name
{
	padding-top:4px;
	margin-bottom:4px;
	background-color:#ece4d5;
	text-align:right;
	color:#841710;
}

.pen_description
{
	padding-top:4px;
	padding-bottom:4px;
	text-align:left;
	color:#9d9569;
}

/* column3: 243 pixels wide with 2px margin --> 741px */
.column3
{
	width:244px;
	float:left;
	min-height:300px;
}

/* force everything in this column to have a fixed width */
/*
.column3 *
{
	width:243px;
}
*/


/* menu */

.menu
{
	margin-left:23px;
	padding-top:5px;
}

.menu_btn
{
	height:32px;
	float:left;
}

#menu_about_btn { width:150px; background:url(layout/menu_about_down.jpg) no-repeat; }
#menu_about_btn:hover {	background:url(layout/menu_about_up.jpg) no-repeat; }
#menu_about_btn_up { width:150px; background:url(layout/menu_about_up.jpg) no-repeat; }

#menu_vintage_btn { width:118px; background:url(layout/menu_vintage_down.jpg) no-repeat; }
#menu_vintage_btn:hover { background:url(layout/menu_vintage_up.jpg) no-repeat; }
#menu_vintage_btn_up { width:118px;	background:url(layout/menu_vintage_up.jpg) no-repeat; }

#menu_modern_btn { width:115px;	background:url(layout/menu_modern_down.jpg) no-repeat; }
#menu_modern_btn:hover { background:url(layout/menu_modern_up.jpg) no-repeat; }
#menu_modern_btn_up { width:115px; background:url(layout/menu_modern_up.jpg) no-repeat; }

#menu_repair_btn { width:69px;	background:url(layout/menu_repairs_down.jpg) no-repeat; }
#menu_repair_btn:hover { background:url(layout/menu_repairs_up.jpg) no-repeat; }
#menu_repair_btn_up { width:69px; background:url(layout/menu_repairs_up.jpg) no-repeat; }