/* CSS Document */
/*this css doc is for the version with full width header*/
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-color: #E2EBE8;
	margin: 0 auto; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	padding-bottom: 40px;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	min-width:inherit;
}
#wrapper {
	width:849px;
	overflow-x: hidden;
	overflow-y: auto;
	background:#FFFFFF;
	border: 1px solid #A2C3B8;
	border-bottom: 0px;
	margin: 0 auto;
	margin-top: 15px;
	padding: 0px 0px 0px 0px; /*padding needed for overflow*/
}
#leftColumn {
	margin: 4px 0 0 -2px ;
	padding: 0;
	width:130px;
	height: auto;
	position:relative;
	background:#FFFFFF;	
	border: 0px solid green;
	float: left;
}
#leftColumn img{
	border: 1px solid #666;
	margin: 0px 0 0 0;
	padding: 1px 1px 1px 1px ;
	vertical-align: top;
}
 #test1 {
    margin: 10px auto 0 78px;
    border: 0px solid #555;
    width: 278px;
    height: 415px;
    float: left;
  }
  
#textBelowPortfolio {
padding: 0;
margin: -20em 0 0 -27em;
border: 0px solid blue;
width: 277px;
height: auto;
float: left;
font-size: .75em;
color: #666;
}
#brandingbanner {
	padding: 0;
	margin: 0px 0 -1px -1px;
	width: 850px;
	height: 46px;
	border: 0px solid red;
	/*background-color: #666;*/
	background-image:url(../images/graphics/borders/topBorder_01.jpg);
	background-repeat: no-repeat;
}
#branding {
	width:850px;
	height: 125px;
	position:relative;
	top: 0;
	left: -1px;
	background:#FFFFFF;
	border: 0px solid red;
	margin: 1px 0 0 1px ;
	float: right;
	background-color: #FFF;
	/*background-image:url(../images/graphics/blueBack.jpg);
	background-repeat: repeat;*/
}
#branding ul  li {
	position: relative;
	top: -145px;
	left: -60px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 83px;
	height: auto;
	border: 0px solid blue;	
	list-style-type: none;
	float: right;
	display: inline;
	z-index: 100;
	
}
#branding img{
	width: 100%;
	height: auto;
	position: relative;
	padding: 0;
	margin: 18px 0 0 2.7%;
	z-index: 100;
	border: 0px solid blue;
}
#navTop {
	width: 850px;
	position: relative;
	top: -40px;
	left: 0px;
	margin: 0px 0 0 0;
	padding: 0 0 0 0;	
	float: right;
	border: 0px solid red;
	background-color: transparent;
	
}
#navArrowHome {
	padding: 0;
	margin: 0;
	width: 18px;
	height: 13px;
	position: relative;
	top: 113px;
	left: 489px;
	border: 0px solid red;
	background: url(../images/graphics/navArrow.jpg);
	background-repeat: no-repeat;
}
#navArrowGallery {
	padding: 0;
	margin: 0;
	width: 18px;
	height: 13px;
	position: relative;
	top: 113px;
	left: 572px;
	border: 0px solid red;
	background: url(../images/graphics/navArrow.jpg);
	background-repeat: no-repeat;
}
#navArrowBlog {
	padding: 0;
	margin: 0;
	width: 18px;
	height: 13px;
	position: relative;
	top: 113px;
	left: 659px;
	border: 0px solid red;
	background: url(../images/graphics/navArrow.jpg);
	background-repeat: no-repeat;
}
#navArrowContact {
	padding: 0;
	margin: 0;
	width: 18px;
	height: 13px;
	position: relative;
	top: 113px;
	left: 742px;
	border: 0px solid red;
	background: url(../images/graphics/navArrow.jpg);
	background-repeat: no-repeat;
}
/*ul{	
	margin: 0;
	padding: 0 0 0 0;
	width: 400px;
	height: auto;
	border: 1px solid blue;	
	list-style-type: none;
	float: left;
	}
li{
	margin: 0 0 0 0 ;
	padding: 0 0 0 0px ;
	width: 80px;
	border: 1px solid green;
	display: inline;
	float: right;
	}
*/
#mainContent {
	margin: 4px 40px 20px 0px;
	padding: 0px 0 0 0px;
	width:400px;
	height: auto;
	position:relative;
	background:#FFFFFF;
	border: 0px solid green;
	float: right;
	text-align: left;
}
#mainContent p{
	font-size: .80em;
	color: #666;
	padding: 0 0px 20px 0px;
	margin: 0px 0 0 0;
	text-align: left;
	line-height: 1.5em;
	
}
#mainContent img{
	padding: 0;
	margin: .5em 0px 20px 20px;
	float: right;
	border: none;
}

