/* CSS Document */

* {
	margin:0;
	padding:0;
}

html, body {
	height:100%;
	margin:0;
	padding:0;
	text-align:center;
	font-family:Helvetica, Arial, Verdana, sans-serif;
}

body{background:url(../images/shadow.png) center repeat-y;}

/* mac hide \*/
* html #wrapper {
	height:100%
}
/* end hide */

#topback {
	width:100%;
	height:170PX;
	background:url(../images/top.gif) repeat-x;
	z-index:0;
}

#wrapper {
	width:900px;
	background:#F3F1E9;
	min-height:100%;
	margin:0 auto;
}
	

#pageHeader {
	background:url(../images/headerBG.jpg) right top no-repeat #31363E;
	text-align:left;
	float:left;	
	width:900px;
	height:150px;
	
	z-index:1;
	position:relative;
    TOP:-170PX;
	
}

#pageHeader img{
	margin-left:50px;
	margin-top:30px;
}		

		
#menu{
	background:#3B3E43;
	position:absolute;
	z-index:4;
	top:150px;
	padding:5px 5px 0px 5px;
	width:890px;
	height:15px;
	border-bottom:#DEA438 solid 10px;
	
}

#menu ul{
	position:relative;
	top:-14px;
	bottom:-15px;
	padding-left:115px;
}	

#menu li {
	float: left;
	font-size:0.9em;
	list-style:none;
	width: 9em;
	border-left:#DDD solid 1px;
	border-right:#DDD solid 1px;
	border-top:#DDD solid 1px;
	margin:0;
	
	text-align: center;
}
	
	
#menu li a {
	font-weight:600;
	display:block;
	background:url(../images/btn-back.gif) repeat-x #FFF;
  	padding-top:6px;
  	padding-bottom:6px;
 	color:#404751;
  	display: block;
  	text-decoration: none;
}


#menu li.selected a{ /*selected main tab style */
	font-weight:600;
	display:block;
	background:url(../images/btn-back-selected.gif) repeat-x #F3CE59;
  	padding-top:6px;
  	padding-bottom:6px;
	color:#FFF;
  	display: block;
  	text-decoration: none;
  	cursor:default;
}
	
#menu a:hover {
	background:url(../images/btn-back-over.gif) repeat-x #D8D4C4;
	text-decoration: underline;
}
	
		
#pageContent {
	/*background:#CCCCCC;*/
	float:right;
	width:900px;
	margin:50px 0px 0 0px;
	text-align:left;
	overflow: hidden; 
	position:relative;
	TOP:-150PX;
}
	
#footer{
	width:900px;
	height:20px;
	position:relative;
	background:#F3F1E9;
	bottom:0;
	border-top: #DAD7CC dashed 1px;
}
	
#holder{ 
	background:url(../images/box-grad.gif) repeat-x top #EBE9DF;
	margin:20px 40px 20px 40px;
	padding:10px;
	border: #DAD7CC dashed 1px;
}
	
#title {
	float:left;
	padding:0.5em 0.5em 0.5em 0.5em;
	width:250px;
}
	
h4{
	font-size:1.1em;
	font-weight:500;
	color:#383D44;
	font-style:normal;
	margin-bottom:5px;
}
	
	
#images{
	padding:0.5em 0.5em 0em 0.5em;
	float:right;
	
}

#images img{
	height: 7em;
	border: #DAD7CC solid 1px;
}

#aboutme{
	width:550px;
	float:left;
	background:url(../images/box-grad.gif) repeat-x top #EBE9DF;
	padding:10px;
	margin-left:40px;
	margin-top:20px;
	border: #DAD7CC dashed 1px;
}

#standout{ 
	background:url(../images/box1-grad.gif) repeat-x top #EEE;
	padding:5px;
	border:#999 dashed 1px;  
	height:80px;
}
#standout img {margin-left:5px; margin-right:10px;} 	
#contact{
	width:200px;
	float:right;
	background:url(../images/box-grad.gif) repeat-x top #EBE9DF;
	padding:10px;
	margin-right:40px;
	margin-top:20px;
	border: #DAD7CC dashed 1px;
}
	

input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#404040;
}

label {
	color:#999;
	font-size:0.8em;
	cursor:pointer;
	padding-left:2px;
	line-height:17px;
	vertical-align:top;
}


.textinput {
	width:175px;
	height:15px;
	background:url(../images/input.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}


.textarea {
	width:175px;
	height:125px;
	background:url(../images/textarea.gif) no-repeat left top;
	border:none;
	padding:4px 8px;
}

.buttonSubmit{
	width:69px;
	height:26px;
	color:#FFF;
	font-weight:bold;
	background:url(../images/button.gif) no-repeat left top;
	cursor:pointer;
	border:none;
}


hr{
	margin:15px 10px 15px 10px;
	color:#DBD5C5;
}

p { 
	font-size:0.7em;
	color:#666B75;
	line-height:1.5em;
}
