/* reset */
html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,em,img,strong,dl,dt,dd,ol,ul,li { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body { line-height:1; }
ol,ul { list-style:none; }
h1,h2,h3,h4,h5,h6 { font-weight: 400 }
img { display: block; }
hr { display: none }
:focus { outline:0; }

/* grid */
.container_12 { margin-left:auto; margin-right:auto; width:960px; }
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 { display:inline; float:left; position:relative; margin-left:10px; margin-right:10px; }
.alpha { margin-left:0 }
.omega { margin-right:0 }
.grid_1 { width:60px }
.grid_2 { width:140px }
.grid_3 { width:220px }
.grid_4 { width:300px }
.grid_5 { width:380px }
.grid_6 { width:460px }
.grid_7 { width:540px }
.grid_8 { width:620px }
.grid_9 { width:700px }
.grid_10 { width:780px }
.grid_11 { width:860px }
.grid_12 { width:940px }

/* typo */
html, body { height: 100% }
body { font: 13px/20px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif; color: #666  }
a { color: #00aad3 }
ul, p { margin: 0 0 20px 0 }
.page { width: 960px; min-height: 100%; margin: 20px auto -30px auto; position: relative }
* html .page { height: 100% }

/* social */
.social { position: absolute; right: 0 }
.social li, .social li img { margin: 0; display: inline }
.social li a { text-decoration: none }

/* navigation */
.nav { height: 40px }
.nav ul { margin: 0 }
.nav .items-5 li { width: 20% }
.nav .items-6 li { width: 16.6667% }
.nav .items-7 li { width: 14.2857% }
.nav ul li { display: block; float: left; font-size: 14px; text-align: center }
.nav ul li a, 
.nav ul li strong { display: block; border-right: 1px solid #666; line-height: 40px } 
.nav ul li.last a,
.nav ul li.last strong { border: 0 none }
.nav ul li a, 
.nav ul li strong { background: url(img/ubivent-nav-sprite.jpg) repeat-x -10px 0 }
.nav ul li.first a { background-position: 0 0 }
.nav ul li.last a { background-position: 100% 0 }
.nav ul li a:hover { background-position: -10px -40px; }
.nav ul li.first a:hover { background-position: 0 -40px }
.nav ul li.last a:hover { background-position: 100% -40px }
.nav ul li strong  { background-position: -10px -40px; }
.nav ul li.first strong { background-position: 0 -40px }
.nav ul li.last strong { background-position: 100% -40px }
.nav ul li a { color: #666 }
.nav ul li strong,
.nav ul li a:hover { color: #fff }
.nav ul li { font-size: 14px; text-transform: lowercase }
.nav ul li a { text-decoration: none }
.nav ul li strong { font-weight: 400 }

/* figure */
.figure { margin-top: 20px; margin-bottom: 30px }

.nosub.grid_3 { height: 300px; width: 185px; margin-right: 45px }

/* sub */
.sub { background: url(img/ubivent-sub-middle.jpg) repeat-y 0 0 }
.sub.grid_3 { width: 185px; margin-right: 45px }
.sub h2 { background: #f0f0f0 url(img/ubivent-sub-top.jpg) repeat-y 0 0; line-height: 30px; font-size: 14px; /*text-transform: lowercase;*/ padding: 0 15px }
.sub ul { margin: 0; padding: 10px 15px }
.sub li { border-bottom: 1px solid #666; padding: 5px 0 4px 0 }
.sub a { font-weight: 700 }
.sub a:hover { color: #666 }
.sub strong { font-weight: 400 }
.sub a, .sub strong { text-transform: lowercase; text-decoration: none }
.sub span { display: block; height: 10px; background: url(img/ubivent-sub-bottom.jpg) no-repeat 0 0 }

/* article */
.article h1 { font-size: 33px; line-height: 40px; margin: 0 0 20px 0 }
.article h1, .article h2 { font-family: "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif; /*text-transform: lowercase;*/ color: #00aad3 }
.article h1 { line-height: 15px; margin-top: 10px }
.article h1 br { margin: 10px 0 }
.article h1 span { display: none; }
.article h1 strong { font-size: 13px; text-transform: none; color: #666 }
.article a { text-decoration: none }
.article a:hover { text-decoration: underline }
.article li { font-weight: 700 }
.article h2 { font-size: 22px; margin-bottom: 10px }
.article .caption { overflow: hidden }
.article .caption img { float: left; margin: 0 20px 20px 0 }
.article .caption p { margin: 20px 0; }

/* push */
.push { height: 30px; clear: both }

/* aside */
.aside { background: #f0f0f0 url(img/ubivent-aside-middle.jpg) repeat-y 0 0  }
.aside h2 { background: url(img/ubivent-aside-top.jpg) repeat-y 0 0; line-height: 30px; font-size: 14px; /*text-transform: lowercase;*/ padding: 0 15px }
.aside p { padding: 0 15px; margin: 20px 0 }
.aside span { display: block; height: 10px; background: #f0f0f0 url(img/ubivent-aside-bottom.jpg) no-repeat 0 0 }

/* footer */
.footer { margin-top: 60px; text-transform: lowercase; background: url(img/ubivent-footer.jpg) repeat-x 0 0; line-height: 30px; font-size: 11px; color: #fff; height: 30px; position: relative }
.footer a { color: #fff; text-decoration: none }
.footer p { float: left; margin-top: 0; margin-bottom: 0  }
.footer .copyright { text-align: center }
.footer .meta { text-align: right }
.footer .back-top { margin-left: 10px }