/* ************************************ */
/* JA CARPENTRY - CSS  */
/* ************************************ */
html, body
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 100%;
	background-color: #1C1C1C;
}

/* ************************************ */
/* VERTICAL CENTERING */
/* ************************************ */
#wrapper
{
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	vertical-align: middle;
	text-align: center;
	border-collapse: collapse;
}

/* ************************************ */
/* GLOBAL FONTS */
/* ************************************ */
body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F5F5F5;
	letter-spacing: .5px;
	font-weight: bold;
}

/* ************************************ */
/* PAGE DIMENSIONS */
/* ************************************ */
#page
{
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 100%;
	height: 568px;
	background-color: #000;
	position: relative;
	text-align: left;
}

/* ************************************ */
/* MENU BAR  */
/* ************************************ */
#menu
{
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-color: #1C1C1C;
	height: 30px;
}

#menu ul
{
	margin: 0px auto 0px auto;
	padding: 0px;
	list-style-type: none;
	width: 524px;
}

#menu li
{
	margin: 0px;
	padding: 0px;
	display: inline;
}

#menu a
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	display: block;
	height: 30px;
	float: left;
}

#menu a:hover { background-position: 0 -30px; }

#home_link
{
	background-image: url(../../website/art/menu/home.gif);
	background-position: 0px 0px;
	width: 77px;
}

#profile_link
{
	background-image: url(../../website/art/menu/profile.gif);
	background-position: 0px 0px;
	width: 88px;
}

#news_link
{
	background-image: url(../../website/art/menu/news.gif);
	background-position: 0px 0px;
	width: 72px;
}

#services_link
{
	background-image: url(../../website/art/menu/services.gif);
	background-position: 0px 0px;
	width: 99px;
}

#clients_link
{
	background-image: url(../../website/art/menu/clients.gif);
	background-position: 0px 0px;
	width: 89px;
}

#contact_link
{
	background-image: url(../../website/art/menu/contact.gif);
	background-position: 0px 0px;
	width: 99px;
}

/* identifies current page */
#menu a.current { background-position: 0 -30px; }
#menu a.current:hover { background-position: 0 -30px; }

/* ************************************ */
/* HEADER */
/* ************************************ */
#header
{
	margin: 0px auto 0px auto;
	padding: 0px;
	height: 130px;
	width: 100%;
	background-color: #3E4A5C;
	background-image: url(../../website/art/bg_tiles/header_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	text-align: center;
	position: relative;
}

#logo
{
	margin: 0px auto 0px auto;
	padding: 0px;
	height: 130px;
	width: 800px;
	background-image: url(../../website/art/bg_tiles/header_logo.gif);
	background-repeat: no-repeat;
	background-position: center top;
}

/* ************************************ */
/* CONTENT SECTION */
/* ************************************ */
#content
{
	clear: both;
	margin: 0px auto 0px auto;
	padding: 40px 10px 24px 10px;
	background-color: #000;
	/* full height of interior content 380px */
	height: 316px;
	width: 800px;
}

#left_box
{
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 316px;
	width: 320px;
	float: left;
}

#right_box
{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	height: 316px;
	width: 460px;
	float: right;
}

#right_text_box
{
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 10px 20px;
	height: 304px;
	width: 420px;
	float: right;
	overflow: auto;
	border-width: 1px 0px 1px 0px;
	border-color: #6699CC;
	border-style: solid;
	/*font-size: 12px;*/
}

#right_text_box li { line-height: 1.4em; }

#section_title
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.pagetitle
{
	margin: 20px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 18px;
	font-weight: normal;
	color: #828282;
}

.subtitle
{
	margin: 20px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: 12px;
}

p
{
	margin: 12px 0px 12px 0px;
	padding: 0px 0px 0px 0px;
	color: #F5F5F5;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.25em;
}

/* ************************************ */
/* LEFT SIDE NAVIGATION */
/* ************************************ */
#nav ul
{
	margin: 40px 0px 0px 0px;
	padding: 0px;
	font-size: 14px;
	font-weight: bold;
	list-style-type: none;
	color: #6699CC;
}

#nav ul li
{
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

#nav ul ul
{
	margin: 10px 0px 0px 20px;
	padding: 0px;
	/*font-family: Arial;*/
	font-size: 12px;
	list-style-type: none;
}

#nav ul ul li
{
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

/* ************************************ */
/* LINKS */
/* ************************************ */
a:link
{
	color: #CCC;
	text-decoration: none;
}

a:visited
{
	color: #CCC;
	text-decoration: none;
}

a:active { color: #6699CC; }

a:hover
{
	color: #6699CC;
	text-decoration: none;
}

/* ************************************ */
/* CONTACT */
/* ************************************ */
.contact { padding: 0px 0px 0px 0px; }

.contact dt
{
	padding: 0px 0px 0px 0px;
	width: 70px;
	height: 20px;
	font-weight: bold;
}

.contact dd
{
	padding: 0px 0px 0px 0px;
	margin: -20px 0px 10px 70px;
}

.contact a { text-decoration: underline; }

/* ************************************ */
/* FOOTER */
/* ************************************ */
#footer
{
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 28px;
	background-image: url(../../website/art/bg_tiles/footer_bg.gif);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #3E4A5C;
}