/*
Theme Name: UNIO
Author: Eric Hoffman
*/

*{margin:0; padding:0;}
body{font-family: Arial, Helvetica, sans-serif; background: #25345D; height: 100%;}

a:link, a:visited{color:#8698A6; text-decoration:none;}

#wrapper{border:1px solid #333; width:997px; margin:30px auto 0 auto; background: #FFFFFF;}

sup { position: relative; top: 4px; }

#header{background:#b8c4d2; border-bottom:1px solid #555; height:125px; width:962px; padding:0 35px 0 0;}

#logo{width:217px; height:125px; float:left;}
#logo h1{width:217px; height:125px; text-indent:-30000px; outline: none;}
#logo h1 a{background:url(images/headers4_01.jpg); width:217px; height:125px; display:block;}
#x{background:url(images/headers4_02.jpg); width:203px; height:125px; float:left; margin: 0 0 0 0;}
#blogHeader{background:url(images/BLOG_ARCHIVE_HEADER_small.jpg); width:261px; height:38px; float:right; margin: 35px -35px 0 0;}
#thinkHeader{background:url(images/archive_think_small.jpg); width:339px; height:38px; float:right; margin: 36px -24px 0 0;}

#search{float:right; margin:10px -14px 0 0; width:500px;}
#ls{border:0; border-right:0; float:right; font-size:10px; padding:3px 12px 2px 3px; width:155px; background:url(images/search.gif); margin:-5px;}
#go{float:right; margin:-5px 0 0 10px; padding: 0 0 5px 0;}
#search p{font-size:10px; font-weight:bold; color:#333; float:right; text-transform:uppercase; font-family:"Myriad Pro"; margin:-5px 0 0 7px; letter-spacing:1px;}
.login{font-family:"Myriad Pro", Arial; font-weight:bold; font-size:10px; color:#527F9B; background:url(images/loginbullet.gif) no-repeat left; padding:0 0 0 10px; text-decoration:none; float:right; margin:0 0 10px 0; text-transform:uppercase; letter-spacing:1px;}
#search a{font-family:"Myriad Pro", Arial; color:#527F9B; font-size:10px;}

#pic2{background:url(images/pic1.jpg); width:997px; height:310px; border-bottom:1px solid #333;}

#content_wp{width:957px; padding:0 20px 20px 20px;}
#content_wp2{width:965px; height:300px; padding:2px 20px 0 0; background: url(images/bottomMenu/main3.gif) no-repeat left; margin: 10px 0 10px 10px;}
#content_wp2 span {display: none; position: absolute;}
#pagecontent{width:360px; height:240px; float:left; overflow:auto; margin:22px 0 0 -3px; padding:10px 10px 8px 15px;}
#pagecontent h5{font-size:13px; text-transform:uppercase; text-align:justify; letter-spacing:0.8px;}
#pagecontent h2{font-size:12px; color:#527F9B; text-transform:uppercase; letter-spacing:1px; text-align:justify;}
#pagecontent p{font-size:12px; color:#444; padding:0 5px 15px 0; line-height:17px; text-align:justify;}

#whatIsUnio{width:100%; height:100%; float: left;}
#whatIsUnio a{background: url(images/bottomMenu/newWhatis.jpg); position: relative; height:28px; display:block; margin: -24px 0 0 -6px; text-indent:-30000px; outline: none;}

#rightcol{width:488px; float:right; margin:10px 12px 0 0;}

#thinkTitle{width:260px; height:22px; float: left;}
#thinkTitle a{background: url(images/bottomMenu/newThink2.jpg); position: relative; width:260px; height:22px; display:block; margin: -10px 0 0 -18px; text-indent:-30000px; outline: none;}

#recentpost{width:488px; border:1px solid #7C90A0; margin:0 0 0 0;}
.rhead{background:#7C90A0; font-size:15px; color:#fff; padding:2px 0 3px 10px; }
.rpara{font-size:11px; color:#555; padding:10px;}
.read{font-size:10px; text-transform:uppercase; padding:0 0 10px 9px;}

#blogTitle{width:260px; height:24px; float: left;}
#blogTitle a{background: url(images/bottomMenu/newBlog.jpg); position: relative; width:260px; height:24px; display:block; margin: -12px 0 0 -14px; text-indent:-30000px; outline: none;}

#notes{background:#B7C1C2; width:223px; float:left; padding:10px 0 5.5px 17px;}
#notes h2{font-size:17px; color:#fff; text-transform:uppercase; margin:0 0 10px 0;}
#notes p{font-size:11px; color:#333; font-style:italic; padding:0 10px 10px 0;}
#alerts{background:#7091A9; width:240px; float:right;}
#alerts h2{font-size:15px; color:#fff; text-transform:uppercase; border-bottom:1px solid #fff; padding:10px 0 5px 17px;}
#alerts p{color:#fff; font-size:11px; padding:12px 0 0 17px;}
#alerts p a{color:#ffffff;}
#alerts p.p2{font-size:9px; margin:0 0 10px 0;}
#alerts p.p2 a{text-decoration:underline; color:#efefef;}

#footer{width:993px; border-top:1px solid #444; padding:5px 2px 7px 2px; text-align:center; font-size:8px; margin:0 0 0 0; text-transform:uppercase; background: #FFFFFF;}
#footer ul li{color:#444; display:inline; padding:0 3px 0 0;}
#footer ul li a{color:#444; text-decoration:none; padding:0 3px 0 0;}

/***** Style for Corporate Stucture *****/
#corp{background:url(images/corp.jpg); width:404px; height:574px; border:1px solid #444; float:left;}
#rightpart{width:530px; float:right;}
#content_corp{width:530px;}
.title2{font-size:19px; color:#527F9B; padding:0 0 15px 0; text-transform:uppercase; font-weight:normal;}
#content_corp p{font-size:12px; color:#444; padding:0 0 15px 0; line-height:17px; text-align:justify;}
#padd{padding:20px 0 0 0;}
#co_struct{background:url(images/co-struct.jpg); width:527px; height:287px; border:1px solid #444; margin:25px 0 0 0;}

/****** Styles for credo & culture ***********/
#credo{background:url(images/credo.jpg); width:437px; height:583px; border:1px solid #444; float:left;}
#right_part{width:495px; float:right;}
.title2{padding:0 0 15px 0; text-align:left;}

#scroll_credo{height:535px; width:480px; overflow:auto; padding:0 15px 0 0;}
#scroll_credo p{font-size:12px; color:#444; padding:0 3px 15px 0; line-height:17px; text-align:justify;}
#scroll_credo h3{font-size:12px; color:#527F9B; padding:0 10px 3px 0; text-transform:uppercase;}

#culture{background:url(images/culture.jpg); width:437px; height:582px; border:1px solid #444; float:left;}

/******** Styles for Owned companies ********/
#operating{background:url(images/operating.jpg); width:437px; height:583px; float:left; border:1px solid #444;}
#business{background:url(images/business.jpg); width:437px; height:583px; float:left; border:1px solid #444;}

/************** Styles for Investments **********/
#minority{background:url(images/minority.jpg); width:386px; height:584px; float:left; border:1px solid #444;}
#investment{background:url(images/investment.jpg); width:437px; height:583px; float:left; border:1px solid #444;}
#right_part_invest{width:540px; float:right;}
#scroll_invest{height:535px; width:520px; overflow:auto; padding:0 10px 0 0;}
#scroll_invest p{font-size:12px; color:#444; padding:0 15px 15px 0; line-height:17px; text-align:justify;}
#scroll_invest h3{font-size:12px; color:#527F9B; padding:0 0 3px 0; text-transform:uppercase;}

/*********** Styles for communications **********/
#midcontent{width:678px; margin:auto;float:left;}
#scroll3{width:668px; height:503px; overflow:auto; margin:15px 0 0 0; padding:0 15px 0;}
#scroll3 p{font-size:12px; color:#444; padding:0 15px 15px 0; line-height:17px; text-align:justify;}
#scroll3 h3{font-size:12px; color:#527F9B; padding:0 0 3px 0; text-transform:uppercase;}
.title3{font-size:17px; color:#527F9B; padding:0 0 3px 0; text-transform:capitalize; text-align:center;}
.title_thinkpieces_popup{font-size:17px; color:#666666; padding:0 0 3px 0; text-transform:capitalize;}
.name{font-size:11px; color:#527F9B; text-align:center; font-weight:bold;}

/********** Styles for Blog ***********/
#blog{width:997px; border-top:11px solid #315771;}
#blogtitle{background:#315771; color:#fff; font-size:18px; width:111px; display:block; padding:0 0 10px 8px; font-weight:normal;}
#blogcontent{width:865px; margin:auto;}
#postpart{width:610px; float:left; margin:55px 0 0 0; background: #FFFFFF;}
.post{width:610px; padding:0 0 0 0;}
.date{font-size:11px; color:#527F9B;font-weight:bold;}
.post h2{margin:0 0 19px 0;}
.post h2 a{font-size:16px; color:#3C6F90; font-weight:normal;}
.post h3{font-size:11px; color:#527F9B;font-weight:bold;}
.post p{font-size:12px; padding:0 0 15px 0; text-align:justify;}

#sidebar{float:right; width:210px; margin:70px 0 0 0;}
#sidebar h2{font-size:14px; color:#3C6F90; font-weight:normal; text-transform:uppercase; margin:0 0 16px 0;}
#sidebar ul li{list-style:none; font-size:11px; margin:0 0 8px 0;}
#sidebar ul li a{color:#555;}

.navigation{font-size:11px;}
.more-link{font-size:11px; margin:20px 0 25px 0; float:right; }
.more-link:hover{color:#555;}

/********Styles for thinkpieces ************/
div #sidebar ul.thinkpieces_nav li { color: #818181; font-size: 16px; text-transform: uppercase; }
div #sidebar ul.thinkpieces_nav li a { color: #111111; }
div #sidebar ul.thinkpieces_nav li a:hover { color: #818181; }
div #sidebar ul.download_link li {margin: 0 0 400px 0}
div #sidebar ul.download_link li a { color: #3C6F90; }
div #sidebar ul.download_link li a:hover { color: #818181; }
div.thinkpiecePost {color: #3C6F90; font-size: 9px; }
p.thinkpieces_date { color: #333333; font-size: 11px; }
p.thinkpieces_name a { color: #333333; font-size: 11px; }
div.thinkpieces_content h2 { margin-bottom: 40px; }
div.thinkpieces_content .post { padding-bottom: 35px; }

/********Styles for people ************/
#people{background:url(images/people.jpg); width:433px; height:577px; border:1px solid #444; float:left;}
#peoplecont p{font-size:12px; height:580px; color:#444; padding:0 0 15px 0; line-height:17px; text-align:justify;}

#scroll_people{height:580px; width:480px; overflow:auto; padding:0 12px 0 0;}
#scroll_people p{font-size:12px; color:#444; padding:0 3px 15px 0; line-height:17px; text-align:justify;}
#scroll_people h3{font-size:12px; color:#527F9B; padding:0 0 3px 0; text-transform:uppercase;}

/********** Styles for Contact Us **************/
#contact{width:928px; margin:40px auto 40px auto; border:1px solid #444; background: #FFFFFF;}
#pic_375{background:url(images/375.jpg); width:928px; height:306px; border-bottom:1px solid #444;}
#contact_box{width:580px; margin:35px auto 30px auto; background: #FFFFFF;}
#contact_box p{font-size:12px; color:#444; padding:13px 0 0 0; background: #FFFFFF;}
#contact_box p a{color:#447594; background: #FFFFFF;}
#contact_box h2{font-size:14px; text-transform:uppercase; color:#447594; background: #FFFFFF;}
.leftbox{width:227px; float:left; background: #FFFFFF;}
.rightbox{width:100px; float:right; background: #FFFFFF;}

/*********** Styles for terms, privacy *************/
#termsbox{width:868px; margin:25px auto 25px auto; background: #FFFFFF;}
.title5{font-size:12px; color:#447594; text-align:center; text-transform:uppercase;}
#scroll4{width:858px; height:503px; overflow:auto; margin:15px 0 0 0; padding:0 10px 0;}
#scroll4 p{font-size:11px; color:#444; padding:0 0 15px 0; line-height:17px; text-align:justify;}
#scroll4 h3{font-size:11px; color:#527F9B; padding:0 0 3px 0; text-transform:uppercase;}

/******* Styles for client's Login ************/
#clogin{background:url(images/login.jpg); width:419px; height:583px; float:left; border:1px solid #444;}
#slogin{background:url(); width:419px; height:583px; float:left;}
#right_pt{width:460px; float:right; margin:10px 0 0 0;}
#left_pt{width:460px; margin:0 auto;}
#left_pt h2{font-size:15px; color:#3C6F90; text-transform:uppercase; margin:30px 0 30px 0;}
#right_pt h2{font-size:15px; color:#3C6F90; text-transform:uppercase; margin:30px 0 30px 0;}
#right_pt h3{font-size:15px; color:#3C6F90; text-transform:uppercase; margin:30px 0 30px 0;}
#right_pt p{margin:5px 0 35px 0;}
#loginid, #password{border:1px solid #444; width:230px; padding:1px 4px 1px 4px;}
label{font-size:12px; font-weight:bold; color:#666;}
a.formitem{text-decoration:underline; color:#555;}
a.formitem:hover{color:#3C6F90;}
#otherinfo{margin:50px 0 0 0;}
#otherinfo p{margin:0; font-size:12px; line-height:20px;}
#otherinfo a{color:#3C6F90; font-style:italic; font-weight:bold;}
#right_pt h2.create{margin:0 0 20px 0;}
#create p{font-size:11px; float:left; margin:0; color:#666; font-weight:bold;}
.fname{width:130px; margin:0 0 14px 0; padding:2px 0 0 0; font-size:11px; color:#666;}
.field1{float:left; border:0; border-bottom:1px solid #444; font-size:11px; font-weight:bold; width:330px;margin:0 0 14px 0; color:#666;}
.button2{float:left; margin:0 5px 0 40px;}
.button3{float:left; margin:0 5px 0 0;}
#profession{border:1px solid #666; width:458px; margin:10px 0 20px 0; height:65px; font-size:11px; font-weight:bold; color:#666;}
#comments{border:1px solid #666; width:280px; margin:-20px 0 20px 145px; height:130px; font-size:11px; font-weight:bold; color:#666;}
.field3{border:1px solid #444; width:210px; margin:2px 0 15px 0; padding:1px 3px 1px 3px;}
.field4{border:1px solid #444; width:260px; margin:2px 50px 15px 0; padding:1px 3px 1px 3px; float:right;}
.subject_box {border: 1px solid #444; margin-right:33px; margin-top:-20px; padding:10px; width:260px; float:right;}
#links{float:left; margin:10px 0 0 0;}
#links a{margin:0 10px 0 0;}
#submitform{float:right; margin:10px 0 0 30px;}
.reset{float:right; margin:10px 0 0 30px;}
.inform{ color:#3C6F90; font-weight:normal;}
#create p.inp{margin:0 0 5px 0;}
#create p#modnote{font-size:8px; margin:30px 0 40px 0;}
#create p.selectcategory {color:#3b6e8f; text-decoration:underline;}
#modify{margin:10px 47px 0 0; float:right;}
a.closewindow {background:url(images/close_bt.jpg) no-repeat; display:block; height:23px;width:23px; float:right;}
a.closewindow span {display:none;}

#enlarge{font-size:10px; float:right; margin:10px 0 0 0; color:#000;}
#corpwrap{width:877px; margin:50px auto 0 auto;}
#corp_enl{background:url(images/corp_enl.jpg); width:877px; height:477px; border:1px solid #444;}
#lefttx{float:left; font-size:10px; margin:10px 0 0 0; color:#000;}
#titleleft{float:left;}
#donloadpdf{float:right; font-size:10px; margin:10px 0 0 0; color:#3C6F90;}
#donloadpdf:hover{color:#444;}
#donloadpdf_left{float:left; font-size:10px; margin:10px 0 0 0; color:#3C6F90;}
#donloadpdf_left:hover{color:#444;}
.error { color: #9d060a; font-size: 11px; text-transform: uppercase; }
.clearer { clear:both; display:block; }