/**
 * @version 1.0
 * Diamond Baratta Design Website
 * @link http://www.kaadesigngroup.com
 * @copyright Copyright (C) 2006 KAA Design Group. All rights reserved.
 * @author Anthony McLin
 */

body {
	margin:				0;
	background:			#FFF;
	padding:			0;
	color:				#717174;
	font-family:		Helvetica, Arial, Verdanna, sans-serif;
	font-size:			10px;
	line-height:		16px;
}

img {
	border:				none;
}

/* Page Vertical Centering */

div#container {
	position:			absolute;
	height:				546px;
	top:				50%;
	margin-top:			-283px;
}

/* Menu Styling */

div#menu {
	width:				942px;
	height:				20px;
	background-color:	#b1cde0;
	color:				#FFF;
	line-height:		20px;
}

div#menu img {
	height:				20px;
}

div#layout {
	width:				942px;
	height:				463px;
	background-color:	#c5dae8;
	color:				#FFF;
	margin-top:			2px;
}

div#content {
	float:				right;
	background-color:	#FFF;
	color:				#717174;
	height:				463px;
	width:				836px;
	text-align:			right;
}

div#text {
	float:				left;
	width:				255px;
	height:				463px;
	text-align:			left;
}

div#widetext {
	float:				left;
	width:				487px;
	height:				463px;
	text-align:			left;
}

div#text p {
	margin-left:		12px;
	margin-right:		55px;
	margin-top:			0;
	margin-bottom:		1.5em;
}

div#widetext p {
	margin-left:		12px;
	margin-top:			0;
	margin-bottom:		1.5em;
}

div#text h3 {
	margin-left:		12px;
	font-size:			12px;
	tracking:			1px;
	color:				#B2B2B2;
}

a:active,
a:visited,
a:link {
	color:				#96B6CC;
	text-decoration:	none;
}

div#text a:hover {
	color:				#B2B2B2;
	text-decoration:	underline;
}

/* Text Titles Styling*/
div#title {
	width:				255px;
	height:				68px;
}

div#title h1 {
	display:			none;
}


/* Footer Styling */

div#logo {
	width:				942px;
	height:				59px;
	margin-top:			2px;
}

div#logo h1 {
	display:			none;
}

/* Portfolio Styling */
div#portfoliothumbs {
	position:			absolute;
	top:				433px;
	left:				117px;
}

img.thumbnail {
	width:				50px;
	height:				50px;
	margin-right:		3px;
	border:				2px solid #fff;
}

img.thumbnail:hover,
img.active {
	border:				2px solid #c5dae8;
}

div#projecttitle {
	position:			absolute;
	top:				327px;
	left:				117px;
}

div#otherviewbuttons {
	position:			absolute;
	top:				489px;
	right:				8px;
	text-align:			right;
}

/* Scroller */
#scrollcontainer {
	height:						394px;
	overflow:					hidden;
	position:					relative;
}

#scrollcontained {
	position:					relative;
}

div#scrollArea {
	position	: absolute;
	left		: 609px;
	top			: 90px;
	height		: 390px;
	width		: 10px;
	border		: 2px solid #DCE6EE;
	overflow	: hidden;
	background	: #DCE6EE;
}

div#scroller {
	position	: absolute;
	top			: -1px;
	width		: 15px;
	background	: #98B8CD;
}


/* KAA Byline */

div#kaacredit {
	font-family:		Verdana, Arial, Helvetica, sans-serif;
	background-color:	#FFF;
	color:				#DDD;
	font-size:			10px;
	text-align:			left;
	position:			absolute;
	bottom:				0;
}

div#kaacredit a:active,
div#kaacredit a:link,
div#kaacredit a:visited {
	color:				#DDD;
	background-color:	#FFF;
	text-decoration:	underline;
}

div#kaacredit a:hover {
	color:				#b1cde0;
	background-color:	#FFF;
}