/*  
Description: Stylesheet for Good Hands Media.
Author: Juan Carlos Labbé - jcl web&print freelance
Author URI: http://www.jcl.cl
Owner: Good Hands Media
Owner URI:www.goodhandsmedia.com
Version: 1.0
*/


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,span{
	margin:0;
	padding:0;

}
body{
	font: 62.5% Arial, Helvetica, sans-serif;
	background-color:#f5e5c4;
	background-image:url(img/background.jpg);
	background-repeat:repeat-x;
	height:90%;
}

html {
	height:90%;
	}

table{
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
}
fieldset,img, abbr, acronym{
	border:0;
}
address,caption,cite,code,dfn,th,var{
	font-style:normal;
	font-weight:normal;
}
ol,ul,dl{
	list-style:none;
}
caption,th{
	text-align:left;
}
img{
	border:0;
}
h1,h2,h3,h4,h5,h6{
	font-size:1em;
	font-size:100%;
	font-weight:normal;
}
a{
	outline:none;
}

#wrap {
	width:952px;
	margin-left:auto;
	margin-right:auto;
	min-height:100%;
	position:relative;
	}
	
#header{
	height:208px;
	}

#logo {
	float:left;
	height:138px;
	width:255px;
}

#headerimg {
	float:left;
	width:690px;
	height:86px;
	margin-top:14px;
	background-image:url(img/header-img.jpg);
	background-repeat:no-repeat;
	}
#subheader {
	clear:both;
	height:42px;
	background-image:url(img/tagline.jpg);
	background-repeat:no-repeat;
}

#tabs {
	clear:both;
	height:28px;

	}
	
#tabs li {
	display:block;
	float:left;
	}

#tabs a {
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	float:left;
	margin-left:20px;
	padding-top:5px;
	display:block;
	}

#tabs a.selected {
	font-size:14px;
	color:#000000;
	text-decoration:none;
	list-style-type:none;
	float:left;
	display:block;
	text-align:center;
	width:106px;
	height:22px;
	background-image:url(img/selected-tab.jpg);
	background-color:#ecd5ac;
	background-repeat:no-repeat;
	margin-left:20px;
	margin-top:1px;
	padding-top:5px;
	border-bottom:1px solid #ecd5ac;
	}

#tabs a:hover.selected {
	font-size:14px;
	color:#000000;
	text-decoration:none;
	list-style-type:none;
	float:left;
	display:block;
	text-align:center;
	width:106px;
	height:22px;
	background-image:url(img/selected-tab.jpg);
	background-color:#ecd5ac;
	background-repeat:no-repeat;
	margin-left:20px;
	margin-top:1px;
	padding-top:5px;
	border-bottom:1px solid #ecd5ac;
	}

#tabs a:hover {
	font-size:14px;
	color:#FFFFFF;
	text-decoration:underline;
	}
	
#content-wrap {
	min-height:500px;
	background-image:url(img/world-background.jpg);
	background-repeat:no-repeat;
	background-color:#f5e5c4;
	margin-top:1px;
	padding-top:40px;
	padding-left:50px;
	margin-bottom:0px;
	}
	
#page-content-wrap {

	min-height:600px;
	background-image:url(img/world-background.jpg);
	background-repeat:no-repeat;
	background-color:#f5e5c4;
	margin-top:1px;
	padding-top:40px;
	padding-left:50px;
	padding-right:50px;
	margin-bottom:0px;
	}
	
#content-box1{
	width:192px;
	margin-left:13px;
	border-right:1px dotted #000000;
	float:left;
	}
.title-text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#333333;
	margin-bottom:10px;
	color:#423429;
	}
	
.text-style{
	font-size:12px;
	margin-top:15px;
	margin-right:10px;
	min-height:100px;
	}

.text-style a{
	font-size:12px;
	color:#000000;
	text-decoration:none;
	}
	
.text-style a:hover{
	font-size:12px;
	color:#000000;
	text-decoration:underline;
	}
	
.page-text-style{
	font-size:12px;
	margin-top:15px;
	margin-right:10px;
	}

.page-text-style a{
	font-size:12px;
	color:#006600;
	text-decoration:none;
	}
	
.page-text-style a:hover{
	font-size:12px;
	color:#000000;
	text-decoration:underline;
	}
	
#btn-placeholder {
	vertical-align:baseline;
	text-align:center;
	margin-bottom:0px;
	}
	
#content-box2{
	width:192px;
	margin-left:13px;
	min-height:250px;
	float:left;
	}
	
#content-box2 .title-text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#333333;
	margin-bottom:10px;
	color:#423429;
	}

.main-title {
	font-size:20px;
	}

#employee {
	width:350px;
	float:left;
	margin-left:30px;
	margin-top:25px;
}

#employee img{
	border:1px solid #000000;
	}

.employee-name {
	font-size:16px;
	margin-top:10px;
	}
	
#contact-form {
	width:400px;
	float:left;
	margin-top:20px;
	margin-left:50px;
	border-right:1px dotted #000000;
	}

.form-text{
	font-size:12px;
	}
	
#contact-directions {
	width:200px;
	float:left;
	margin-left:50px;
	}
	
#footer {
	border-top:1px solid #1b3e4f;
	background-color:#0051a2;
	text-align:center;
	padding-top:10px;
	margin-top:0px;
	color:#FFFFFF;
	padding-bottom:30px;
	height:100px;
	}
#closing {
	clear:both;
	height:100px;
	}

.clearfix:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.clearfix{
	display: inline-block;
}
/*\*/* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}/**/	