/* 
=========================== 
OFG master style sheet
veinte dos de Septiembre dos mil y cinco
=========================== */

/* 
=========================== 
Imported CSS
=========================== */

@import url("nav.css") ;
@import url("tables.css");

/* 
=========================== 
Basics
=========================== */


body {

	margin: 70px 0  0 ;
	padding: 0 ;
	background: #fff ;
	color: #00456A ;
	font: normal 10px/14px Verdana, Arial, Geneva, sans-serif ;
}

* {
	padding: 0 ;
	margin: 0 ;
}

ul {
	padding-left: 1.5em;
}

a:link, a:visited, a:active {
	text-decoration: underline ;
	color: #00456A ;
}

a:hover {
	color: #B2A95E ;
}

/* 
=========================== 
Page Divisions
=========================== */

div#wrapping {
	position: relative ;
	width: 743px ;
	margin: 0 auto ;
}

div#head {
	width: 743px ;
	height: 103px ;
	background: transparent url(/img/nav_shadow.png) top left no-repeat ;
}

div#logo {
	float: left ;
	width: 157px ;
	height: 85px ;
	margin: 8px 0 0 4px ;
}

html>body div#logo {
	margin-left: 8px ;
}

div#head {
	margin-bottom: 2em ;
}

div#headright {
	float: right ;
	width: 563px ;
	margin: 8px 5px 0 0 ;
}

html>body div#headright {
	margin-right: 10px ;
}

div#navplacer {
	margin-bottom: 17px ;
}

div.navt {
	text-align: right ;
}

div#flashholder {
	width: 733px ;
	margin-left: 4px ;
}

div#main {
	clear: both;
	position: relative ;
	width: 735px ;
	border-top: 1px solid #BFD0DA ;
	margin: 12px 5px 0 3px ;
}

div#imagery {
	float: left ;
	width: 300px ;
	margin-bottom: 1em ;
}

div#copy {
	float: right ;
	width: 385px ;
	padding: 0 20px 0 30px ;

}

div.linkorama {
	margin: 15px 0 0 15px ;
}

div#story {
	float: left ;
	width: 355px ;
	margin: 0 0 0 7px ;
}

html>body div#story {
	margin-left: 15px ;
}

div#sidebar {
	float: right ;
	width: 320px ;
	margin: 15px 7px 40px 0 ;
}

html>body div#sidebar {
	margin-right: 15px ;
}

div.select {
	margin: 2em 0 ;
}

div#gallery {
	float: right ;
	width: 569px ;
}

div.pagination {
	float: right;
	display: inline ;
	color: #00456A ;
}

div.pagination a {
	text-decoration: none ;
	color: #00456A ;
}

div.pagination a:hover {
	color: #B2A95E ;
}

.pagination p {padding: 0; margin: 0;}

div.ftrpagination {
	margin: 12px 0 12px 365px ;
}

html>body div.ftrpagination {
	margin: 12px 0 12px 358px ;
}

div.ftrpagination a {
	text-decoration: none ;
	color: #00456A ;
}

div.ftrpagination a:hover {
	color: #B2A95E ;
}

/* 
=========================== 
For the 'What We Do'
=========================== */

body#wedo div#imagery {
	float: right ;
	width: 300px ;
	margin-bottom: 1em ;
}

body#wedo div#copy {
	float: left ;
	width: 338px ;
	
}

/* end section */

body#home div#footer {
	clear: both ;
	border-top: 1px solid #CCDAE1 ;
	margin-top: 1.5em ;
	padding-top: 16px ;
}

div#footer {
	clear: both ;
	border-top: 1px solid #CCDAE1 ;
	margin: 0 5px 1.5em 3px ;
	padding-top: 15px ;
	
}


/* 
=========================== 
Jobs
=========================== */

div.postingwrap {
	margin-top: 12px ;
	display: block 
}

div.posting {
	float: left ; 
	width: 324px ;
	margin-bottom: 15px ;
}

div.apply {
	float: right ;
	width: 41px ;
	padding: 1em 0 0 0 ;
	margin-left: 10px ;
}

div.posting p {
	padding: 0 ;
	margin: 0 ;
}

.jobtitle {
	font-weight: bold ;
	color: #00456A ;
}

div.posting a {
	color: #00456A ;
	text-decoration: none ;
	font-weight: bold ;
}

/* 
=========================== 
Imagery
=========================== */

img.tagline {
	float: left ;
}

img.logo {
	display: block ;
	margin: 26px 0 0 0 ;
}

img.side {
	display: block ;
}

/* 
=========================== 
For the 'Services'
=========================== */

body#services div#imagery {
	float: right ;
	width: 455px ;
	margin: 15px 15px 70px 0 ;
}

