/* ------------ RESET ------------ */
html, body, div, span, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, del, dfn, em, 
img, a img, ins, kbd, q, samp, small, strike, strong, sub, sup, 
tt, var, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; font-size: 100%;}
table { border-spacing: 0; border-collapse: collapse; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote, q { quotes: none; }
:focus { outline: 0; }

/* ------------ BASE ------------ */

body {
	text-align: center;
	background: #F6F4E7;
	font-family: 'Helvetica Neue', Arial, Helvetica, Sans-Serif;
	color: #81736c;
	font-weight:lighter;
}

* html .wrapper{
	height:1%;
}

a {color:#D36146}

a, .img{
	outline:none;
}

a img {
	border-top: 1px solid #E8E6C0;
	border-right: 1px solid #DAD7A2;
	border-bottom: 1px solid #DAD7A2;
	border-left: 1px solid #E8E6C0;
	background-color:#fff;
	padding: 2px;	
	margin: 0 10px 10px;
}

a:hover img { border: 1px solid #A9A9A9; }

img.tittle {
	border-top: 0px solid #E8E6C0;
	border-right: 0px solid #DAD7A2;
	border-bottom: 0px solid #DAD7A2;
	border-left: 0px solid #E8E6C0;
	background-color:transparent;
	padding: 0px;	
	margin: 0 0px 0px;
}
a:hover img.tittle { border: 0px solid #A9A9A9; }

img.tattle {
	border-top: 1px solid #E8E6C0;
	border-right: 1px solid #DAD7A2;
	border-bottom: 1px solid #DAD7A2;
	border-left: 1px solid #E8E6C0;
	background-color:#fff;
	padding: 2px;	
	margin: 0 10px 10px;
}
a:hover img.tattle  {
	border-top: 1px solid #E8E6C0;
	border-right: 1px solid #DAD7A2;
	border-bottom: 1px solid #DAD7A2;
	border-left: 1px solid #E8E6C0;
	background-color:#fff;
	padding: 2px;	
	margin: 0 10px 10px;
}

/* ------------ TYPO ------------ */

strong{font-weight:bold;}

p { font-size:14px; line-height:26px;}

/* ------------ LAYOUT ------------ */

#wrapper {
	width:745px;
	min-height:500px;
	position:relative;
	text-align: left;
	margin: 40px auto;
	padding: 20px 20px;
/*	background: #F7F9EE;	
	border: 1px solid #DFD9A7;
	-moz-box-shadow: 0 0 10px #E4E3AA;
	-webkit-box-shadow: 0 0 10px #E4E3AA;
	box-shadow: 0 0 10px #E4E3AA;*/
	
}


/* ------------ TABS ------------ */

.ui-tabs { zoom: 1;clear:both; position: relative; overflow: hidden; width:100%;}
.ui-tabs .ui-tabs-nav { float:left; list-style: none; padding:0; width:250px;}
.ui-tabs .ui-tabs-nav li { border-bottom-width: 0 !important; margin: 0; padding: 0; width:250px; float: left; }
.ui-tabs .ui-tabs-nav li a { font-size:14px; display:block; text-decoration: none; line-height: 26px; padding:0 0 0 2px;}
.ui-tabs .ui-tabs-nav li a:hover{ color:#988D85;}
.ui-tabs .ui-tabs-nav li h1 a{color:#81736c; font-size:24px; margin:0 0 20px 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; color:#883C2C }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected h1 a, .ui-tabs .ui-tabs-nav li.ui-state-disabled h1 a, .ui-tabs .ui-tabs-nav li.ui-state-processing h1 a { cursor: text; color:#81736c }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }
.ui-tabs .ui-tabs-panel { float:left; padding: 0; display: block; border-width: 0; background: none; width:405px; margin:46px 0 0 50px;}
.ui-tabs .ui-tabs-hide { display: none !important; }

/* ------------ SAFARI BONUS ANIMATIONS ------------ */

a { 
-webkit-transition : all 0.25s linear; }

a img{-webkit-transition: all 0.25s ease-out;}
