/*

www.threefiftyseven.com

*/

body {
	margin:0px;
	padding:0px;
	border:0px;
	list-style: none;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#e5e5e5;
	background-image: url(../images/background.gif);
	background-repeat: repeat-y;
}

img, ul, li, h1, h2, h3, h4, h5, h6, p, div {
	margin:0px;
	padding:0px;
	border:0px;
	list-style: none;
}

.BaseDiv {
	width:1039px;
	height:900px;
	text-align:left;
}

.HeaderDiv {
	width:1039px;
	height:95px;
}

.HeaderDiv .Logo {
	width:202px;
	height:95px;
	background-color:#000000;
	float:left;
}

.Logo img {
	margin:33px 0px 0px 13px;
}

.HeaderDiv .HeaderTop {
	width:837px;
	height:95px;
	background-color:#8C8C8C;
	float:left;
}

.HeaderTop img {
	margin:23px 0px 0px 26px;
}

.NavDiv {
	width:1039px;
	height:34px;
}

.NavDiv .BotLogo{
	width:202px;
	height:34px;
	background-color:#000000;
	float:left;
}

.NavDiv .LinkDiv {
	width:837px;
	height:34px;
	background-color:#b0b4b4;
	float:left;
}

.TopNav {
	font-size:14px;
	font-weight:normal;
	color:#ffffff;
}

.TopNav ul {
	display:block;
	margin:10px 0px 0px 12px;
}

.TopNav ul li {
	display:inline;
	padding:0px 14px 0px 14px;
}

.TopNav ul li a:link {
	color:#FFFFFF;
	text-decoration:none;
}

.TopNav ul li a:active {
	color:#FFFFFF;
	text-decoration:none;
}

.TopNav ul li a:visited {
	color:#FFFFFF;
	text-decoration:none;
}

.TopNav ul li a:hover {
	color:#868d91;
	text-decoration:none;
}

.TopNav ul li span a:link {
	color:#000000;
}

.TopNav ul li span a:active {
	color:#000000;
}

.TopNav ul li span a:visited {
	color:#000000;
}

.TopNav ul li span a:hover {
	color:#868d91;
}

.BodyDiv {
	width:1039px;

}

.BodyDiv .LeftPanel {
	width:202px;
	height:600px;
	background-color:#e5e5e5;
	float:left;
	text-align:right;
}

.LeftPanel .LeftNav {
	background-image:url(../images/Left_nav_bg.jpg);
	background-repeat:no-repeat;
	background-position:right;
	font-size:14px;
	font-weight:normal;
	color:#666666;
	text-align:right;
	width:132px;
	height:23px;
	padding-top:6px;
}

.LeftNav a {
	color:#666666;
	text-decoration:none;
	padding-right:25px;
}

.LeftPanel .LeftNavHover {
	background-image:url(../images/Left_nav_bg_hover.jpg);
	background-repeat:no-repeat;
	background-position:right;
	font-size:14px;
	font-weight:normal;
	color:#666666;
	text-align:right;
	width:132px;
	height:23px;
	padding-top:6px;
}

.LeftNavHover a {
	color:#666666;
	text-decoration:none;
	padding-right:25px;
	padding-top:5px;
}

.BodyDiv .MainPanel {
	width:837px;
	background-color:#ffffff;
	float:left;
	margin: 0px;
}

.MainPanel h2 {
	font-size:24px;
	font-weight:normal;
	color:#000000;
	text-align:left;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
}

.MainPanel h3 {
	padding:20px 0px 0px 30px;
	font-size:22px;
	font-weight:normal;
	color:#000000;
	text-align:left;
}

.MainPanel h5 {
	font-size:13px;
	font-weight:bold;
	color:#999999;
	text-align:left;
	margin:25px 0px 25px 0px;
}

.MainPanel .Column {
	height:250px;
	font-size:13px;
	font-weight:normal;
	color:#666666;
	text-align:left;
	margin:0px 0px 0px 30px;
}

.MainPanel .Column1 {
	width:300px;
	height:250px;
	font-size:18px;
	font-weight:normal;
	color:#C4C4C4;
	text-align:left;
	float:left;
	margin-left:30px;
	line-height: 130%;
}

.MainPanel .Column2 {
	width:470px;
	height:250px;
	font-size:13px;
	font-weight:normal;
	color:#888888;
	text-align:left;
	float:left;
	margin-left:15px;
	line-height: 130%;
}

.MainPanel .Column2 a {
	color: #555555;
	text-decoration: none;
}

.MainPanel .Column2 h3{
	font-size:15px;
	font-weight:bold;
	color:#999999;
	padding-left: 0px;
	padding-top: 5px;
	color: #888888;
	padding-bottom: 7px;
}

.MainPanel .Column2 ul, .MainPanel .Column2 li {
	margin:0;
	padding:0;
	list-style-type:none;
	line-height: 165%;
	}
	 
.MainPanel .Column2 li {
	padding-left: 25px;
	background-image: url(../images/Arrow_Icon.jpg);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	}


.MainPanel .Thumbnail_Container {
	width:780px;
	height:120px;
	margin:22px 0px 0px 30px;
	padding-bottom:20px;
	border-bottom:#c7c9c9 1px solid;
}

.Thumbnail_Container .Thumbnail {
	width:375px;
	height:25px;
	font-size:13px;
	font-weight:normal;
	color:#666666;
	float:left;
	padding-right: 15px;
}

.Thumbnail img {
	float:left;
	padding-right:14px;
}

.MoreInfo {
	margin-top:14px;
}

.RandomPortfolio img {
	margin-right:33px;
}

.AddressHd{
	font-size:13px;
	font-weight:normal;
	color:#000000;
	line-height:17px;
	margin-top: 34px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 29px;
}

.Address {
	font-size:13px;
	font-weight:normal;
	color:#9f9f9f;
	margin-left:29px;
	line-height:17px;
}

.Address a {
	color:#777777;
	text-decoration: none;
	background-color: #EFEFEF;
}

/*

Slideshow styles

*/
.pics {
	height: 510px;
	width: 837px;
	padding: 0;
	margin:0;
	overflow: hidden;
	left: 0px;
	top: 0px;
}
.pics img {
	height: 510px;
	width: 837px;
	padding: 0;
	border: 0;
	background-color: #ffffff;
}

/*

Portfolio styles

*/

ul#menu {
	margin-left: 20px;	
}

ul#menu li {
	font:normal normal normal 14px/20px Arial, Helvetica, sans-serif;
	display:inline;
	padding:10px 10px;
	cursor:pointer;
}

ul#menu li.jFlowSelected {
	background: #ffffff url('../images/list-background.jpg') center center repeat-x;
}

#works {
	background:#ffffff;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 30px;
	font-size:13px;
	font-weight:normal;
	color:#888888;
	text-align:left;
	float:left;
	line-height: 130%;
}

#works h3 {
	font-size:22px;
	font-weight:normal;
	color:#888888;
	text-align:left;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#works div h2 {
	padding-top:20px;
}

#works div p {
	width:780px;
}

#works div p a {
	color:#777777;
	text-decoration: none;
	background-color: #EFEFEF;
}

/*
Bring down IE6 badge
*/

.badge {
	position: absolute;
	margin: 0;
	padding: 0;
	border: none;
	float: none;
	background-image: url(../images/bdie6.png);
	height: 77px;
	width: 75px;
	left: 940px;
	top: 675px;
}
