body{
	text-align:center;
	background: #E5ECF4 url('../img/bg.jpg') repeat scroll left top;
	font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;
	font-size:14px;
}

strong {
	font-weight: bold
}

em {
	font-style: italic;
}

acronym {cursor:help; border-bottom:1px dashed #999}
a acronym {cursor:pointer; }

.hidden{ display:none }

div.clear, div.spacer10, div.spacer20 {
	overflow:hidden;
	clear:both;
	height:0px
}

div.spacer10 { height:10px }
div.spacer20 { height:20px }

hr.rule{ border:1px solid #e3e3e3 }
	
div#main-container{
	width: 960px;
	margin: 0 auto;
}

div#header{
	height:409px;
	background: #C3D1DF url('../img/bg_header_error.jpg') no-repeat scroll left top;
	position: relative;
}

div#header.homepage{ background-image: url('../img/bg_header.jpg') }
div#header.contact{ background-image: url('../img/bg_header_contact.jpg') }
div#header.about-luis-chacon{ background-image: url('../img/bg_header_about.jpg') }
div#header.services{ background-image: url('../img/bg_header_services.jpg') }

div#header h1 {float:left}
div#header h1 a { 
	display: block; 
	width:370px; 
	height:60px; 
	margin-top:80px;
	margin-left:25px;
	background: transparent;
}
div#header h1 a span { display: none}

div#header div.tagline {
	color:#FFFFFF;
	font-weight:bold;
	height:230px;
	left:0;
	letter-spacing:-2px;
	position:absolute;
	text-align:left;
	top:160px;
	width:100%;
	overflow:hidden;
}
div#header div.tagline p{ 
	margin-bottom:20px; 
	font-size:60px;
	text-shadow: #333 0px 2px 2px;
}

div#header div.tagline p.only{ 
	margin-left:40px;
	margin-top:45px;
}

div#header div.tagline span{
	font-size: 30px;
	font-weight: normal;
	font-style: italic;
	padding-left:50px; 
	display:block;
}

div#header div.tagline span.additional{
	position:absolute;
	top:40px;
	right:50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	font-style:normal;
	padding:0;
	text-align:center;
	line-height:1.3em
}

div#header div.tagline a,
div#header div.tagline a:link,
div#header div.tagline a:active,
div#header div.tagline a:visited {
	display:block;
	position:absolute;
	top:126px;
	right:54px;	
	width:274px;
	height:66px;
	text-decoration:none;
	color:#fff;
	font-size:38px;
	font-weight:bold;
	text-align:center;
	line-height: 60px
}

div#header div.tagline a:hover{ text-shadow: #fff 0px 0px 2px; }

div#header a.language,
div#header a.language:active,
div#header a.language:link,
div#header a.language:visited {
	position:absolute;
	right:10px;
	top:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:10px;
	color:#900;
}

div#header a.language:hover { text-decoration:underline}

ul.menu { float:right; margin-right:31px; margin-top:46px;}
ul.menu li { float:left}
ul.menu li a,
ul.menu li a:visited,
ul.menu li a:link,
ul.menu li a:active { 
	display:block; 
	width:122px; 
	height:50px; 
	line-height:50px;
	font-family: Verdana,Arial,Helvetica,serif;
	text-transform:uppercase;
	text-decoration:none;
	color: #666;
	letter-spacing:1px;
	font-weight:bold;
	font-size:13px
}
ul.menu li.selected a, ul.menu li a:hover {
	background: transparent url('../img/hover.jpg') no-repeat scroll left top;
	color: #26384C
}

div#content{
	background: #fff url('../img/bg_content.png') repeat-x scroll left bottom;
	border:1px solid #ccc;
	border-top:none;
}

div#content h2 { 
	font-size:30px; 
	font-weight:bold;
	background: transparent url('../img/title-bullet.gif') no-repeat scroll left 5px;
	padding-left:27px;
	margin-bottom: 0.5em;
	letter-spacing: -1px;
	line-height: 1em;
	text-align:left;
	text-shadow: #ccc 0px 1px 1px
}

div#content h3, div#content h4 { 
	font-size:20px; 
	background: transparent;
	font-weight:bold;
	padding-left:27px;
	margin-bottom: 0.5em;
	letter-spacing: -1px;
	line-height: 1em;
	text-align:left;
	text-shadow: none;
	color:#900
}

div#content h4{
	font-size:16px;
	color:#666;
	text-shadow: none;
}

div#text {
	float:left;
	width:600px;
	text-align:left;
	padding:30px 20px;
	border-right:1px solid #eee;
	line-height:1.3em;
	font-size: 14px;
	min-height:500px
}

div#text div.column1, div#text div.column2{
	float:left;
	width:300px
}

div#text img{
	float:right;
	margin:0 20px 10px 10px;
	padding:4px;
}

div#text div.column1 img { border:1px solid #ddd;}

div#text p, div#text ul  {
	color:#666;
	padding: 0 20px 1em 25px;
}

div#text ul li {
	list-style-position:outside;
	list-style-type:square;
	margin:0 1em 0.5em 2em
}

div#text p.decorated{
	padding-right:150px;
	background:transparent url('../img/xhtml.png') no-repeat scroll right top;
	min-height:128px
}

div#text p.decorated.consultant{ background-image: url('../img/editing.png')}
div#text p.decorated.education{ background-image: url('../img/presentation.png')}

div#text p a.read-more,
div#text p a.read-more:link,
div#text p a.read-more:visited,
div#text p a.read-more:active{ 
	color:#444;
	font-weight:bold;
	background: transparent url('../img/bg_button.jpg') no-repeat scroll left top;
	height:27px;
	width:99px;
	line-height:27px;
	display:block;
	text-align:center;
	float:right;
	margin-top:10px
}

