/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, 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;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
:focus {
outline: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
} 
/* end reset */

body { 
	font-size: 12px; 
	font-family: Arial, Verdana, Helvetica, Arial, sans-serif; 
	color: #383838;
	text-align: left;
	background: white url(assets/abrahams/abrahams_bg.gif) repeat-x;}

strong {font-weight:bold}
em {font-style: italic}	
ul {list-style-type: disc; list-style-position: outside;}
ol {list-style-type: decimal; list-style-position: outside;} 
/* ul, ol, dl {position: relative;} */
a, a:visited {color: #049; text-decoration: none;}
a:hover {color: #c00; text-decoration: none;}	
/* a:visited {color: #039; text-decoration: none;}  */
	 
#page { 
	margin-right: auto; 
	margin-left: auto;
	padding-bottom: 20px; 
	width: 720px;}
#branding { 
	position: relative; 
	padding-top: 12px; 
	height: 74px; 
	overflow: hidden; }
/* abrahams logo	 */
#branding h1 {
	padding: 0px;
	margin: 0px;
	background-position: left top;
	text-indent: -9999px;
	background-repeat: no-repeat;
	/* background-image: url(assets/abrahams/abrahams_exec_logo.gif); */
	float:left; 
	width: 227px; 
	height: 74px;
	position:relative;}

#branding h1 a span {  
	display:block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer; 
	background-image: url(assets/abrahams/abrahams_exec_logo.gif);}	
	
#branding h2 {
	text-align: right;
	font-weight: normal;
	color: #003399;
	padding-top: 26px;
	float: right; 
	width: 397px; 
	font-style: italic; 
	font-size: 0.9em; 
	line-height: 14px; 
	font-family: Georgia, "Times New Roman", Times, serif;}

/* wsg banner	 */
h3#branding-sub {
	height: 30px;
	overflow: hidden;
	font-style: normal;
	font-weight: normal;
	/* text-align: right; */
	clear: both;
	position:relative;}
	
h3#branding-sub {text-indent: -9999px;}
	
h3#branding-sub a span {  
	display:block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	/* background-image: url(assets/abrahams/wsa_bar_c.gif);*/  }	

/* header banner	 */
#banner {height: 75px;}	
#banner.home, #banner-home {height: 139px;}
#banner-home {height: 139px; margin-bottom: -3px;}
h2#page-title {
	border-bottom-color: white;
	border-bottom-style: solid;
	border-bottom-width: 1px;
/*
	border-top-color: white;
	border-top-style: solid;
	border-top-width: 1px;
*/
	padding-left: 230px;
	font-size: 20px;
	font-family: "Lucida Grande", Arial, Verdana, sans-serif;
	background: #c7d1e2;
	height: 32px; 
	font-weight: normal;
	color: #048;}
h2#page-title span { top: 4px; position: relative;}	

#content {
	overflow: auto;
	background: #e9edf2;
	clear: both;}	
#content-main {
	overflow: auto;
	float: right;
	width: 488px;
	text-align: justify;}
#content-inner {
	width: 444px;
	padding: 30px 0 0 0;}	
#content-nav {
	width: 230px;
	float: left;}

/* content */
#content-main h1 {
	font-weight: bold;
	margin-bottom: 1em;
	font-size:1.3em;
	color: #036;}
#content-main h1.headline {
	text-align: left;
	font-weight: normal;
	font-family: arial, Georgia, "Times New Roman", Times, serif;}	
#content-main h2 {
	font-weight: normal;
	margin-bottom: 0.5em;
	margin-top: 1em;
	font-size: 1.3em;
	color: #036;
	padding-bottom: 4px;
	border-bottom: 1px solid #048;}	
#content-main h3 {margin-bottom: 1em}
#content-main h3 span {font-weight: normal; font-size: 80%}
	
#content-main p { margin-bottom: 1em}
#content-main strong {color:#048;}

