﻿/*reset*/
html{ height: 100%; color:#dbdbdb;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; }
strong { font-weight:bold;}
em { font-style:italic; }

body { height: 100%; font:14px "Trebuchet MS", Arial, Verdana; background-color:#3e3e3e;}
.tallBg { background: url(img/topBg.jpg) repeat-x center 0; min-height: 100%; height: auto !important;	height: 100%;	margin: 0 auto -120px;}
.shortBg { background: url(img/bgSecondary.jpg) repeat-x; min-height: 100%; height: auto !important;	height: 100%;	margin: 0 auto -120px;}

/*sections*/
.wrapper { width:834px; margin:0 auto; position:relative;}
#header { height: 82px; padding-top:20px; color: #373737; font-size:12px; line-height:1.3em;}
#subHeader { width:834px; padding-top:5px; clear:both;}
.bodyCol1 { width:49%; float:left; border-right:1px dotted #8b8b8b; line-height:1.5em; margin-bottom:10px;}
.bodyCol2 { width:50%; float:right; line-height:1.5em; margin-bottom:10px;}
#push { height:120px; }
#footerWrapper { background: #000 url(img/footerBg.gif) repeat-x; position:relative; height:120px; font-size:11px; color:#3e3e3e; text-transform:uppercase; margin-top:15px; padding-top:15px; }
.footerLines { background: url(img/footer.jpg) no-repeat; position:absolute; top:-7px; right:271px; height:120px; width:310px;}

/*elements*/
#logo {float:left; display:block; overflow:hidden; padding-top:95px; height:0px; width:358px; background: url(img/avvenirelogo.gif) no-repeat; margin-top:-20px;}
#contactInfo { float:right; background: url(img/contactBg.jpg) no-repeat; width:198px; height:70px; margin-top:-1px; padding: 13px 0 0 89px;}
#transpnote { width:375px; height:168px; background: url(img/transpnote.jpg) no-repeat; color: #3e3e3e; position:absolute; left:448px; top:171px; }

/*navigation*/
#navigation li { float:left; display:block; background:none; }
#navigation a {display:block; height:0; padding-top:48px; overflow:hidden;}
#navigation a.btnHome { background: url(img/nav.png) no-repeat 0 0; width:61px; }
#navigation a.btnHome:hover { background-position: 0px -48px;}
#navigation a.btnDev {background: url(img/nav.png) no-repeat -61px 0; width:88px;}
#navigation a.btnDev:hover {background-position: -61px -48px;}
#navigation a.btnIntel {background: url(img/nav.png) no-repeat -149px 0; width:133px;}
#navigation a.btnIntel:hover {background-position: -149px -48px;}
#navigation a.btnCol {background: url(img/nav.png) no-repeat -282px 0; width:95px;}
#navigation a.btnCol:hover {background-position: -282px -48px;}
#navigation a.btnInfra {background: url(img/nav.png) no-repeat -377px 0; width:97px;}
#navigation a.btnInfra:hover {background-position: -377px -48px;}
#navigation a.btnComm {background: url(img/nav.png) no-repeat -474px 0; width:140px;}
#navigation a.btnComm:hover {background-position: -474px -48px;}
#navigation a.btnTeam {background: url(img/nav.png) no-repeat -614px 0; width:60px;}
#navigation a.btnTeam:hover {background-position: -614px -48px;}
#navigation a.btnCareers {background: url(img/nav.png) no-repeat -674px 0; width:60px;}
#navigation a.btnCareers:hover {background-position: -674px -48px;}
#navigation a.btnContact {background: url(img/nav.png) no-repeat -734px 0; width:95px;}
#navigation a.btnContact:hover {background-position: -734px -48px;}

/*formatting*/
.pad20 { padding:20px;}
.font16 { font-size: 16px; }
.italic { font-style:italic;}
.darker { color: #979797;}
.padBottom20 { padding-bottom:20px; }
.smaller { font-size:11px; }

/*text styles*/
#transpnote h1 {font-size:18px; font-weight:bold; margin-bottom:5px; }
#transpnote h1 span { font-size:20px; font-weight:bold; }

h1.subTitle { padding:3px 0 0 78px; margin-left:20px; font-size:22px; font-weight:bold; color:#2A2A2A; height:64px; margin-top:3px; }
h1.development { background: url(img/development.png) no-repeat; }
h1.businessintel { background: url(img/intel.png) no-repeat; }
h1.colab { background: url(img/colab.png) no-repeat; }
h1.infra {background: url(img/infra.png) no-repeat;}
h1.team { background: url(img/team.png) no-repeat; }
h1.careers { background: url(img/careers.png) no-repeat; }
h1.contact { background: url(img/contact.png) no-repeat; }
h1.privacy {background: url(img/privacy.png) no-repeat; }
h1.comm { background: url(img/comm.png) no-repeat;}
h2 { font-weight:bold; font-size:18px; margin-bottom:15px;}
h2 span { color: #b9caeb; }

h3 { font-size:18px; margin-bottom:15px; }
h4 { font-size:14px; font-weight:bold; }
/*buttons*/
.btn { display:block; width:153px; height:24px; background: url(img/btn.png) no-repeat; text-align:center; padding-top:3px;}

/*link styles*/
a.btn { color:#dadada; text-decoration:none; }
a.btn:hover { color: #fff; }
a, a:visited { color: #feb358; }
a:hover {color: #ff8d02; }
#footerWrapper a, #footerWrapper a:visited { color:#3E3E3E; }
#footerWrapper a:hover { color:#5f5f5f; }

/* lists */

ul.blueBullet { margin-left:20px; }
ul.blueBullet li { background: url(img/bullet.png) no-repeat left 8px; padding-left:20px; line-height:20px; margin-bottom:10px; } 
ul.blueBullet span { font-weight:bold; color: #b9caeb; }

ul.blueBulletBigIndent { margin-left:85px; }
ul.blueBulletBigIndent li { background: url(img/bullet.png) no-repeat left 8px; padding-left:20px; line-height:20px; margin-bottom:10px; } 
ul.blueBulletBigIndent span { font-weight:bold; color: #b9caeb; }