html>body#services div#imagery {
	margin-right: 30px ;
} 

body#services div#copy {
	float: left ;
	width: 175px ;
	margin: 15px 0 0 0 ;
}




/* 
=========================== 
For the 'Products'
=========================== */

body#top5 div#imagery {
	float: right ;
	width: 595px ;
}

body#top5 div#copy {
	float: left ;
	width: 140px ;
	padding: 15px 0 0 0 ;
	margin: 0 ;
}

body#products div#copy {
	float: left ;
	width: 130px ;
	margin: 15px 0 0 15px ;
	padding: 0 ;
}

html>body#products div#copy {
	margin-left: 30px ;
}


/* 
=========================== 
For 'Contact'
=========================== */

body#contact div#imagery {
	float: right ;
	width: 500px ;
	margin: 0 ;
	padding: 0 ;
}

html>body#contact div#imagery {
	margin-bottom: 1em ;
}
	
body#contact div#copy {
	float: left ;
	width: 205px ;
	margin: 48px 0 0 15px ;
	padding: 0 ;
}

html>body#contact div#copy {
	margin-left: 30px ;
}

/* 
=========================== 
Text Links
=========================== */

 ul.txtnavtop {
	list-style: none ;
	margin: 0 6px 2px 0 ;
}

ul.txtnavtop li {
	font: bold 10px "Trebuchet MS", "Myriad Pro", "Lucida Grande", Verdana, Arial, sans-serif ; 
	display: inline ;
	text-align: right ;
	padding: 0 1px 0 5px ;
}

ul.txtnavtop li a {
	color: #B2A95E ;
	text-decoration: none ;
	border: 0;
}

ul.txtnavtop li a:hover {
	border-bottom: 1px solid #b2a95e ;
} 

ul.txtintnav {
	float: left;
	display: inline ;
	list-style: none ;
	font: 18px "Trebuchet MS", "Myriad Pro", "Lucida Grande", Verdana, Arial, sans-serif ; 
	padding: 0;
}

ul.txtintnav li {
	display: inline ;
	padding: 0 8px ;
}

ul.txtintnav li a:link, ul.txtintnav li a:visited {
	text-decoration: none ;
	color: #CCDAE1 ;
}

ul.txtintnav li a:hover {
	color: #B2A95E ;
}

a.on {
	color: #B2A95E !important ; }

a.clients {
	margin-left: 260px ;
	background: transparent url(/img/lister01.gif) center right no-repeat ;
	padding-right: 12px ;
	font: 12px "Trebuchet MS", "Myriad Pro", "Lucida Grande", Verdana, Arial, sans-serif ; 
	text-decoration: none ;
	color: #00456A ;
}


/* 
=========================== 
Headings
=========================== */

h1 {
	font: 18px "Trebuchet MS", "Myriad Pro", "Lucida Grande", Verdana, Arial, sans-serif ;
	color: #B2A95E ;
	border-bottom: 1px solid #CCDAE1 ;
	padding-bottom: 10px ;
	margin: 0 2px 10px 2px ;
}

h1#cat-page {
	font: 18px "Trebuchet MS", "Myriad Pro", "Lucida Grande", Verdana, Arial, sans-serif ;
	color: #B2A95E ;
	margin: 0 351px 0 0  ;
	padding-left: 8px ;
	border: 0 ;
	display: inline ;
}

html>body h1#cat-page {
	margin-right: 344px ;
}

h2 {
	font: 18px "Trebuchet MS", "Myriad Pro", "Lucida Grande", Verdana, Arial, sans-serif ;
	color: #B2A95E ;
	margin: 1em 2px 0.5em 2px ;
}

h3 {
	font: bold 14px "Trebuchet MS", "Myriad Pro", "Lucida Grande", Verdana, Arial, sans-serif ;
	color: #00456A ;
}

h3.listtitle {
	font: bold 14px "Trebuchet MS", "Myriad Pro", "Lucida Grande", Verdana, Arial, sans-serif ;
	color: #00456A ;
	padding: 0 0 24px 14px
}

h4 {
	font: 18px "Trebuchet MS", "Myriad Pro", "Lucida Grande", Verdana, Arial, sans-serif ;
	color: #B2A95E ;
	display: inline ;
	margin: 0 10px 0 5px ;
}


p {
	margin: 1em 2px ;
}

/* 
=========================== 
List Tomfoolery
=========================== */

html>body .txtnavtop li {
	border-left: 1px solid #b2a95e ;
}

html>body .txtnavtop li:first-child { border: 0 ; }

html>body .txtintnav li {
	border-left: 1px solid #CCDAE1 ;
}

