body{
	margin: 0;
	padding: 0;
	background: #363438 url(images/bg-body.gif) center 197px  no-repeat;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 140%;
}

a img{
	border: 0;
}

#left a{
	color: #2c5185;
	text-decoration: none;
}

#left a:hover{
	color: #363438;
	border-bottom: 1px solid #363438;
}

#headerwrap{
	background: url(images/bg-header.gif) top center no-repeat;
	height: 145px;
}

#topline{
	background: url(images/headerbg.png);
	height: 5px;
}

#header{
	margin: 0 auto;
	width: 700px;
	height: 145px;
}

#nav{
	background: #2c5185;
	border-top: 1px solid #363438;
	border-bottom: 1px solid #363438;
	height: 50px;
	margin-bottom: 50px;
}

#nav #menu{
	width: 660px;
	margin: 0 auto;
}

#nav #menu ul{
	width: 470px;	
	margin: 0 0 0 190px;
	padding: 0;
}

#nav #menu ul li{
	list-style-type: none;
	float: left;
}

#nav #menu ul li a{
	display: block;
	height: 50px;
	text-indent: -9999px;
}

/* Menu Sprite */

#nav #menu ul li#m-home a{
	width: 102px;
	background:url(images/menu.gif);
}

#nav #menu ul li#m-blog a{
	width: 81px;
	background:url(images/menu.gif)  -102px 0 no-repeat;
}

#nav #menu ul li#m-work a{
	width: 90px;
	background:url(images/menu.gif) -183px 0 no-repeat;
}

#nav #menu ul li#m-about a{
	width: 95px;
	background:url(images/menu.gif) -273px 0 no-repeat;
	
}

#nav #menu ul li#m-contact a{
	width: 102px;
	background:url(images/menu.gif) -368px 0 no-repeat;
}

#nav #menu ul li#m-home a:hover{
	width: 102px;
	background:url(images/menu.gif) 0 -50px no-repeat;
}

#nav #menu ul li#m-blog a:hover{
	width: 81px;
	background:url(images/menu.gif)  -102px -50px no-repeat;
}

#nav #menu ul li#m-work a:hover{
	width: 90px;
	background:url(images/menu.gif) -183px -50px no-repeat;
}

#nav #menu ul li#m-about a:hover{
	width: 95px;
	background:url(images/menu.gif) -273px -50px no-repeat;
	
}

#nav #menu ul li#m-contact a:hover{
	width: 102px;
	background:url(images/menu.gif) -368px -50px no-repeat;
}

/* End Menu Sprite */

#content{
	width: 620px;
	background: #FFFFFF;
	margin: 0 auto 20px auto;
	padding: 20px;
}

#content #left{
	width: 405px;
	float: left;
	padding-bottom: 20px;	
}


#content #left h1{
	font-size: 18px;
	color: #363438;
	text-transform: uppercase;
	margin: 15px 0;
	padding: 0;
}

#content #right{
	width: 195px;
	float: right;
	text-align: center;
	padding-bottom: 20px;
}


#content #right .portfolio{
	background: #ffc49f;
	padding: 5px;
	margin: 10px 0;
}

#content #right h1{
	font-size: 18px;
	text-align: left;
	padding: 0 20px;
	margin: 0;
	color: #2c5185;
	
}

#content #right p{
	text-align: left;
	padding: 0 20px;
	font-size: 12px;
	margin: 0;
	font-style: italic;
}

dl{}

dl input, dl textarea{
	width: 250px;
}

.submit{
	margin-left: 80px;
}

dl dt{
	float: left;
	width: 75px;
	text-align: right;
	padding: 5px;
	font-weight: bold;
	font-size: 11px;
}

dl dd{
	padding: 5px;
}

#content #footer{
	clear: both;
	background: #2c5185;
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #FFFFFF;
	font-size: 11px;
}

#content #footer a{
	color: #FFFFFF;
}