/* Global reset */
img{border-style:none;}
a{
	color:#000;
	text-decoration:underline;
}
a:hover{text-decoration:none}
form,
fieldset,
input,
select{
	margin:0;
	padding:0;
}
fieldset{
	border: 0;
	border-style: none;
}
select{vertical-align:middle;}
:focus{outline:none;}
/* General */
body{
	margin:0;
	font:12px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background:#8f2253 url(../images/bg-body.png) repeat-x;
	min-width: 917px;
}
#wrapper{
	width:917px;
	overflow: hidden;
	margin: 0 auto;
	background: url(../images/bg-wrapper.png) no-repeat 2px 0;
	position: relative;
	z-index: 100;
}
#header{
	width: 100%;
	overflow: hidden;	
	padding: 595px 0 0;
}
#header h1{margin: 0;}
#header h1 a{
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	width: 232px;
	height: 51px;
	margin: 0 0 0 84px;
	background: url(../images/logo.gif) no-repeat;
}
#header .header-box{
	float: left;
	overflow: hidden;
	width: 253px;
	margin: 11px 0 0 56px;
	display: inline;
}
#header .header-box p{margin: 0;}
#header .header-box p a{float: left;}
#header .header-box p a span{
	display: block;
	height: 17px;
	line-height: 17px;
	overflow: hidden;
}
* html #header .header-box p a.museo700 {width: 10px; padding-right:3px;}
#header .header-box p a.museo300 {width: 68px; color: #F90;}
#header .header-box p a.email-name {color: #F90;} /* @@@ removed width */
#header .header-box p.phone{clear: both;}
#header .header-box p.email{
	margin: 25px 0 0 95px; /* @@@ changed left marging */
	padding: 0 0 2px;
}
#header .header-box p.phone span{
	display: block;
	height: 17px;
	line-height: 17px;
	overflow: hidden;
}
#content{
	height: 1%;
	padding: 96px 10px 110px 84px;
	background: url(../images/bg-content.jpg) no-repeat 86px 100%;
}
/* html #content{padding-bottom:104px;}*/
#content:after {
	content:"";
	display:block;
	clear:both;
}
#content h3{
	margin: 0 5px 0 0;
	height: 1%;
	overflow: hidden;
}
#content h3 strong{
	border-bottom: 4px solid #360414;
	float: left;
	padding: 0 0 4px;
}
#content h3 em{
	float: right;
	border-bottom: 1px solid #5d102c;
	width: 100%;
	height: 25px;
	margin: 0 0 -26px;
}
#content h3.text-latest-project strong{width:130px;}
#content h3 span{
	display: block;
	height: 21px;
	line-height: 21px;
	overflow: hidden;
	color: #FFF;
}
.latest-project{
	width: 100%;
	overflow: hidden;
}
.latest-project .twocolumn{
	width: 100%;
	overflow: hidden;
	margin: 21px 0 0;
}
.latest-project .twocolumn .img-holder{
	float: right;
	background: url(../images/holder-last-project.jpg) no-repeat;
	padding: 12px;
	overflow: hidden;
}
.latest-project .twocolumn .img-holder img{display: block;}
.latest-project .twocolumn .desc{
	float: left;
	width:242px;
	padding: 50px 0 0;
}
.latest-project .twocolumn .desc h2{margin: 0 0 10px;}
.latest-project .twocolumn .desc h2 span{
	display: block;
	height: 37px;
	line-height: 37px;
	overflow: hidden;
	color: #F90;
}
.latest-project .twocolumn .desc p{
	margin: 0 0 15px 2px;
	color: #fff;
	line-height: 15px;
}
.latest-project .twocolumn .desc a{
	color: #f93;
	text-decoration: none;
	margin: 0 0 0 2px;
}
.latest-project .twocolumn .desc a:hover{text-decoration: underline;}
.recent-work{
	width: 100%;
	padding: 24px 0 0;
}
.recent-work:after {
	content:"";
	display:block;
	clear:both;
}
h3.text-recent-works strong{width:111px;}
.thumbnails{
	width: 100%;
	overflow: hidden;
	margin: 0 0 0 -5px;
}
#content .recent-work h3{margin: 0 5px 32px 0;}
.thumbnails ul{
	width: 853px;
	overflow: hidden;
	margin: 0 -24px 24px 0;
	padding: 0;
	list-style: none;
}
.thumbnails li{
	float: left;
	margin: 0 23px 0 0;
}
.thumbnails li a{
	float: left;
	position: relative;
	background: url(../images/holder-thumbnails.png) no-repeat;
	padding:5px 4px 11px 5px;
	text-decoration: none;
	width: 251px;
	cursor: pointer;
}
.thumbnails li a img{display: block;}
.thumbnails li a strong{
	display: block;
	margin: 10px 0 0 8px;
}
.thumbnails li a em span,
.thumbnails li a strong span{
	display: block;
	height: 17px;
	line-height: 17px;
	overflow: hidden;
	color: #F90;
}
.thumbnails li a em{
	position: absolute;
	left: -9999px;
	bottom:11px;
	width: 200px;
}
.thumbnails li.active a,
.thumbnails li a:hover{background: url(../images/holder-thumbnails-hover.png) no-repeat;}
.thumbnails li.active a em,
.thumbnails li a:hover em{
	display: block;
	left: 12px;
}
.about-me{
	width: 100%;
	overflow: hidden;
	margin: 13px 0 0;
}
.about-me .desc{
	float: left;
	width: 521px;
	overflow: hidden;
	font-size: 13px;
	line-height: 18px;
	color: #fff;
	margin: 0 0 0 2px;
	display: inline;
}
.about-me .desc h4{
	margin: 0 0 20px;
	font-weight: bold;
	font-size: 15px;
	line-height: 18px;
	color: #f93;
}
.about-me .desc p{margin: 0 0 17px;}
#content h3.text-about-me em{
	height: 29px;
	margin: 0 0 -30px;
	border-bottom: 1px solid #7a2247;
}
#content h3.text-about-me strong{
	width: 92px;
	padding: 0 0 8px;
}
.about-me .twocolumn{
	width: 100%;
	overflow: hidden;
	margin: 28px 0 0;
}
.about-me .sidebar{
	float: right;
	width: 259px;
	overflow: hidden;
}
.about-me .sidebar h4{
	margin: -2px 0 0 9px;
	color: #f93;
	font-size: 18px;
	line-height: 18px;
	font-weight: bold;
}
.twitter{
	width: 100%;
	overflow: hidden;
	background:url(../images/ico-twitter.gif) no-repeat 191px 100%;
	padding: 0 0 65px;
	margin: 12px 0 0;
}
.twitter .twitter-t{
	width: 254px;
	overflow: hidden;
	background: url(../images/bg-tweete-t.png) no-repeat;
	height:20px;
}
.twitter .twitter-b{
	width: 254px;
	overflow: hidden;
	background: url(../images/bg-tweete-b.png) no-repeat;
	height:32px;
}
.twitter .twitter-m{
	width: 245px;
	overflow: hidden;
	background: url(../images/bg-tweete.png);
	font:18px/18px Georgia, "Times New Roman", Times, serif;
	color: #fff;
	padding: 0 0 0 9px;
}
.twitter .twitter-m span{
	color: #f93;
	display: block;
	font-size: 12px;
	margin: 20px 0 5px;
}
.twitter .twitter-m span a{
	text-decoration: none;
	color: #f93;
}
.twitter .twitter-m span a:hover{text-decoration: underline;}
.flickssions{
	width: 100%;
	overflow: hidden;
	margin: 4px 0 0;
}
.flickssions h4 strong{color: #fff;}
.flickssions ul{
	margin: 17px 0 0 9px;
	padding: 0 0 3px;
	list-style: none;
	width: 120%;
	overflow: hidden;
}
.flickssions li{
	float: left;
	margin: 0 21px 0 0;
}
.flickssions li img{
display: block;
}
#footer{
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 90;
	background:#3e0315;
	margin: -8px 0 0;
	padding: 55px 0 0;
}
#footer .footer-inner{
	width: 900px;
	margin: 0 auto;
	overflow: hidden;
}
#footer .footer-inner h4{margin: 0 0 0 75px;}
#footer .footer-inner h4 span{
	display: block;
	height: 21px;
	line-height: 21px;
	overflow: hidden;
	color: #F90;
}
#footer .twocolumn{
	width: 100%;
	padding: 28px 0 0;
	overflow: hidden;
}
#footer .twocolumn .contact-form{
	width: 508px;
	overflow: hidden;
	float: left;
	margin: 0 55px 0 75px;
	display: inline;
}
#footer .twocolumn .contact-form div{
	overflow: hidden;
	width: 100%;
	padding: 0 0 5px; /* @@@ changed 31px to 5px */
}
#footer .twocolumn .contact-form div label{
	float: left;
	font-size:13px;
	line-height: 35px;
	color: #784f5c;
	width: 75px; /* @@@ added this */
}
/* @@@
#footer .twocolumn .contact-form div p{
	float: right;
	background: url(../images/bg-input.gif) no-repeat;
	width: 427px;
	height: 30px;
	margin: 0;
	padding: 5px 5px 0 5px;
}


#footer .twocolumn .contact-form div p .txt{
	float: left;
	background:#490419;
	border: none;
	border: 0;
	padding: 0;
	width: 100%;
	color: #fff;
	font-size:20px;
}
*/
/* @@@ changed the above two classes like below */
#footer .twocolumn .contact-form div p{
	float: left;
	margin-left:20px;
}
#footer .twocolumn .contact-form div p input{
	float: left;
	background:#490419;
	border: 1px solid #7a2247;
	padding: 0;
   width: 225px;
   height:20px;
	color: #fff;
	font-size:16px;
}
/* @@@ added this below class for textarea */
#footer .twocolumn .contact-form div p textarea{
	float: left;
	background:#490419;
	border: 1px solid #7a2247;
	padding: 0;
   width: 375px;
   height:75px;
	color: #fff;
	font-size: 16px;
	overflow: hidden;
}
#footer .twocolumn .contact-form p .btn-send{
	float: left;
	font-weight: bold;
	font-size: 16px;
	color: #784f5c;
	text-decoration: none;
	margin-left: 75px ;
}
#footer .twocolumn .contact-form .btn-send:hover{text-decoration: underline;}
.download-cv{
	float: left;
	width: 261px;
	overflow: hidden;
	position: relative;
	margin: -2px 0 0;
}
.download-cv img{
	display: block;
	margin: 0 0 5px;
}
.download-cv a{
	float: right;
	text-align: right;
	text-decoration: none;
	color: #784f5c;
	font-size: 13px;
}
.download-cv a:hover{text-decoration: underline;}
#footer .copyright{
	width: 817px;
	overflow: hidden;
	border-top: 1px solid #47081c;
	margin: 29px 0 0 75px;
	padding: 25px 0 61px;
}
#footer .copyright ul{
	margin: 0 -14px 0 0;
	padding: 0;
	list-style: none;
	float: right;
	overflow: hidden;
	font-size: 11px;
	line-height: 15px;
	color: #653544;
	display: inline;
}
#footer .copyright li{
	float: left;
	margin: 0 14px 0 -1px;
	padding: 0 0 0 17px;
	background: url(../images/separator.gif) no-repeat 0 2px;
	display: inline;
}
/* These are standard sIFR styles */
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
	display: none !important;
}

/* @@@ flickr badge style in flickssions*/
#flickr_badge_wrapper {padding:10px 0 0 10px; width:100%; height:200px}
.flickr_badge_image {margin:0 5px 5px 0; float:left;border:1px outset #7a2247}

/* @@@ Class for elements added dynamically by Javascript */
#jscheckmsg { color: #ffffff;	margin:0 0 5px 95px; font-size:120%;}

#footer .twocolumn .contact-form .error{
	overflow: hidden;
	width: 80%;
	margin:0 0 5px 95px;
	color: #ff9933;
	font-size:120%;
}
#footer .twocolumn .contact-form #success{
	overflow: hidden;
	width: 80%;
	margin:0 0 5px 95px;
	color: #ffffff;
	font-size:120%;
}
#footer .twocolumn .contact-form #loading {
        color: #ffffff;
       	margin:0 0 5px 95px;
        font-size:120%;
}
#footer .twocolumn .contact-form .warning {color: #ff9933;}