#content-main ul, ol { margin-bottom: 1em}
#content-main li {margin: 1em 2em}	
#content-main ul.tight li {margin: .5em 2em}	

#content-main hr {border-bottom: 1px solid #048; border-top:0; margin: 1.5em 0; clear: both;}

#content-main p.footnote {text-align: right; font-size: 80%}

#content-main div.listing p a {color:#383838}
#content-main div.listing p a:hover {color:#c00}
#content-main div.listing h2 {
	font-size: 1.2em;}
#content-main div.listing h2 span {
	font-size:75%}	
#content-main div.listing img {margin: 0 20px 20px 0;}
/* #content-main div.listing p.more {float: right;} */
#content-main div.listing hr {border: 0}
#content-main div.listing span.fileicon img {margin: 0}

.column {width: 45%;}
p.more {font-size: 90%; float: right;}
p.more a {color: #049}
p.more a:hover, #content-main div.listing p a:hover {color: #c00}

#content-main ul.column {
	margin: 0;
	list-style-type: none;}
#content-main ul.column li {
	margin-left: 0;}	
	
#content-main ul.newslist {list-style-type: none;}
#content-main ul.newslist li { margin-left:0;}	

.top {margin-top: 0}
.left {float: left}	  
.right {float: right}
.clear {clear: both}

img.left {margin: 0 20px 20px 0;}
img.right {margin: 0 0 20px 20px;}
img.top {padding-top: 6px}

/* image */
div.image {border: solid #ccc 1px;}
.image p {
    color: #369;
    font-size: 10px;
    font-family: arial, helvetica, verdana, sans-serif;
    text-align: justify;
    padding-top: 2px;}	

div#image-office {
	width:200px;
	padding:10px; 
	margin: .2em .7em 0 0;}  
	
/* side banner	 */
div.side-banner {margin-left:-30px; margin-bottom: 25px;
	font-size: 10px;
	line-height: 12px;
	color: #666;
	text-decoration: none;}
div.side-banner p {width:160px}
div.side-banner a img, div.side-banner a:visited img {padding: 0px 0px 5px 33px;}
div.side-banner a:hover img {border: 0;}
/*
div.side-banner {margin-left:20px; margin-bottom: 25px;}
div.side-banner a {}
div.side-banner a img, div.side-banner a:visited img {padding: 13px; border: 1px solid #fff;}
div.side-banner a:hover img {border: 1px solid #048;}
*/

/* navigation */
ul#navigation {
    width: 190px;
    margin-left: 0px;
    margin-bottom: 30px;
    padding: 0;
    list-style-type: none;
    border-color: #fff;
    border-right-width: 1px;
    border-style: solid;}
ul#navigation li {width:190px; display: inline; /* this gets rid of the gaps */}    	   
ul#navigation li a {
    padding: 4px 4px 4px 24px;
    border-bottom: 1px solid #fff;
    color: #666;
    font-size: 10px;
    line-height: 14px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    display: block;
    background: #c7d1e2; }
ul#navigation li a:hover {
	background: #048;
	color: #e9edf2;}
ul#navigation li.active a {
	background: #c7d1e2;
	color: #048;} 	  
ul#navigation li ul {
	background: #e9edf2;
    list-style-type: none;
    padding: 4px 0 4px 0px;
    line-height: 12px;
    border-bottom: 1px solid #fff;}
ul#navigation li.active ul li a {
	background: #e9edf2;
	padding-top: 2px;
	font-size: 11px;
	font-weight: normal;
	text-transform: none;
	color: #666;
	border-bottom: 0px;}
ul#navigation li ul li a:hover, ul#navigation li ul li.active a, ul#navigation li ul li.active ul li.active a, ul#navigation li ul li.active ul li a:hover {
	color: #c00;
	background-color:#e9edf2; }
ul#navigation li ul li.active ul {padding-left:20px; border-bottom:0;}
ul#navigation li ul li.active ul li a {color:#666;}

