/* GENERAL ATTRIBUTES */

* { margin: 0; padding: 0}

body {font-family: Verdana; font-size: 100%}

li {list-style-type: none; display: inline}

a {text-decoration: none; color: #509F3E}

a:hover { color: #666; border-bottom: 2px solid #509F3E}

img {border: 0}

acronym {cursor: help}

fieldset { border: 2px solid #E8E8E8; padding: 10px} 
legend { text-align: left; color: #7E589B; margin: 0px; font-size: 1.1em; line-height: 38px; font-weight: bold; padding: 5px}
input { font-size: 0.9em; padding: 2px; border: 1px solid #7F7F7F}   
select { font-size: 1em; padding: 2px; border: 1px solid #7F7F7F }  
textarea {  font: 1em Verdana, Arial, sans-serif;  padding: 2px;  border: 1px solid #7F7F7F  }	
textarea:focus, input:focus {  background-color: #f4f4f4;  border: 1px solid #7F7F7F; } 
  
/* WEBSITE GENERAL */

#body_wrap, #foot_wrap {width: 910px; margin: 0 auto}

    /* Body */
#body_wrap {}
	
	/* Head */
#head_wrap {font-size: 0.8em;}

            /* Logo */
#logo {height: 40px; display: block; background: url(images/logo.jpg) center left no-repeat; margin-top: 15px}
#logo p {text-indent: -9000px}

            /* Head Navigation - Search, Lang, Client Login */
#head_nav {margin-left: 530px; height: 25px; color: #666}
#head_nav ul { display: inline; float:left; line-height: 1.5em; margin-right: 10px}
#head_nav input { float:left; border: 1px solid #A7A7A7; margin: 2px;}
#head_nav input:hover { border: 1px solid #aeaeae; border-bottom: 2px solid #aeaeae; background: #ECEBEB url(images/nav.bg2.gif) bottom right no-repeat }
#head_nav input:focus { border: 1px solid #509F3E; border-bottom: 2px solid #509F3E; background: #ECEBEB url(images/nav.bg.gif) bottom right no-repeat }
#head_nav .but {border: 0; color: #666;}
#head_nav .but:hover {background: #62A754; border: 0; color: #fff}
#head_nav fieldset {border: 0; padding: 0}
#head_nav a {color: #A7A7A7;}
#head_nav a:hover {color: #509F3E; border-bottom: 2px solid #509F3E}

#head_nav span {visibility: hidden}
#pt, #en, #es {width: 16px; height: 11px; padding-right: 2px}
#pt { background: url(images/pt.off.png) center left no-repeat}
#en { background: url(images/en.off.png) center left no-repeat}
#es { background: url(images/es.off.png) center left no-repeat}
#pt:hover  {background: url(images/pt.png) center left no-repeat}
#es:hover {background: url(images/es.png) center left no-repeat}
#en:hover  {background: url(images/en.png) center left no-repeat}

#clientl {padding-left: 16px; background: url(images/key.png) center left no-repeat}
#clientl:hover {background: url(images/key1.png) center left no-repeat}

            /* Website Navigation  -  +ROUND CONTAINER CSS CAN BE FOUND BELOW */
                 /* Navigation Menu and Items */
#nav { margin: 10px 0px 10px 0px; font-size: 0.8em}
#nav a { font-size: 1.3em; padding: 10px 10px 12px 10px; margin-right: 3px; color: #9B9B9B; font-weight: bold;}
#nav a:hover { background: url(images/nav.bg2.gif) bottom center no-repeat; color: #7e589b; border: 0}
#nav .active a { background: url(images/nav.bg.gif) bottom center no-repeat; color: #62A754}

                 /* Navigation Text */
#p1, #p2, #p3, #p4, #p5, #p6, #p7, #p8 {visibility: hidden; font-size: 0.6em; position: absolute; top: 305px; margin: 0 auto; color: #666}
#a1:hover #p1 {visibility: visible;}
#a2:hover #p2 {visibility: visible;}
#a3:hover #p3 {visibility: visible;}
#a4:hover #p4 {visibility: visible;}
#a5:hover #p5 {visibility: visible;}
#a6:hover #p6 {visibility: visible;}
#a7:hover #p7 {visibility: visible;}
#a8:hover #p8 {visibility: visible;}

#nav_clear {display: block; clear: both; margin-top: 12px; border-top: 5px solid #509F3E }

    /* Content */
	            /* Content Wrap General */
#cont_wrap, #cont_bot { font-size: 0.8em; color: #666}

#cont_wrap span, #cont_bot span  {font-size: 1.3em; font-weight: bold; color: #62A754}

#cont_wrap h1, #cont_bot h1 {font-size: 1.4em; margin: 10px; line-height: 2em; font-weight: bold}

#cont_wrap h2, #cont_bot h2 {font-size: 1.2em; margin: 10px 10px 10px 0; line-height: 2em; font-weight: bold; padding-top: 20px}

#cont_wrap p {text-align: justify}

#cont_wrap .p_j {text-align: justify; line-height: 1.5em; margin-bottom: 10px}

	            /* Content LEFT */
#cont_l { width: 55%; float: left; margin-right: 20px;}

#cont_l p {text-align: left}

.ext_link {background: url(images/ext.link.gif) no-repeat center right; padding-right: 16px}

.quote_1 { background: url(images/quote.bg.gif) top left no-repeat; padding-left: 30px; padding-top: 10px; text-align: justify; width: 250px; float: left; display: block; font-family: georgia; margin: 5px 15px 5px 15px; font-size: 1.7em; font-style: italic; color: #509F3E}

.quote_2 { background: url(images/quote.bg.gif) top left no-repeat; padding-left: 30px; padding-top: 10px; text-align: justify; width: 250px; float: right; display: block; font-family: georgia; margin: 5px 15px 5px 15px; font-size: 1.7em; font-style: italic; color: #7E589B}

	            /* Content RIGHT */
#cont_r { width: 40%; float: left;}

	            /* Content BOTTOM */
#cont_bot {clear: both; padding-top: 20px; margin-bottom: 20px}

#cont_wrap .more {color: #AEAEAE; visibility: hidden; padding-left: 35px; background: url(images/nav.bg2.gif) center left no-repeat; font-size: 0.9em; line-height: 0.9em; font-weight: normal;  }
	
	/* Foot */
	
#foot_shell {background: #d7cede url(images/foot.bg.gif) top left repeat-x; padding-top: 130px; height: 100%}

#foot_wrap {color: #666; font-size: 0.8em}

#foot_wrap h1 {font-size: 1.4em; margin: 15px 30px 15px 30px; font-weight: bold}

#foot_bot {clear: both; font-size: .8em; color: #666; padding: 30px; background: url(images/sepa.gif) no-repeat top center}

.feed {background: url(images/feed.gif) no-repeat center left; padding-left: 15px}
.check {background: url(images/check.gif) no-repeat center left; padding-left: 15px}
	
#foot_bot p {line-height: 2em; text-align: center}
	
/* HOME PAGE SPECIFIC */

#test_t { font-style: italic; text-align: left; font-family: georgia, verdana; font-size: 120%; line-height: 125%}

#test_c {text-align: right; font-weight: bold; font-size: 110%; color: #7E589B}

/* ABOUT PAGE SPECIFIC */

#about #cont_l { width: 67%; float: left; margin-right: 30px;}

#about #cont_r { width: 28%; float: left;}

#about #cont_wrap { margin: 20px}

/* QUOTE PAGE SPECIFIC */

#quote #cont_l { width: 635px; float: left; margin-right: 25px;}

#quote .more { margin-left: 45px;}

#quote #cont_r { margin-top: 15px; width: 250px; float: left;}

hr {
  border-style: none;
  border: 1px solid #E8E8E8;
  margin: 0px;
  margin-top: 15px;
  margin-bottom: 15px;
  } 

.req  { 
  color: #FF0000; 
  font-size: 1.3em;
  font-weight: bold;
 } 

.warn {font-weight: bold; background: #ECEBEB; border: 1px solid #FF0000; padding: 5px} 

.zemError {font-weight: bold; background: #FFCEB0; border: 1px solid #FF0000; padding: 5px}

.zemError strong {color: #FF0000; }
 
.dhtmlgoodies_question {
	overflow: hidden;
	cursor: pointer;}

.dhtmlgoodies_answer{
	width: 635px;
    margin-bottom: 20px;
	visibility: hidden;
	height: 0;
	overflow: hidden;
	position: relative;}
	
.dhtmlgoodies_answer_content{
    line-height: 1.2em;
	padding: 5px;
	font-size: 0.9em;	
	position: relative}
	
.dhtmlgoodies_answer_content p {margin: 10px 0px 10px 0px}
	
	
/* WEB + GRAPHIC PAGE SPECIFIC */
	
#web .dhtmlgoodies_answer, #graphic .dhtmlgoodies_answer { width: 460px; padding: 15px; margin-bottom: 5px;}

#web .dhtmlgoodies_answer_content, #graphic .dhtmlgoodies_answer_content { line-height: 1.5em}

#web #cont_l , #graphic #cont_l { width: 54%; float: left; margin-right: 10px;}

#web #cont_r , #graphic #cont_r { width: 44%; float: left; margin-top: 15px;}

#web .more , #graphic .more { margin-left: 40px;}


/* PORTFOLIO PAGE SPECIFIC */

#portfolio {font-size: 100%;}

#portfolio  #ind_img {width: 550px; margin: 0 auto; text-align: center}

#portfolio  #ind_img img {border: 1px solid #ECEBEB }

#portfolio #body_wrap {width: 700px; margin: 0 auto;}

#portfolio .pcenter {text-align: center}

#portfolio #cont_bot h1 span {color: #509F3E; font-size: 100%}

#portfolio .roundfg p {line-height: 120%; text-align: left; padding: 5px 0px 5px 0px}

#portfolio .date {margin: 5px 15px 5px 3px; font-weight: bold; width: 66px; height: 66px; padding: 14px 0 0 0px; float: left; display: block; background: url(images/datebg.gif) no-repeat top left}

#portfolio .date p {text-align: center; line-height: 100%; padding: 0; padding-bottom: 5px}

#portfolio .date span{font-size: 100%; border-top: 1px solid #888}

#portfolio .tags {margin: 20px 0px 20px 0px}

#portfolio #foot_bot {padding: 30px 0px 30px 0px; background: url(images/logo.bg2.gif) no-repeat center right}

#item_nav {position: absolute; top: 30%}

#prev_nav, #next_nav {position: relative}

#prev_nav a, #next_nav a {margin: 3px 10px 3px 15px; font-weight: bold; font-size: 18pt; width: 40px; height: 40px; padding: 5px 0 0 10px; float: left; display: block; background: url(images/navbg.gif) no-repeat top left}

#next_nav {margin-left: 630px; margin-top: -25px}

#prev_nav a:hover, #next_nav a:hover {border-bottom: 0}
 
      /* PORTFOLIO thumbs */
	  
#thumb_foot {
	list-style-type: none;
	padding: 15px 30px 100px 70px;
	clear: both;
		}
#thumb_foot li {	
	float:left;
	margin: 0 15px 15px 0;
	}
#thumb_foot li a img {
	padding: 8px;
	background: #fff;
	}
#thumb_foot li a:hover img {
    background: #509F3E;
	}
#thumb_foot li a:hover, ol#thumbs li a:visited {border-bottom: 0;}	

#thumb_page {
	list-style-type: none;
	padding: 20px 62px 20px 62px;
	clear: both;
		}
#thumb_page li {	
	float:left;
	margin: 0 15px 15px 0;
	}
#thumb_page li a img {
	padding: 8px;
	background: #D7CEDE;
	}
#thumb_page li a:hover img {
    background: #509F3E;
	}
#thumb_page li a:hover, ol#thumbs li a:visited {border-bottom: 0;}	

#web #thumb_foot {	padding: 15px 20px 100px 40px;}

/* SITE MAP SPECIFIC */

.sitemap li {display: list-item; list-style-image: url(images/list2.gif); text-indent: 20px; list-style-position: inside; line-height: 180%;}

.sitemap .itemhead {display: list-item; list-style-image: url(images/list1.gif); text-indent: 0; margin-top: 20px}

/* SEARCH RESULTS SPECIFIC */

.search-result p {text-align: left; margin: 10px 0px 10px 0px}

.search-result img {border: 1px solid #ECEBEB}

.search-result strong {background: #FDFF2B; padding: 3px}

#search #cont_bot { margin: 20px}

.search-link {background: #EFE6F7; padding: 5px}

/* PORTFOLIO NAV */

#nav_pg {
 clear: both;
 padding: 10px;
 text-align: center;
 margin-right: 20px;
}

#nav_pg ul {}

#nav_pg a {color: #666;}

#nav_pg li {list-style-type: none; display: inline; padding: 4px; border: 1px solid #bfbfbf; padding-left: 6px; padding-right: 6px}

#nav_pg li:hover {border: 1px solid #D7CEDE; background:#D7CEDE}

#nav_pg .empty {border: 1px solid #EFEFEF}

#nav_pg .empty:hover {border: 1px solid #EFEFEF; background: transparent}

#nav_pg .empty {color: #E7E7E7}

#nav_pg .sel, #nav_pg .sel:hover {background:#509F3E; border: 1px solid #509F3E}

#nav_pg .sel {color: #FFF; font-weight: bold}


/* -----------FOR ROUNDED CORNERS---------------- */

	/* Navigation */

.round{display:block}
.round *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ecebeb}
.round1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f6f6f6;
  border-right:1px solid #f6f6f6;
  background:#f0f0f0}
.round2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fdfdfd;
  border-right:1px solid #fdfdfd;
  background:#efeeee}
.round3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #efeeee;
  border-right:1px solid #efeeee;}
.round4{
  border-left:1px solid #f6f6f6;
  border-right:1px solid #f6f6f6}
.round5{
  border-left:1px solid #f0f0f0;
  border-right:1px solid #f0f0f0}
.roundfg{
  background:#ecebeb; padding: 10px 20px 20px 20px}
  
  	/* Roundy Boxes w/ Logo */
  
.rndy{display:block}
.rndy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ffffff}
.rndy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #ffffff;
  border-right:1px solid #ffffff;
  background:#ffffff}
.rndy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #ffffff;
  border-right:1px solid #ffffff;
  background:#ffffff}
.rndy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #ffffff;
  border-right:1px solid #ffffff}
.rndy4{
  border-left:1px solid #ffffff;
  border-right:1px solid #ffffff}
.rndy5{
  border-left:1px solid #ffffff;
  border-right:1px solid #ffffff}
.rndyfg{
  background:#ffffff}
  
.rndyfg p {padding: 5px 55px 10px 15px}

.rndyfg a {visibility: hidden; color: #62A754; padding-left: 35px; background: url(images/nav.bg2.gif) center left no-repeat; text-decoration: underline}

.rndyfg a:hover {border: 0}


              /* Roundy Boxes w/ Logo ON HOVER */
			  
.cont_box:hover .rndy *{
  background:#ecebeb}
.cont_box:hover .rndy1{
  border-left:1px solid #f6f6f6;
  border-right:1px solid #f6f6f6;
  background:#f0f0f0}
.cont_box:hover .rndy2{
  border-left:1px solid #fdfdfd;
  border-right:1px solid #fdfdfd;
  background:#efeeee}
.cont_box:hover .rndy3{
  border-left:1px solid #efeeee;
  border-right:1px solid #efeeee;}
.cont_box:hover .rndy4{
  border-left:1px solid #f6f6f6;
  border-right:1px solid #f6f6f6}
.cont_box:hover .rndy5{
  border-left:1px solid #f0f0f0;
  border-right:1px solid #f0f0f0}
.cont_box:hover .rndyfg {
  background: #ecebeb url(images/logo.bg.gif) center right no-repeat}
  
.cont_box:hover .rndyfg a {visibility: visible}

#cont_wrap .cont_box:hover .more {visibility: visible}

              /* NEWS BOX */

#topbar{
position:absolute;
border: none;
padding: 2px;
background-color: transparent;
width: 350px;
visibility: hidden;
z-index: 100}

#topbar p {text-indent: -9000px}