/* ------------------------------------------------------
  Filename:     screen.css
  Created by:   Johan Edlund | www.edlunddesign.com
  Purpose:	Main CSS file for Pegroco Invest
  Updated:	June 16th, 2008
--------------------------------------------------------- */
/******* Temp *******/
.clearer2 {clear:both;height:2em;}

/****** General ******/
html,body {margin:0;padding:0;font-size:100%;color:#333; background:#efeeee url(../i/tiles/bgTileBlue.jpg) repeat-x;}
body {padding:0;text-align:center;color:#333; font-family:Georgia,"Times New Roman",Times, serif; line-height:2.5em;font-size:62.5%;}
#CF {height:130px;background:#bbb;}

/* Neutralize styling: */
form, fieldset, input {margin: 0;padding: 0;}
h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {margin: 0.1em 0;padding: 0;}
/* Apply left margin: */
li, dd, blockquote {margin-left: 1em;}

/****** Layout ******/
#Header {margin:0;padding:0;height:130px;background:transparent url(../i/graphics/headerBG.jpg) 50% 0 no-repeat;}
#InnerCont {position:relative;margin:0 auto;padding:0;width:900px;background:#123;}
#CB {width:660px;margin:0 auto;padding:0;text-align:center;background:transparent;}
#Content {float:left;text-align:left;width:420px;margin:0 0 25px 0;padding:0;padding:0;color:#222;background:transparent;}
#Sidebar {float:right;width:200px;text-align:left;margin:0 0 25px 0;padding:0;padding:0;color:#333; background:transparent;}

/****** Various ******/
.hidden	{display:none;}
.clearer {clear:both;height:1em;}
.pipe {padding:0 1px;color:#ddd;background:transparent;}
.hr {clear:both;height:0.8em;}
hr {display:none;}
.off-left {position:absolute;left:-9999px;width:9999px;}

img {float:left;margin:2px 1.4em 1px 0;color:#333;padding:4px;border:1px solid #ddd; background:#f9f9f9;}
img.naken {margin:1em 0;color:#333;padding:4px;border:1px solid #efeeee;;background:transparent;}
img.margin {margin:0 0 1em 0;}
img.last {margin:2px 0 1px 0;}
a img:hover{background:#EFECC9;border:1px solid #ddd;}
img.left {float:left;margin:1em 0;}
img.right {float:right;margin:0;}
acronym, abbr {font-style:normal;text-decoration:none;} 
acronym[title], abbr[title] {border-bottom:1px dotted #aaa;}
#Accessibility {position:absolute;top:-10000px;}

/****** Default Links *****/
a:link {font-weight:bold;border-bottom:1px dotted #076481;color:#076481;text-decoration:none;}
a:visited {font-weight:bold;border-bottom:1px dotted #076481;color:#076481;text-decoration:none;}
a:hover {font-weight:bold;color:#075163;border-bottom:1px solid #076481;}
a:active{font-weight:bold;color:#075163;border-bottom:1px solid #076481;}

/****** Header ******/
h1{font-weight:normal;margin:0.8em 0 0.3em 0;padding:0;font-size:3.8em; line-height:1.1;color:#002f2f; background:transparent;}
h2, h3, h4 {margin:25px 0 10px 0;padding:10px 0;font-size:1.2em;font-weight:bold;line-height:1.4;text-transform:uppercase;
letter-spacing:0.2em;color:#8F8C6D;background:transparent url(../i/tiles/hr3pxFFFFFF.gif) bottom left repeat-x;}
h2#Logo {margin:0;padding:0;}
h2{margin:2em 0 1em 0;}
h2 a:link , h2 a:visited,
h3 a:link , h3 a:visited,
h4 a:link , h4 a:visited {color:#A6A27E;border:none;}
h2 a:hover, h2 a:active,
h3 a:hover, h3 a:active,
h4 a:hover, h4 a:active {color:#075163;border-bottom:1px solid #076481;}

/****** Logo ******/
#Logo a {width:145px;height:60px;position:absolute;top:30px;left:377px;margin:0;padding:0;color:#bbb;text-indent:-9000px;background:transparent url(../i/logo/logoDouble-trans.png) top left no-repeat;text-decoration:none;border:none;display:block;}
#Logo a:hover {background-position: 0px -100px; color:red;border:0;}
#Banner {width:714px;height:362px;margin:20px auto 0 auto;padding:0;color:#bbb;text-indent:-9000px;background:transparent url(../i/graphics/banner4-trans.png) top left no-repeat;text-decoration:none;border:none;}

/****** Content Specific ******/
#Content p,#Content ul {margin:1.2em 0 1.2em 0;font-size:1.3em;color:#0D2F2F;background:transparent;text-align:left;}
#Content h2+p {margin:0;}
.dropcap {margin:1px 4px 0 0;padding:0;float:left;color:#176480;font-size:49px;line-height:1;} 
#Content p.center {clear:both;padding:1em 0 0 0;text-align:center;color:#aaa;}
#Content p.date {color:#777;background:url(../i/icons/calendar.gif) no-repeat 0 5px;font-size:1.2em;margin:1px 0 5px 0;padding:1px 0 1px 19px;}
#Content span.date {color:#777;background: url(../i/icons/calendar.gif) no-repeat 0 0;margin:1px 0 5px 1em;padding:1px 0 1px 19px;}
#Content p.readmore {clear:both;font-size:1.2em;margin:0.1em 0;padding:0.1em 0 0.1em 1.5em;background:transparent url(../i/icons/permalink.gif) 0 0.6em no-repeat;}
#Content p.adress{text-align:center;float:left;width:120px;margin:1em 13px 0 0;padding:0 0 0 10px;background:transparent;border-left:1px solid #fff;}
#Content p.adress_last{text-align:center;float:left;width:120px;margin:1em 0 0 0;padding:0 0 0 10px;background:transparent;border-left:1px solid #fff;}
#Content p.adress span, #Content p.adress_last span {color:#A6A27E;}

/* normal ul */
#Content ul {margin:1em 0;padding:0;list-style-type:none;}
#Content ul li {margin:0 0.5em;padding:0.1em 0 0.1em 1.5em;list-style-type:none;background:transparent url(../i/icons/bullet4.gif) 0 0.6em no-repeat;}

/* definition list - links */
dl{font-size:1.2em;margin:0;padding:0.4em 0 0 0;}
dl dt a {margin:0;padding:0.3em 0.2em 0.2em 1.6em;background: url(../i/icons/externalIcon.gif) no-repeat 0 2px;border:none;}
dl dt a:link, dl dt a:visited {border:none;}
dl dt a:hover {background-position:0 -17px;border:none;}
dl dt a:active {background-position:0 -17px;border:none;}
dl dd {margin:0 2em 1.2em 2.3em;padding:0;}

/* blockquote */
#Content blockquote {margin:1em 0;padding:0 1em;border-left:3px solid #85AB53;background:#f4f2f4;}
#Content blockquote p {color:#343434;margin:0;padding:0;font-style: italic;}
#Content blockquote span.source {color:#454545;font-style: normal;display:block;margin-top:0.5em;}

#Content ul.bloglinks {margin:0;padding:0;list-style-type:none;}
#Content ul.bloglinks li {font-size:1em;margin:0.2em 0;padding:0.1em 0 0.1em 1.5em;list-style-type: none;background:transparent url(../i/icons/permalink.gif) 0 0.6em no-repeat;}

/****** Sidebar Specific ******/
/* blog links */
ul.bloglinks {margin:0;padding:0;list-style-type:none;}
ul.bloglinks li {font-size:1.2em;margin:0.2em 0;padding:0.1em 0 0.1em 1.5em;list-style-type:none;background:transparent url(../i/icons/permalink.gif) 0 0.6em no-repeat;}

/*-- Language --*/
ul.Language {padding:0;margin:30px 0 0 0;}
ul.Language  li{letter-spacing:1px;line-height:28px;font-size:1.1em;font-weight:bold;color:#999;list-style-type:none;padding:0;margin:0;display:block; float:left; width:100px;height:28px; background:transparent url(../i/graphics/btnBG.gif) no-repeat 0 0;text-align:center;}
ul.Language li.english{background-position: -100px 0;}
ul.Language a{font-size:1em;letter-spacing:1px; display:block; width:100px; height:28px; border:none; background:transparent url(../i/graphics/btnBG.gif) no-repeat 0 -40px;}
ul.Language li.en-us a{background-position:-100px -40px;}
ul.Language a:hover {background:transparent url(../i/graphics/btnBG.gif) no-repeat 0px -80px; }
ul.Language li.en-us a:hover{background-position:-100px -80px;}

#Sidebar h2,#Sidebar h3,#Sidebar h4 {padding:0.8em 0;}
#Sidebar a:link, #Sidebar a:visited {color:#458ba1;}
#Sidebar a:hover, #Sidebar a:active {color:#075163;}

/* main navigation */
ul#Nav {margin:1px 0 0 0;padding:0;width:200px;}
ul#Nav li {line-height:28px;font-size:1.1em;list-style:none;padding:0;margin:0;background:transparent url(../i/graphics/btnBG.gif) no-repeat 0 0;}
ul#Nav li a{width:178px;height:28px;letter-spacing:1px;font-size:1em;display:block;border:none;padding:0 0 0 22px;margin:1px 0 0 0;background:transparent url(../i/graphics/btnBG.gif) no-repeat 0 -120px; color:#458ba1;text-decoration:none;}
ul#Nav li a:hover{color:#075163; background:transparent url(../i/graphics/btnBG.gif) no-repeat 0 -160px;}

/* sub navigation */
ul#Nav li ul#Subnav li {text-indent:17px;border-bottom:none;}
ul#Nav li ul#Subnav li a{background:transparent url(../i/graphics/btnBG.gif) no-repeat 0 -240px;}
ul#Nav li ul#Subnav li a:hover{background:transparent url(../i/graphics/btnBG.gif) no-repeat 0 -280px;}
ul#Nav li ul#Subnav li a.current{background:transparent url(../i/graphics/btnBG.gif) no-repeat 0 -280px;}

/* page id specific */
body#home ul#Nav li a.Home, 
body#concept ul#Nav li a.Concept,
body#news ul#Nav li a.News,
body#portfolio ul#Nav li a.Portfolio,
body#about ul#Nav li a.About, 

body#links ul#Nav li a.Links, 
body#contact ul#Nav li a.Contact, 
body#blog ul#Nav li a.Blog
{color:#075163;background:transparent url(../i/graphics/btnBG.gif) no-repeat 0 -160px;}

body#business ul#Nav li a.Business
{color:#075163;background:transparent url(../i/graphics/btnBG.gif) no-repeat 0 -200px;}

/* search form */
#Search form{margin:0;padding:0;}
#Search input.field{font-size:1em;margin:0;padding:4px;width:189px;
border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #fff;border-bottom:1px solid #fff;color:#666;background:#fff;}

button.send {font-family:Georgia,"Times New Roman",Times, serif;font-size:1em;margin:6px 0;padding:2px;color:#999; background:transparent url(../i/graphics/searchbtnBG.gif) no-repeat 0 0; height:28px; width:100px; letter-spacing:1px; text-align:center; font-weight: bold; border:none; cursor:hand;}
button.send:hover {border:none;background-position: 0 -40px; color:#075163; text-decoration:none;}


/****** Footer ******/
#Footer {text-align:center;clear:both;width:100%;margin:0;padding:0; background:transparent url(../i/tiles/footertile.gif) bottom left repeat-x;height:200px;position:relative;}
#Footer #Cont {position:relative;height:170px;margin:0 auto; padding:30px 0 0 0;width:660px;text-align:left;}
.divider {height:4px;color:#666;background:transparent url(../i/tiles/hr3pxFFFFFF.gif) top left repeat-x;border-top:#dedede 1px solid;}
span.bluedot {padding:1px 0 1px 22px;background:url(../i/icons/pegrocoBlue.gif) no-repeat 0 45%;}
#Footer p {font-size:1.2em;}
p.adress{float:left;width:120px;margin:0.7em 17px 0 0;padding:0;font-size:1em;color:#777;background:transparent;}
p.cname {border-left: 1px dotted #A6A27E;padding-left: 15px;background:transparent;}
p.vcard{background:transparent;border-left: 1px solid #fff;padding-left: 15px;}
p.sidb{float:right;width:185px;margin:0.7em 0 0 0;padding:0;font-size:1em;color:#777;background:transparent;padding-left:15px;border-left: 1px solid #fff;}

p.cred {width:400px;position:absolute;bottom:12px; left:0;margin:0;padding:0;font-size:1em; color:#fff;background:transparent;padding:0;text-align:left;}
p.tools {width:250px;position:absolute;bottom:12px;right:0;margin:0;padding:0;font-size:1em;color:#fff;background:transparent;padding:0;text-align:right;}
p.cred a:link, p.cred a:visited, 
p.tools a:link, p.tools a:visited 
{color:#fff;font-weight:normal;border-bottom:1px dotted #fff;}
p.cred a:hover, p.cred a:active,
p.tools a:hover, p.tools a:active
{color:#075163;border-bottom:1px solid #075163;}

p.cred acronym, p.cred abbr {font-style:normal;text-decoration:none;} 
p.cred acronym[title], p.cred abbr[title] {border-bottom:1px dotted #ccc;}

span.edicon{padding-left:19px;background: url(../i/icons/edicon.gif) top left no-repeat;}

span.pipe {color:#92886C;padding:0 0.3em;}


/* rss icon */
a.rss {font-weight: normal; color:#666;padding:1px 22px;background:url(../i/icons/feed-icon.gif) no-repeat 0 35%;border-bottom:none;}
a.rss:link {font-weight: normal;color:#666;padding:1px 22px;background:url(../i/icons/feed-icon.gif) no-repeat 0 35%;border-bottom:none;}
a.rss:hover {font-weight: normal;padding:1px 22px;color:#A6A27E; background:url(../i/icons/feed-icon.gif) no-repeat 0 35%;border-bottom:none;}

/* email icon */
a.email {font-weight: normal;color:#666;padding:1px 22px;background:url(../i/icons/email.gif) no-repeat 0 40%;border-bottom:none;}
a.email:link {font-weight: normal;color:#666;padding:1px 22px;background:url(../i/icons/email.gif) no-repeat 0 40%;border-bottom:none;}
a.email:hover {font-weight: normal;padding: 1px 22px;color:#A6A27E; background:url(../i/icons/email.gif) no-repeat 0 40%;border-bottom:none;}

/* ---------------------------------------
  Forms -- txpCommentInputForm
----------------------------------------- */
#txpCommentInputForm {margin:3em 0 2em 0;padding:1.5em 2em;
color:#444;background:#e9e9e9;border:1px solid #d4d4d4;}
#txpCommentInputForm .formrow {margin:0.2em 0 0.6em 0;}
#txpCommentInputForm .formrow span.pipe {color:#fff;background:transparent;}
#txpCommentInputForm .label {margin:0;padding:0;color:#444;background:transparent;}
#txpCommentInputForm .accesskey {text-decoration: underline;}
#txpCommentInputForm .comment_name_input,
#txpCommentInputForm .comment_email_input,
#txpCommentInputForm .comment_web_input,
#txpCommentInputForm .txpCommentInputMessage
{font-family:Georgia,serif;font-size:1.1em;width:366px;margin:0;padding:4px;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #fff;border-bottom:1px solid #fff;background:#fff;}

ol.comments{margin:1em 0;padding:0;}
ol.comments li{margin:2em 0 1em 1.5em;padding:0;}
#Content .comments p{margin:0.3em 0;padding:0;}