ul#navigation li ul li.folder a {background: url(assets/abrahams/plusnode.gif) no-repeat 5px center}
ul#navigation li ul li.folder ul li a {background: none; padding-top: 0; text-transform: none; }
ul#navigation li ul li.folder ul {padding-top: 0}
	
ul#navigation-lang {
    margin-left: 14px;
    width: 190px;
    margin-bottom: 30px;
    padding: 0;
    list-style-type: none;}	
/*
ul#navigation-lang li {
	display: inline;
    margin-left: 24px;}  
*/  
ul#navigation-lang li a, ul#navigation-lang li {
	font-size: 10px;
	line-height: 16px;
	color: #666;
	text-decoration: none;} 
ul#navigation-lang li {display: inline}	 
ul#navigation-lang li a, ul#navigation-lang li.tel {
	display: block;
	padding-left: 20px;}
ul#navigation-lang li.active a {
	/* margin-left: -20px; */
	color: #049;
	background: url(assets/abrahams/idioma_seta.gif) no-repeat 0px 0px}
ul#navigation-lang li a:hover {
	color: #049;}		
ul#navigation-lang li.tel {
	margin-left: 0px;
	padding-top: 10px;}	      
	
#site-info {
	position: relative;
	padding-top: 2.2em;
	padding-bottom: 2.2em;
	height: 33px;
	color: #999;
	background: #e9edf2;
	clear: both;
	font-size: 9px;
	line-height: 15px; 
	font-family: Verdana }
#site-info p { 
	text-align: justify;
	margin-left: 230px;
	padding-top: 8px;}	
#site-info a { color: #999; font-size: 9px; font-family: Verdana; text-decoration: none }
#site-info a:hover { color: #048; font-size: 9px; font-family: Verdana; text-decoration: none }	
/* #site-info span { right: 30px; position: absolute;} */

/* IMAGE BOXES */
div#image-box {position:relative; width:100%; height:300px; margin-top: 2em;}
div.image-menu {border: solid 1px #048; width: 132px;}
div.image-menu img {margin: 16px 14px; }
div.image-menu a {display:block}
#image-menu-left {position:absolute; left: 0px; top: 0px;}
#image-menu-center {position:absolute; left:155px; top:0px; }
#image-menu-right {position:absolute; right: 0px; top:0px;}

/* FORM */
#contact-form label {
	width: 10em;
	float: left;
	display: block;}
#contact-form legend {display: none}
#contact-form input, #contact-form textarea, #contact-form select {
	padding:2px; 
	border: 1px solid #049;
	width: 280px;  }
#contact-form img {margin-left: 10em;}	
#contact-form input.submit {margin-left: 10em; background-color: #049; color: #fff; padding: 4px 20px; width:auto}


#contact-form input.required, #contact-form input.invalid, #contact-form textarea.required, #contact-form select.required {border: 2px solid #c00; background-color: pink;}
#contact-form .errors {border: 2px solid #c00; background-color: pink; padding: 1em; margin-bottom: 1.5em;}


/*---------STYLES FOR BUTTONS: BT----------*/

#content-main a.button, #content-main button {
  display: inline-block;
  float: left;
  margin:0 0.583em 0.667em 0;
  padding:5px 10px 5px 7px;   /* Links */
  border:1px solid #dedede;
  border-top:1px solid #eee;
  border-left:1px solid #eee;
  background-color:#f5f5f5;
/*   font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; */
  font-size:90%;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
/*   color:#565656; */
  cursor:pointer;
}
#content-main button {
  width:auto;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
}
#content-main button[type] {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}

*:first-child+html #content-main button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}

.container button img, .container a.button img{
  margin:0 3px -3px 0 !important;
  padding:0;
  border:none;
  width:16px;
  height:16px;
  float:none;
}

/* Standard Buttons */
button:hover, a.button:hover{
  background-color:#dff4ff;
  border:1px solid #c2e1ef;
  color:#336699;
}
a.button:active, button:active{
  background-color:#6299c5;
  border:1px solid #6299c5;
  color:#fff;
}