#mainContentLinks {
	margin: 4px 40px 20px 0px;
	padding: 0px 0 0 0px;
	width:400px;
	height: auto;
	position:relative;
	top: 0;
	left: -320px;
	background:#FFFFFF;
	border: 0px solid green;
	float: right;
	text-align: left;
}
#mainContentLinks p{
	font-size: .80em;
	color: #666;
	padding: 0 0px 20px 0px;
	margin: 0px 0 0 0;
	text-align: left;
	line-height: 1.5em;
	
}
#mainContentLinks a:link, a:visited{
	
	color: #666;
	text-decoration: none;
	outline: none;
	
}
#mainContentLinks a:hover, a:active {	
	color: green;
	text-decoration: underline;
	
}
#footer{
	width:849px;
	height: auto;
	top: 0px;
	position:relative;
	background-color: #CEE1DB;
	border: 1px solid #A2C3B8;
	border-top: 0;
	padding: 10px 0 0 0px;
	margin: 0px auto 0 auto; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
}
#footer p{
	color: #777;
	font-size: .7em;
	padding: 10px 0 10px 0;
	margin: 0;
}
#footer a:link, a:visited{
	
	color: #666;
	text-decoration: none;
	outline: none;
	
}
#footer a:hover, a:active {	
	color: green;
	text-decoration: underline;
	
}
.tenhenstudiolink {
	width: 250px;
	margin: 10px auto;
	padding-left: 60em;
	color: #666;
	font-size: .7em;
}
.tenhenstudiolink  a:link, a:visited{
	
	color: #666;
	text-decoration: none;
	outline: none;
	
}
.tenhenstudiolink  a:hover, a:active {	
	color: green;
	text-decoration: underline;
	
}
/*begin rules for contact page*/
#mainContentContact {
	margin: 0px 0px 20px 0px;
	padding: 0px 0 0 0px;
	width:437px;
	height: auto;
	position:relative;
	top: 0;
	left: -11px;
	background:#FFFFFF;
	border: 0px solid green;
	float: right;
	text-align: left;
}
#mainContentContact p{
	width: 370px;
	font-size: .75em;
	color: #666;
	padding: 5px 0 0 10px;
	margin: 0;
	text-align: left;
	line-height: 2em;
	
}
#mainContentContact img{
	border-style: none;
	padding: 0;
	margin: 0 0 .5em 0.5em;
}
form {
	width:437px;
	height: auto;
	margin:15px auto 0px 0px;
	z-index: 10;
	
	}
	
form p {
	font-size:80%;
	color:#666666;
	margin:0 0 5px 0px; /* left margin setting controls left-right position of the input field*/
	max-width: 460px;
	line-height: 2em;
	}
label {
	display:block;
	font-weight:normal;
	width: 350px;
	}
	
textarea {
	width:400px;
	height:150px;
	}
	
.textInput {
	width:250px;	
	}
	
/* CONTACT PAGE: Rules added when inserting checkboxes */
.chkRad {
	float: left;
	margin-bottom: 8px;
	margin-left: 30px;
}
.chkRad label {
	display:inline;
	}
.clearIt {
	clear:both;
	}
select {
	margin:5px 0 8px 30px;
	}
/* CONTACT PAGE: Add this style for warning messages */
.warning {
	font-weight:bold;
	color:#FF0000;
	font-size:85%;
	padding: 0px 0 0 -25px;
	margin: 20px 0 0 0;
	}
	
.sentMessage  {
	color:#cc6633;
	font-size: 85%;
	}
/*end rules for contact page*/