/*CSS Document
Last edited 09 October, 2008
Font and text styles*/
H1
{
	color: #505050;
	font-size: 20px;
	margin: 0;
}
H2
{
	color: #202020;
	font-size: 16px;
	margin: 0 0 20px;
}
H3
{
	color: #303030;
	font-size: 15px;
	margin: 8px 0 4px;
	width: 500px;
}
H4
{
	color: #505050;
	font-size: 11px;
	margin: 0;
	font-weight: bold;
}
H4 A
{
	color: #505050;
	text-decoration: none;
}
H4 A:hover
{
	color: #707070;
	text-decoration: none;
}
P
{
	color: #505050;
	font-size: 13px;
	line-height: 1.6;
}
P A:link
{
	color: #505050;
	text-decoration: underline;
}
P A:active
{
	color: #338181;
}
P A:visited
{
	color: #909090;
}
P A:hover
{
	color: #505050;
	background-color: #DAE3E3;
}
P EM
{
	color: #617986;
	font-size: 11px;
	white-space: nowrap;
}
/*Main structure styles*/
BODY
{
	line-height: 1.4;
	color: #111;
	font: 12px arial, helvetica, sans-serif;
	background: #F6F6F6 url(images/bg.gif) repeat-x center top;
}
#main
{
	width: 100%;
	height: 100%;
	background: url(images/header.gif) no-repeat center top;
}
#header
{
	margin: 0 auto;
	height: 155px;
	width: 930px;
}
#headlinks
{
	width: 930px;
	float: left;
	overflow: auto;
	margin-top: 37px;
}
#headlinks .logo
{
	float: left;
}
#headlinks .quickcli
{
	float: right;
	background: url(images/freelance.gif) no-repeat right top;
	height: 60px;
}
#headlinks .quickcli:hover
{
	float: right;
	background: url(images/freelance.gif) no-repeat right -60px;
	height: 60px;
}
/*Main menu*/
#header UL
{
	padding: 0;
	float: left;
	margin: 21px 0 0;
}
#header LI
{
	display: inline;
	margin: 0 30px 0 0;
	float: left;
	width: 120px;
}
#header LI A
{
	display: block;
	font-size: 12px;
	text-decoration: none;
	color: #353535;
	padding: 2px 0 2px 4px;
}
#header LI A SPAN
{
	display: block;
	color: #A0A0A0;
	font-size: 10px;
	margin-top: -3px;
}
#header LI A:hover
{
	color: #000;
	background: url(images/stripe_bg.gif) left top;
}
#header LI A:hover>SPAN
{
	color: #444;
}
#footer
{
	background: url(images/divider.gif) repeat-x center top;
	margin: 0 auto;
	height: 55px;
	width: 930px;
}
#footer P
{
	font-size: 10px;
	color: #A3A3A3;
	padding-top: 15px;
}
#footer P A
{
	text-decoration: none;
	color: #A3A3A3;
}
.content
{
	background: url(images/section_bg.gif) no-repeat center top;
	margin: 0 auto;
	min-height: 200px;
	width: 930px;
	padding: 42px 0 70px;
	overflow: auto;
}
#featured
{
	background: url(images/section_bg2.gif) no-repeat center 43px;
}
.content .titlerow
{
	width: 254px;
	float: left;
}
.content .mainrow
{
	width: 675px;
	height: auto;
	float: left;
	overflow: hidden;
}
.content .innerrow
{
	width: 360px;
	height: auto;
	float: left;
}
.content .outerrow
{
	width: 309px;
	height: auto;
	float: right;
}
/*Individual text and font styles*/
.innerrow P
{
	width: 663px;
	text-align: justify;
}
.innerrow UL
{
	margin: 0;
	padding: 0;
	list-style: url(images/tick.gif);
	width: 660px;
}
.outerrow UL, .content .mainrow UL
{
	margin: 0;
	padding: 0;
	list-style: url(images/tick.gif);
}
.innerrow LI
{
	font-size: 13px;
	margin: 12px 0 12px 23px;
	padding: 0;
	color: #505050;
}
.outerrow LI
{
	font-size: 13px;
	margin: 0 0 12px 23px;
	padding: 0;
	color: #505050;
}
.content .mainrow LI
{
	font-size: 12px;
	color: #737373;
	margin: 4px 0 0px 23px;
}
.mainrow .feature
{
	width: 665px;
	height: 285px;
	position: relative;
	border: 5px solid #DBDBDB;
	margin: 0 0 15px;
	overflow: hidden;
	background: url(images/psd_bg.gif) repeat top left;
}
.mainrow .feature A IMG
{
	position: absolute;
	top: 0;
	left: 0;
}
.mainrow .featuretl
{
	float: left;
	width: 480px;
	text-align: justify;
}
.mainrow .featuretl P
{
	color: #737373;
	font-size: 12px;
}
.mainrow .featuretr
{
	float: left;
	margin-left: 25px;
}
.mainrow .featuretr H4
{
	margin: 12px 0 8px;
}
.mainrow .morebutton IMG
{
	margin-top: 20px;
}
#aboutme .innerrow H4 A
{
	padding: 2px 0 1px 19px;
	margin-right: 10px;
}
.aboutme1
{
	background: url(images/aboutme1.gif) no-repeat top left;
	display: block;
	height: 42px;
	text-indent: -9000em;
}
.aboutme2
{
	background: url(images/aboutme1.gif) no-repeat left -42px;
	display: block;
	height: 42px;
	text-indent: -9000em;
}
.twitter
{
	background: url(images/social_icons.gif) no-repeat left -2px;
}
.digg
{
	background: url(images/social_icons.gif) no-repeat left -34px;
}
.stumble
{
	background: url(images/social_icons.gif) no-repeat left -64px;
}
.facebook
{
	background: url(images/social_icons.gif) no-repeat left -98px;
}
.outerrow .news_update
{
	background: url(images/talk_icon.gif) no-repeat left 5px;
	padding: 0 0 0 23px;
	margin: 13px 0 0;
}
.outerrow .news_update P
{
	border-bottom: 1px dashed #D6D6D6;
	padding-bottom: 10px;
}
/*H1 main image styles*/
#destacado H1
{
	text-indent: -900em;
	background: url(images/titles.gif) no-repeat left top;
	height: 42px;
}
#sobremi H1
{
	text-indent: -900em;
	background: url(images/titles.gif) no-repeat left -42px;
	height: 42px;
}
#faq H1
{
	text-indent: -900em;
	background: url(images/titles.gif) no-repeat left -84px;
	height: 42px;
}
#proyectos H1
{
	text-indent: -900em;
	background: url(images/titles.gif) no-repeat left -126px;
	height: 42px;
}
#contacto H1
{
	text-indent: -900em;
	background: url(images/titles.gif) no-repeat left -168px;
	height: 42px;
}
/*Portfolio and Image thumbnails and previews*/
.galleryimg
{
	float: left;
	width: 310px;
	margin-bottom: 45px;
}
.galleryimg .imgover
{
	position: relative;
	height: 206px;
	width: 298px;
	overflow: hidden;
	border: 5px solid #DBDBDB;
	background: url(images/psd_bg.gif) repeat top left;
}
.galleryimg IMG
{
	font-size: 8px;
}
.galleryimg A IMG
{
	border: 0px solid #DBDBDB;
	background: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 15;
}
.galleryimg P, .galleryimg H3
{
	margin-left: 4px;
}
.galleryimg P
{
	color: #737373;
	font-size: 12px;
}
.thumbclick
{
	background: url(images/thumbclick.gif) no-repeat center bottom;
	position: absolute;
	top: 206px;
	left: 0;
	z-index: 10;
	height: 27px;
	width: 298px;
}
.imgleft
{
	margin: 0 55px 0 0;
}
/*Quick / Small Menu Styles*/
.quickmenu
{
	padding: 0;
	margin: 0 0 0 6px;
	position: relative;
}
.menuselect, .menuactive
{
	font-size: 10px;
	color: #B1B1B1;
	text-decoration: none;
	padding: 4px 13px 4px 4px;
	border: none;
	width: 25px;
	z-index: 100;
	background: url(images/arrows_mini.gif) no-repeat right 9px;
}
.menuactive
{
	background: url(images/arrows_mini.gif) no-repeat right -26px;
	color: #363636;
}
.quickmenu .submenu
{
	float: left;
	display: inline;
	background: url(images/menudrop.gif) no-repeat top left;
	height: 126px;
	width: 93px;
	padding: 9px 0 0 13px;
	margin: 0 0 0 -5px;
}
.submenu LI
{
	border: none;
	padding: 0 0 6px 14px;
}
.submenu LI A
{
	text-decoration: none;
	background-image: none;
	border: none;
	width: 70px;
	font-size: 12px;
	padding: 2px 0px 2px 0;
	display: block;
	color: #5A5A5A;
}
.submenu LI A:hover
{
	color: #363636;
	border: none;
	background-image: none;
}
/*Form Styles*/
LABEL
{
	width: 78px;
	float: left;
	padding: 6px 0 0 2px;
	font: 13px arial, helvetica, sans-serif;
	color: #505050;
}
LABEL.error
{
	width: 220px;
	float: none;
	padding: 0;
	color: #FF0000;
	display: block;
	font-size: 11px;
}
INPUT, TEXTAREA, INPUT.error
{
	width: 275px;
	font: 13px arial, helvetica, sans-serif;
	color: #505050;
	padding: 5px 3px;
	border: 1px solid #D4D4D4;
	background-color: #FFF;
}
INPUT:focus, TEXTAREA:focus
{
	border: 1px dashed #D4D4D4;
}
INPUT.error, TEXTAREA.error
{
	border: 1px dashed #FF0000;
}
INPUT[type=submit]
{
	margin-left: 47px;
	width: 236px;
	/*[disabled]background:url(images/submit_button.gif) center bottom;*/
	cursor: pointer;
}
FIELDSET SPAN
{
	float: left;
	padding-bottom: 14px;
	background: url(images/shadow.png) no-repeat bottom center;
}
#contact-wrapper P
{
	width: 281px;
}