html>body .txtintnav li:first-child { border: 0 ; } /* one day IE Win will support first-child, and all will be right again. */

ul.listing {
	float: left ;
	margin: 0 97px 50px 0 ;
	line-height: 16px ;
	list-style: none ;
	color: #BACCD8;
}

ul.listing a {
	color: #00456A ;
	padding-left: 16px ;
	text-decoration: none ;
}

ul.listing a:hover {
	color: #80ACC9 ;
	padding-left: 16px ;
	background: transparent url(/img/lister01.gif) 0 50% no-repeat ;
	text-decoration: none ;
}

body#wedo div#copy ul {
	list-style: none ;
	margin: 15px 0 0 -15px ;
}

body#wedo div#copy li {
	background: transparent url(/img/lister01.gif) 0 4px no-repeat ;
	padding-left: 16px ;
	margin-bottom: 20px ;
}

body#services div#copy ul {
	list-style: none ;
	margin: 17px 0 0 -15px ;
}

body#services div#copy li {
	
	line-height: 16px ;
}

body#services div#copy li a {
 	color: #80ACC9 ;
	padding-left: 16px ;
	line-height: 16px ;
	text-decoration: none ;
} 

body#services div#copy li a:hover {
	color: #00456A ;
	padding-left: 16px ;
	line-height: 16px ;
	background: transparent url(/img/lister01.gif) 0 50% no-repeat ;
	text-decoration: none ;
}


body#products div#copy ul {
	list-style: none ;
	margin: 17px 0 0 0 ;
	padding: 0 ;
}

body#products div#copy li {
	line-height: 16px ;
}

body#products div#copy li a {
 	color: #80ACC9 ;
	padding-left: 16px ;
	line-height: 16px ;
	text-decoration: none ;
} 

body#products div#copy li a:hover {
	color: #00456A ;
	padding-left: 16px ;
	line-height: 16px ;
	background: transparent url(/img/lister01.gif) 0 50% no-repeat ;
	text-decoration: none ;
}

html>body#top5 ul.listing {	
	margin-right: 116px ;
}


body#top5 div#copy ul {
	list-style: none ;
	margin: 17px 0 0 0 ;
	padding: 0 ;
}

body#top5 div#copy li {
	line-height: 16px ;
}

body#top5 div#copy li a {
 	color: #80ACC9 ;
	padding-left: 16px ;
	line-height: 16px ;
	text-decoration: none ;
} 

body#top5 div#copy li a:hover {
	color: #00456A ;
	padding-left: 16px ;
	line-height: 16px ;
	background: transparent url(/img/lister01.gif) 0 50% no-repeat ;
	text-decoration: none ;
}

html>body#projects ul.listing {	
	margin-right: 116px ;
}

html>body#resources ul.listing {	
	margin-right: 116px ;
}	


/* 
=========================== 
Search Form
=========================== */

.searchinput {
	width: 150px ;
	height: 15px ;
	border: 1px solid #D6D6D6 ;
	margin-left: 185px ;
	font: bold 11px "Trebuchet MS", "Myriad Pro", "Lucida Grande", Verdana, Arial, sans-serif ;
	color: #A8BECC ;
}

.go {
	background: #B2A95E ;
	color: #fff ;
	border-right: 2px solid #D5D5D5 ;
	border-bottom: 2px solid #D5D5D5 ;
}

/* 
=========================== 
Misc.
=========================== */

.hide {
	display: none ;
}

.cookin-title {
	color: #00456A ;
	font: bold x-small Verdana, Helvetica, Arial, sans-serif ;
}

#fornow {
	display: inline ;
}

div#sidebar p {
	font: 9px Verdana, sans-serif ;
	color: #000 ;
	margin-bottom: 15px ;
}

img.prevbutt {
	margin-right: 8px ;
} 

.addy {
	font-size: 11px ;
	color: #B2A95E ;
}

a.addylink {
	text-decoration: none ;
	color: #00456A ;
}

a.addylink:hover {
	text-decoration: underline;
}

p.pdf a {
	padding: 5px 0 5px 26px;
	background: #fff url(/img/adobe.gif) 0 50% no-repeat;
	text-decoration: none;
	color: #858585;
}

/* 
=========================== 
Added by Cesar
=========================== */

.onhover:hover {

	cursor: pointer;

}

td.listing_link a:link, td.listing_link a:visited, td.listing_link a:active {
	color: #00456A;
	text-decoration: none;
	font-weight: normal;
}

td.listing_link a:hover {
	color: #80ACC9;
	text-decoration: none;
	font-weight: normal;
}

td.listing_link {
	color: #BACCD8;
	font-weight: normal;
}