html, body {
border: 0 none; height: 100%; text-align:center;
}
img, a img, form { 
margin: 0; padding: 0; border: 0 none; text-decoration: none; 
}

/* 
Font
____________________________________________________________________________________________________ */
html, body, p, div, span, li, ul
{ 
	font-family: tahoma;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 11px;
	line-height: normal;
	color:#666
}
a , a:visited
{	
	color: #000;
	text-decoration: none;	
}

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

#web a, #web a:visited,#web a:hover{
	background:url(../images/fw.gif) no-repeat 1% 72%; 
	padding-left: 18px; 
	display:block;
	margin-top:3px;
}
ul{list-style:none; margin-left:16px; margin-top:2px; margin-bottom:2px;}
ul li{line-height:16px; }
/* 
Layout wrapper 
__________________________________________________________________________________________________*/
#wrapper 
{
	margin: 0 auto;
	width: 640px; 
	text-align: left;
}
/*
Drop Shadow
*/
/*header---------------------------------------*/
.out {
	display:block; 
	background:#f4f4f4; 
	border:1px solid #f3f3f3; 
	position:relative;
	margin:3px 0 6px 0;
  }

.in {
	background:#fff url(../images/bg-header.jpg) no-repeat 100% 0 ; 
	border:1px solid #ccc; 
	position:relative; 
	padding:0px;
	font-weight:normal;
  }

body#about .in {
	background:#fff url(../images/bg-header1.jpg) no-repeat 100% 0 ; 
  }
body#portfolio .in {
	background:#fff url(../images/bg-header2.jpg) no-repeat 100% 0 ; 
  }
body#reach .in {
	background:#fff url(../images/bg-header3.jpg) no-repeat 100% 0 ; 
  }
body#guest .in {
	background:#fff url(../images/bg-header4.jpg) no-repeat 100% 0 ; 
  }
.header {width:600px;}
.headerLinks{float:right; position:relative; margin:4px;}
.headerLinks a,.headerLinks a:visited{text-decoration:none;}

/*Shadow position--------------*/
.ltin {
	left:-4px;
  }
.tpin {
	top:-4px;
  }

/*Body text-----------------------------------------------*/
.bodyInline{display:inline;}
.bodyText {
	width:400px;
	height:400px;
	display:inline;
	} 

.outBody {
	display:inline; 
	background:#f4f4f4; 
	border:1px solid #f3f3f3; 
	position:relative;
	margin:3px 0 6px 0;
	float:left
  }
.inBody{
	background:#fff; 
	border:1px solid #ccc; 
	position:relative; 
	padding:2px;
	font-weight:normal;
	height:400px;
  }
.inBody div, .inBody p {padding:6px 14px; margin:0; line-height:16px;}

/*Nav-----------------------------------------*/

.outNav {
	display:inline;
	background:#f4f4f4; 
	border:1px solid #f3f3f3; 
	position:relative;
	margin:3px 0 6px 6px;
	float:left;
  }
.nav {
	width:191px;
	float: left;
}
.inNav{
	background:#fbfbfb; 
	border:1px solid #ccc; 
	position:relative; 
	padding:2px;
	font-weight:normal;
	height:400px;
  }
.inNavHeader{
	border-bottom:1px solid #eaeaea;
	font-weight:bold;
	font-size:11px;
	padding:6px 4px;
	background:#f4f4f4;
	line-height:16px;
	}
			
		/*Menu------------------------------------------------------- */

		#menu a, #menu a:visited {
			text-decoration:none;
			text-align:left;
			background:#fbfbfb url(../images/arrow-left.gif) no-repeat 2% 52%; 
			display:block; 
			width:171px;
			padding:5px 3px 5px 12px;
			border-top:1px solid #fff;
			border-bottom:1px solid #eaeaea;
			color:#666;

		  }
		#menu a:hover {
			background :#f9f9f9 url(../images/arrow-left-red.gif) no-repeat 2% 52%;
			border-bottom:1px solid #eaeaea;
		  }
		 
		body#home a#home,body#about a#about,body#reach a#reach,body#portfolio a#portfolio,body#guest a#guest {
			background :#f7f7f7 url(../images/arrow-left-red.gif) no-repeat 2% 52%;color: #000000;

		}


 /*Footer-----------------------------------------------*/

.footer {
	width:590px;
	text-align:right;
	font-size:50%;

}

/*Bread crumb-------------------------------------------------*/

.breadCrumb{
	color:#666666;
	background:#f7f7f7;
	border-bottom:1px solid #eaeaea;
}
.breadCrumb a,.breadCrumb a:visited{
	text-decoration:none;
	color:black;
}
.breadCrumb a:hover{text-decoration:none; color:#dc5739;}