/*Inno Custom Base CSS Sheet*/
/*Made for use with HTML 5 and Yui grids*/


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}

body {line-height:1;}
article, aside, dialog, figure, footer, header, 
hgroup, nav, section { display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:''; content:none; }
a { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent;
outline: none;}
strong {font-weight: bold;}
em {font-style: italic;}
ins { background-color:#ff9; color:#000; text-decoration:none;}
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del {text-decoration: line-through;}
table { border-collapse:collapse; border-spacing:0;}
hr { display:block;  height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
input, select {vertical-align:middle;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
li{ list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
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%;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif; *font-size:small;*font:x-small;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* profile block on about page */
.profile {display:block; overflow:hidden;}
.figureLeft {float:left;}
/*Lesia Design base css */

/*Main Structure 'Global'
************************/

/*html {background:#dfdfdf;}*/
body#Body {font-family: Verdana, Arial, sans-serif; background:#fff;}

#outer-wrapper {background: url(images/outer-bg.jpg) top center repeat-x; position: relative;}

#wrapper {background: url(images/main-bg-3.jpg) top center no-repeat; position: relative; z-index: 100; }

#custom-doc {width: 900px; margin: 0 auto;  text-align: left;}
 
.inside {padding:0 57px 0 18px; }

/*pagination styling* (global) */

.screenshot-nav {overflow: hidden;}
.screenshot-nav ul {float: left;}
.screenshot-nav ul li {color:#b7b7b7; background: none !important; margin:0; padding: 0; display: inline-block; zoom:1; *display: inline; /*_height: 30px;*/}

.screenshot-nav a {padding:0px 3px; border: solid 1px #dfe2e4; background-color: #f9f9f9; font-family: Tahoma, Verdana, sans-serif; text-decoration: none; color: #9b9b9b; font-weight: bold; }

a.arrow-left, a.arrow-right {border: none; background: none; text-indent: -9999px; display: block;}

a.arrow-left, .screenshot-nav a.arrow-left:hover {background: url(images/prev-arrow.png) center left no-repeat; text-decoration: none;}

a.arrow-right, .screenshot-nav a.arrow-right:hover {background: url(images/next-arrow.png) center right no-repeat; text-decoration: none;}

li.disabled a.arrow-left, li.disabled a.arrow-left:hover {background: url(images/left-arrow-disabled.png) center left no-repeat;}

li.disabled a.arrow-right , li.disabled a.arrow-right:hover {background: url(images/right-arrow-disabled.png) center right no-repeat;}

.screenshot-nav a.active, .screenshot-nav a:hover {background-color: #53b4d4; color: #fff;}

.screenshot-nav a.active, screenshot-nav a:hover, .screenshot-nav a.activeSlide {background-color: #53b4d4; color: #fff;}

.pager a[href] {display:inline-block; zoom:1; *display: inline;}
.pager a {display:none;}


/*Global Typography
*******************/

#custom-doc {color:#808080; line-height: 1.3em;}
h2{color: #35a7cc; text-transform: uppercase; font-size: 116%; margin:1.5em 0;}
#main h2 {margin:1em 0;}
h3 {color: #787878; font-size: 108%; margin: 1em 0 0.6em 0;}
h4 {font-weight: bold;}
h4, p, cite, ul li, blockquote {font-size: 85%;}
p {margin:0.7em 0;}
/*blockquote {font-size: 93%;}*/
a {color: #2da3ca; text-decoration: none;}
a:hover {text-decoration: underline;}
blockquote {color: #4598b3; margin-bottom: 12px;}
cite{text-align: right; display: block;}


/*Structure 'Home'
*****************/
.home {background: url(images/home-bar-bg.jpg) top center repeat-x !important;}
.home #wrapper {background: url(images/home-bg.jpg) top center no-repeat;}
.home .menu-container {padding-left:407px;}

/*'Home' Typography
*******************/
.home #custom-doc, .home #main h2, .home h3 {color:#fff;}
.home #main h2 {margin: 1em 0;}
.home aside ul {margin-left: 35px;}
.home aside ul li {background: url(images/home-li-bg.png) left center no-repeat; padding-left: 15px;}
.home aside a {color: #81e0ff;}



/*Main content 'Home'
*********************/

.home #main {width:420px; float: left;}
.home .inside {padding: 0;}
.home aside {width:480px; float: right;}

.home .project-window {position: relative; width:402px; height: 400px; background: url(images/project-window-bg.jpg) top left no-repeat; padding: 10px;}
.home figure { position: relative; z-index: 1;}

.home .screenshot-nav li img {height:272px;}
.home .screenshot-nav li {width:379px; text-align:center; overflow:hidden; height:360px;}

.home .screenshot-nav {/*position: absolute; bottom: 145px; left: 18px; z-index: 10;*/ height:360px;}

.home .project-window h4 { padding:4px; background-color: #2397bd; margin: 15px 0px 5px 0; font-weight: lighter; color:#fff; text-align:left; }
.home .project-window p { margin:0 25px 0 0; font-size: 0.8em; text-align:left; color:#fff;}

.home .project-window a:hover {text-decoration: none;}

.home .project-window a.more { position: absolute; right: 0px; bottom: 5px; display: block; text-indent: -9999px; line-height: 0; font-size: 0; background: url(images/read-more-btn.png) top left no-repeat; width: 78px; height: 19px; border:none; }


.home #slideNav {position:absolute; top:260px; left:25px; z-index:10;}
.home #slideNav a { margin:0 2px; font-weight:normal;}
.home .screenshot-nav a#prev, .home .screenshot-nav a#next { border: none; background: none; text-indent: -9999px; display: block; position:absolute; z-index:10; top:260px;}
.home .screenshot-nav a#prev { background: url(images/prev-arrow.png) center left no-repeat; text-decoration: none; left:15px; }
.home .screenshot-nav a#next { background: url(images/next-arrow.png) center right no-repeat; text-decoration: none; left:125px; }






/*Sidebar 'Home'
****************/

.home aside { margin-top: 2.5em;}
.home #testimonial {background: url(images/home-test-bg.png) top center no-repeat; margin-top: 34px;  padding:24px 55px 0 0;}
.home blockquote { color: #dff5fd; font-style: italic; margin:0 15px 0 45px; text-align: justify;}
.home cite {margin-top: 10px; font-size: 0.8em; line-height: 1.1em;}
.home cite strong {display: block;}
.home cite span { color: #81e0ff; }
.home cite span.date {color: #c9c9c9;}



/*Structure 'Basic' 
*******************/

.basic #main {width:567px; float: left}

.basic #sidebar {width:319px; float: right; padding-left: 14px; padding-top:17px;}

/*Structure 'Portfolio'
***********************/
.portfolio {background: url(images/portfolio-outer-bg.jpg) top center repeat-x !important;}
.portfolio #main {width: 597px; float: right;}
.portfolio #sidebar {width:303px; float: left;}



/*Header
*********/
header {height: 108px; position: relative;}
header h1, header h2, header ul {position: absolute;}
header h1 {top:17px; left:10px;}
header h1 a {width:206px; height: 91px; display:block; text-indent: -9999px; background: url(images/logo.png) top left no-repeat;}
header h2 {top:70px; right: 30px; color: #bababb; font-size: 105%;}
header ul.contact-info {top:70px; right:30px; color: #2da3ca; font-size: 77%;}
header ul.contact-info li {padding: 0 10px; background: url(images/contact-info-bg.jpg) right center no-repeat;}
header ul.contact-info li.last {padding-right: 0; background: none;}
header nav ul {bottom: 0; left: 0; height: 110px;}
header ul li {float: left; display: block;}

/*Main Navigation
*****************/

nav {position:relative; text-transform:lowercase}
.lavaLamp {position: relative; overflow: hidden; height:170px; /*width:581px;*/  }
.lavaLamp li {float: left; list-style: none; outline: none; width:75px;}

.lavaLamp li.backLava {background: url(images/nav-li-bg-right.png) no-repeat top right; position: absolute; z-index: 8; height: 128px; width: 125px !important;}

.lavaLamp li.backLava .leftLava { background: url(images/nav-li-bg-left.png) top left no-repeat; height: 128px; margin-right: 40px;}

.lavaLamp li a {font-size: 100%; color: #fff; position: relative; overflow: hidden; z-index: 10; text-align: center; display: block; float:left; width: 115px; padding-top: 95px; position: relative; top:0; margin:auto 10px; padding-bottom: 10px; height: 128px;}

.lavaLamp li a:hover {text-decoration: none; color:#a6e9ff;}

li.selectedLava, li.selectedLava a {outline: none}

/*Navigation fixes for home*/

.home nav {margin-bottom:0;}
.home .lavaLamp {height:130px;}

/*Navigation fixes for portfolio */
.portfolio ul.port-nav {display:block;}


/*section #main (Main content) 
************************/

.basic #main ul li {background: url(images/li-bg.png) left center no-repeat; margin-left:35px; 
padding-left: 16px;}

/*Main Content 'Portfolio'
*************************/
.portfolio #wrapper {background: url(images/portfolio-bg.jpg) top center no-repeat;}
.portfolio h3 {color: #9b9b9b;}
.portfolio .inside {padding: 0 40px 0 30px;}
.portfolio .inside p {clear: both;}
.portfolio figure {background: url(images/image-shadow.jpg) top left no-repeat; width: 537px; height: 382px;}
.portfolio .image-nav {display: block; overflow: hidden; background: url(images/image-nav-bg.png) bottom center no-repeat; padding-bottom: 12px;}
.portfolio a.previous {float: left; background: url(images/prev-arrow.jpg) left center no-repeat; padding-left: 10px;}
.portfolio a.next {float: right; background: url(images/next-arrow.jpg) right center no-repeat; padding-right: 10px;}
.portfolio p.enlarge {float: right; clear:none; color: #b7b7b7; background: none; border: none; font-weight: lighter; margin-top:0;}
.portfolio p span.date {display: block; color: #b4b4b4; margin-top: 16px;}
.pager a.pagerPrev {background:transparent url(images/prev-arrow.jpg) no-repeat scroll left center;float:left;
padding-left:10px; }
.pager a.pagerNext {background:transparent url(images/next-arrow.jpg) no-repeat scroll right center;
float:right; padding-right:10px;}
.pager .pagerSelected, .pager .pagerNum { visibility:hidden;}

#cycle1 {margin-bottom:5px;}

.portfolio .screenshot-nav {position:relative;}
.portfolio .menuContainer { float:left; }

.portfolio #slideNav {display:inline;}
.portfolio #slideNav a { margin:0 2px; font-weight:normal;}

.portfolio .screenshot-nav a#prev, .portfolio .screenshot-nav a#prev:hover { border:none; background:none;}
.portfolio .screenshot-nav a#next, .portfolio .screenshot-nav a#next:hover { border:none; background:none;}

p.moreScreen { float:left; margin-top:0 !important;} 
a.lightwindow {position:relative; z-index:999; border:none; background:none;}
a.lightwindow:hover { background:none; border:none;}


/*Portfolio Navigation
***********************/
.portfolio .lavaLamp {height:155px !important;}
.portfolio ul.port-nav {display:block; overflow:hidden; position:absolute; top:120px; left:181px; z-index:101; height:30px;}
.portfolio ul.port-nav li {height:30px; width:auto; overflow:hidden;}
.portfolio ul.port-nav li a {display:block; padding:7px 15px; height:15px; width:auto; color:#808080; text-align:left;}
.portfolio ul.port-nav li.first {background:url(images/li-first-bg.jpg) top left no-repeat; padding-left: 56px;}
.portfolio ul.port-nav li a:hover {color:#fff; background:#b4b4b4; }
.portfolio li.cheater {background:url(images/nav-li-bg-right.png)  no-repeat top right; z-index: 8; height: 128px; width: 125px !important; left:150px; display:none; position:absolute; }
.portfolio li.cheater .leftCheater { background: url(images/nav-li-bg-left.png) top left no-repeat; height: 128px; margin-right: 40px;}
p.lesia-stamp {color:#000;}
.lesia-stamp img.affiliate {margin-right:0.5em; vertical-align:middle;}


/*Sidebar
*********/
#sidebar p {/*background: url(images/sidebar-line.jpg) left bottom no-repeat; *//*padding-bottom: 20px;*/}
#sidebar .section {background: url(images/sidebar-line.jpg) left bottom no-repeat; padding-bottom:20px;}
#sidebar blockquote {margin-top:20px;}
#sidebar .section a {padding: 10px 10px 37px 0; background: url(images/sidebar-line.jpg) left bottom no-repeat; line-height:1.15em; font-size:85%; display:block; border:solid 2px #fff;}
#sidebar cite {background: url(images/sidebar-line.jpg) left bottom no-repeat; padding-bottom:20px;}
#sidebar cite strong {margin-bottom: 8px; display:block;}
#sidebar cite span strong {color:#35a7cc; margin:0;}
#sidebar cite span.date {color:#c9c9c9;}

/*Sidebar 'Portfolio'
*******************/
.portfolio figure .mask {height:330px; overflow:hidden; padding-bottom:36px; text-align:center;}
.portfolio figure img {/*width:510px;*/ height:366px;}



.portfolio #sidebar section {overflow: hidden; margin:8px 0;}
.portfolio #sidebar section a {display:block; border:solid 2px #fff; min-height:100px; padding:5px 0;}
.portfolio #sidebar section.active a, .portfolio #sidebar section a:hover { border: solid 2px #e9ebec; background:url(images/sidebar-active-bg.png) top left repeat-x; text-decoration:none;}
.portfolio #sidebar h2 {margin-bottom: 0.7em; margin-left: 18px;}
.portfolio #sidebar h3 {background: url(images/sidebar-line.jpg) left bottom no-repeat; margin-top: 0; padding-bottom: 10px; padding-left: 18px;}
.portfolio #sidebar h5 {font-weight: bold; color: #35a7cc; font-size: 0.9em;}
.portfolio #sidebar span.date {color: #c9c9c9; font-weight: lighter; font-size: 0.8em;}
.portfolio #sidebar section img {float: left; border: solid 4px #e7e7e7 !important; margin: 0 18px 0 16px;}
/*.portfolio #sidebar a {font-size:85%; padding:10px 50px 0px 0px; display:block;}*/
.portfolio #sidebar a p {background: none; padding-bottom: 0; color:#808080;}
.portfolio a#more-projects{ background: url(images/right-arrow.jpg) right center no-repeat; padding-right: 10px;}

/* Contact Form
*******************/
#customContact ol {margin:0;}
#customContact li {margin-bottom:3px;}
#customContact li .field:focus {border:2px solid #b5e0ee; background:#effafd; color:#808080;}
#customContact .field {background:#f6f6f6; border:2px solid #e9e9e9;font-size:0.9em; padding:2px 6px;}
#customContact textarea.field {display:block; width:458px; height:140px !important; margin-left:2em;}
#customContact label {width:10em; display:inline-block; zoom:1; *display: inline; color:#808080; font-weight:bold;}
#customContact li .hint {float:right; clear:right; display:block; font-size:0.8em; width:190px;}
#customContact #dnn_ctr371_ContactUs_liCaptcha label {float:left; clear:left; display:block;}
#customContact li#dnn_ctr371_ContactUs_liCaptcha li {overflow:hidden;}
#customContact li#dnn_ctr371_ContactUs_liCaptcha .Normal img {float:left; height:22px;}
#customContact #dnn_ctr371_ContactUs_liCaptcha .Normal div {display:none;}
#customContact #dnn_ctr371_ContactUs_liCaptcha .Normal input {background:#f6f6f6; border:2px solid #e9e9e9;font-size:0.9em; padding:2px 6px; margin-left:10px; width: 75px;}
#customContact #dnn_ctr371_ContactUs_liCaptcha .Normal input:focus {border:2px solid #b5e0ee; background:#effafd; color:#808080;}
#customContact #dnn_ctr371_ContactUs_liCaptcha .hint {color:#35a7cc; margin:-20px -20px 0 0;}
.registerButton a {background:url(images/submit-btn.jpg) top left no-repeat; display:block; text-indent:-9999px; width:61px; height:18px;}
.saskatoon {background: url(images/address-bg.png) top right no-repeat; padding:0 25px;
float:left;}
.vancouver {padding-left:23px; float:right;}
.basic h3 {clear:both;}
.saskatoon span, .vancouver span {color:#32a5cb;}


/*Footer
*********/
.basic footer {background:none !important;} /* basic footer doesn't have gray background */
footer {clear: both; padding:20px 0;}
footer ul, footer p {width: 900px; margin: 0 auto; text-align: left;}
footer ul {color: #737373; margin-bottom:10px;}
footer ul li {display: inline-block; zoom:1; *display: inline; /*_height: 30px;*/}
footer p {color:#aeaeae; font-size: 77%;}
footer a {color:#737373; text-transform:lowercase; padding:11px; background:url(images/bar-divider.png) right no-repeat; }

.portfolio footer {background:url(images/port-footer-bg.jpg) bottom center repeat-x;}

/*Admin Skin
************/

.basic .adminMain {width:900px;}


/*Admin Section for Portfolio Control
*************************************/
.basic #admin fieldset { border:solid 3px #f7f7f7; padding:5px;}
.basic #admin fieldset legend { text-transform:uppercase; font-size:1.1em; font-weight:bold; display:block; padding:5px; border:solid 1px #808080
; margin:10px 15px; background:#F7F7F7;}
.basic #admin fieldset label {width:12em; float:left; clear:left; display:block; line-height:2.7em; font-weight:bold;}
.basic #admin fieldset li {list-style-type:none; background:none; margin: 5px 0; overflow:hidden;}
.basic #admin fieldset li input, .basic #admin fieldset li textarea {padding:5px;}
.basic #admin fieldset li textarea {width:403px;}
.basic .buttons {margin:10px 0;}
.inline-edit {display:block; margin-bottom:15px;}
.edit-button {border:solid 1px #808080; background:#F7F7F7; padding:5px; color:#808080;}

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
body{text-align:center;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em;}#doc2{width:73.076em;*width:71.25em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.05em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main,.yui-g .yui-u .yui-g{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em;}.yui-t2 #yui-main .yui-b{margin-left:14.8461em;*margin-left:14.55em;}.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.55em;}.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em;}.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%;}.yui-gb .yui-u{*margin-left:1.9%;*width:31.9%;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-ge .yui-u,.yui-gf div.first{width:24%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-g .yui-u{width:48.1%;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:1.0%;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}.yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-g{width:24%;}.yui-gf .yui-g{width:74.2%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}.yui-ge div.first .yui-gd .yui-u{width:65%;}.yui-ge div.first .yui-gd div.first{width:32%;}#hd:after,#bd:after,#ft:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#hd,#bd,#ft,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}