div#text p a.read-more:hover{ color:#000;text-decoration:none}

div#text a,
div#text a:active,
div#text a:link { color: #CC0000; text-decoration:none }

div#text a:hover { text-decoration:underline }
div#text a:visited { color:#900 }
div#text a:active { color:#f00 }

div#sidebar{
	float:right;
	padding:30px 20px;
	width:275px;
}

div#footer{
	height:125px;
	background: #DBE4ED url('../img/bg_footer.jpg') no-repeat scroll left top;
	text-align:left;
	color: #000;
	font-family:Arial, Helvetica, serif;
	line-height:1.4em;
	font-size:12px
}

div#footer div.column {
	width:280px;
	float:left;
	padding:20px
}

div#footer div.column a,
div#footer div.column a:link,
div#footer div.column a:visited { color: #385068;font-weight: bold; text-decoration:none }

div#footer div.column a:active,
div#footer div.column a:hover { color:#000;/*385068*/ text-decoration:underline }

div#footer ul.social li { float:left }
div#footer ul.social a { 
	display:block; 
	float:left; 
	width:62px; 
	height:78px;
	background: #ccc url('../img/skype.png') no-repeat scroll left top;
	margin-left: 5px;
	margin-top: 5px;
	opacity:0.7; filter: alpha(opacity = 70);
}

div#footer ul.social a:hover { opacity:1; filter: alpha(opacity = 100) }

div#footer ul.social a.facebook { background-image: url('../img/facebook.png')} 
div#footer ul.social a.linkedin { background-image: url('../img/linkedin.png')} 
div#footer ul.social a.twitter { background-image: url('../img/twitter.png')} 

div#footer ul.social a  span{ display:none}

div#footer ul.more-social  { 
	float: left;
	width:93px
}

div#footer div.copyright {
	text-align:center;
	color:#666;
	font-size:11px
}
div#footer div.column a.feedback {
	background:url("../img/email.png") no-repeat scroll left top transparent;
	display:block;
	height:40px;
	margin-bottom:15px;
	margin-top:10px;
	line-height:34px;
	text-align:center;
	font-size:15px
}

div.ie{
	background: #c00;
	padding: 15px 5%;
	color:#fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height:1.4em;
	font-size:12px
}

div.ie a, div.ie a:link, div.ie a:visited, div.ie a:active{
	color:#ddd;
	font-weight:bold;
	text-decoration:underline;
	font-size:14px
}

div.ie a:hover{ text-decoration:none; color:#fff; }

div.twtr-hd h3,div.twtr-hd h4 { margin-left:0 !important}
div.twtr-hd img.twtr-profile-img { display:none !important}

/* CONTACT FORM */

#fSetContact {
	font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif;
	font-size:14px;
	margin:5px;
	background-color:transparent;
	color:#333;
}
#fSetContact em {
	color:#F00;
	font-size: 18px;
	font-weight: bold;
}
#fSetContact div.field {
	clear: both;
	padding-top: 10px;
	background-color:#FFF;
}

#fSetContact div.warning { 
	background: #FFF7DF url('../img/warning.png') no-repeat scroll 25px 15px;
	padding:20px 0px 20px 150px;
	border:1px solid #F8A62B;
	margin-left:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#fSetContact div.warning  p{ color:#333 }

#fSetContact label {
	float: left;
	width: 170px;
	text-align: right;
	padding:4px 0
}
#fSetContact .req { font-weight:bold }

#fSetContact input, #fSetContact textarea {
	background: #FFF;
	color:#333;
	border:2px solid #ddd;
	padding:4px;
	margin-left:10px;
	width:280px;
	font-size:16px;
	resize:none;
	
	box-shadow: rgba(0,0,0, 0.2) 1px 1px 6px;
	-moz-box-shadow: rgba(0,0,0, 0.2) 1px 1px 6px;
	-webkit-box-shadow: rgba(0,0,0, 0.2) 1px 1px 6px;
}

#fSetContact textarea { width:320px; height:250px;font-family: Verdana, Arial, Helvetica, sans-serif; }

#fSetContact input:focus, #fSetContact textarea:focus,
#fSetContact input:hover, #fSetContact textarea:hover { border: 2px solid #999 }

#fSetContact div.button {
	padding:8px;
	text-align:left;
	margin-left:172px
}
#fSetContact input.button{
	font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif; 
	background:url("../img/bg_button.jpg") no-repeat scroll left top transparent;
	color:#444;
	font-weight:bold;
	height:27px;
	width:99px;
	border:none;
	padding:0;
	margin:0;
	cursor:pointer
}
#fSetContact input.button:hover{ color:#000}
#fSetContact input.button:active{ border:1px solid #666}


div.confirmation-message{
	color:#333;
	background:#EDF0F5;
	padding:5px;
	text-align:center;
	border:1px solid #666;
	font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif;
	font-size:15px;
	font-weight:bold
	
}

/* NO SCRIPT */
div.warning {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size:15px;
	line-height:1.3em;
	text-transform: uppercase;
	color:#c00;
	background:#FFFFFF url("../img/bg_content.png") repeat-x scroll left bottom;
	text-align:center;
	padding:30px 20px;
	border: 1px dashed #ccc
}

div.warning a,
div.warning a:active,
div.warning a:link,
div.warning a:visited { color:#000; text-transform:none; text-decoration:none;font-weight:normal }
div.warning a:hover { color:#000; text-transform:none; text-decoration:underline }