/*BASE AND RESET STYLES*/
body,form,div,p,h1,h2,h3,h4,h5,h6,hl,dl,dd,dt,ul,ol,li,table,th,td,img,a,fieldset {margin:0px;padding:0px;border:0px;font-size:100%}input,select,textarea{font-size:100%;font-weight:normal}legend,caption{display:none}address{font-style:normal}ul li,ol li{list-style:none;list-style-type:none}/* float clearing */.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden}.clearfix{display:inline-block}/* Hides from IE-mac \*/* html .clearfix{height:1%}.clearfix{display:block}/* End hide from IE-mac *//* skip links and hidden content */.offscreen, .rating0 {position:absolute;left:-999em}

a.offscreen:focus, a.offscreen.focus {position:static; color:#fff; padding:3px 6px; background:#e5f2bf; font-size:1.2em; display:block;}

/*GLOBAL*/

body {color:#333; background:#ededed url(images/bg-body.jpg) repeat-x; font-family:Arial, Helvetica, Sans-Serif; font-size:62.5%; /* 1em now equals 10px; */  text-align:center; /* centers the wrapper in IE 5 */}

/*Links*/
a {text-decoration:none; color:#669900; outline:none;}
a:hover, a:focus {text-decoration:underline !important;}

/*Wrapper*/
#rawflow {width:868px; margin:0 auto; text-align:left;}

/*Header*/
#header {padding:16px 3px 0 3px;}
#header img {position:absolute;}
#header p {float:right; color:#669900; text-transform:uppercase; font-size:1.1em; font-weight:bold; font-family:"Arial Black", Arial, Helvetica, Sans-Serif; margin-top:17px; margin-right:3px;}
#header ul {font-size:1.6em; margin-top:49px;}
#header ul li {float:left; padding-left:8px; margin-right:8px;}
#header ul li a {color:#333; padding:6px 8px 6px 0; display:block; margin-bottom:-1px;}

#header ul li:hover, #header ul li.hover {background:url(images/bg-hover-left.gif) no-repeat top left;}
#header ul li:hover a, #header ul li.hover a  {background:url(images/bg-hover-right.gif) no-repeat top right;}

#header ul li.current {background:url(images/bg-current-left.gif) no-repeat top left; border-bottom:6px solid #99cc00; margin-bottom:-6px; position:relative;}
#header ul li.current a {background:url(images/bg-current-right.gif) no-repeat top right; text-decoration:none; color:#fff;}

/*Content*/
#content {clear:both; margin-top:25px;}

/*Round box*/
.feature {background:url(images/bg-top.gif) no-repeat top left; margin-bottom:1em; overflow:hidden; padding-top:16px; position:relative;}
.feature.top {background:url(images/bg-top-green.gif) no-repeat top left;}
.feature .inner {background:url(images/bg-bottom.gif) no-repeat bottom left; padding:0 0 26px 22px; }
.feature h1 {font-size:2.6em; line-height:1em; margin-bottom:.75em; color:#669900;}
.feature h2 {color:#999; text-transform:uppercase; font-size:1.1em;  font-weight:bold; font-family:"Arial Black", Arial, Helvetica, Sans-Serif; margin-bottom:.5em;}
.feature p { font-size:1.3em; margin-bottom:1em; line-height:1.4em;}
.feature ul {font-size:1.3em; margin-left:67px; margin-bottom:1em;}
.feature ul li { list-style-type:disc; margin-bottom:.25em; padding-left:5px;}

/*Footer*/
#footer { margin:30px 20px; font-size:1.1em;}
#footer p {float:right;}
#footer li {float:left; padding:0 3px 0 6px; margin-right:3px; background:url(images/bg-separator.gif) no-repeat 0 2px;}
#footer a {color:#333;}
 
/*HOMEPAGE*/
#home-intro #ugb-logo { position:absolute; right:4px; top:3px; cursor:hand; overflow:hidden;}
#ugb-link { display:block; position:absolute; width:400px; height:400px; text-indent:-9999em; right:0px; top:0; z-index:9999;}
#copy {position:relative; z-index:9998;}
#home-intro h1 {font-size:2.9em; color:#669900; line-height:1.1em; margin-bottom:.25em;}
#home-intro ul {width:500px; overflow:hidden; margin:0 0 1em 0;}
#home-intro li {font-size:1.2307em;  list-style:none; background:url(images/bg-arrow.gif) no-repeat 0 3px; padding-left:20px; margin-bottom:.25em; float:left; width:220px;}
#home-intro p { padding-top:3px; margin-bottom:0; font-size:1.6em;}
#home-intro p a.button {background:url(images/bg-button-white.gif) no-repeat; width:109px; margin:-5px 4px 0 0; height:29px; text-align:center; padding:4px 0 0 0; color:#fff; display:block; font-weight:bold; float:left;}
#case-studies ol { overflow:hidden; margin-top:.85em; margin-bottom:.25em;}
#case-studies li {width:250px; float:left; margin-right:40px;}
#case-studies li.second { margin:0;}
#case-studies li p {font-size:1.2em;  margin-bottom:0;}
#case-studies li img { display:block; margin:0 auto 10px 0; border:1px solid #ccc;}
#case-studies li h3 { font-size:1.6em;}


/*PLATFORM*/
#platform  #main-copy ul {margin:0; padding:0;}
#platform  #main-copy ul li {list-style-type:none; background:url(images/bg-arrow.gif) no-repeat 0 3px; padding:0 25px 15px 20px; width:255px; float:left; }
#platform  #main-copy ul li.right {margin:0; padding-right:0; float:right;}
#platform  #main-copy ul li h2 { font-size:1.2307em; text-transform:capitalize; font-family:Arial, Helvetica, Sans-Serif; margin-bottom:.25em;}
#platform  #main-copy ul li p { margin-bottom:.25em; font-size:1em;}



/*GENERIC PAGE*/
#main-copy {float:left; width:580px; margin-right:30px; display:inline;}
#main-copy p.intro { font-size:1.6em;}
#main-copy img.right { display:block; margin:0 0px 15px 20px; float:right;}
#main-copy img.center { display:block; margin:10px auto 15px auto; }
#main-copy p.button { padding-top:1em;}
#main-copy p a.button {background:url(images/bg-button-white.gif) no-repeat; width:109px; margin:-5px 10px 0 0; height:29px; text-align:center; padding:6px 0 0 0; color:#fff; display:block; font-weight:bold; float:left; font-size:1.2307em;}


#platform-navigation {background:url(images/bg-side-navigation.gif) repeat-y; width:229px; float:right; display:inline; margin-right:4px; padding-top:128px; }
#platform-navigation h2 img {position:absolute; top:4px; right:4px;}
#platform-navigation ul {margin:0 0 19px 0;}
#platform-navigation ul li { margin-bottom:3px; font-size:.9em; padding:0; width:100%; list-style:none;}
#platform-navigation ul li a, #platform-navigation ul li span {color:#fff; display:block;padding:4px 0 4px 40px; background:#666 url(images/bg-arrow3.gif) no-repeat 25px 7px;}
#platform-navigation ul li a:hover, #platform-navigation ul li.current span {background:#999 url(images/bg-arrow2.gif) no-repeat 25px 7px;}
#platform-navigation p { margin:0 0 20px 0; font-size:1em;}
#platform-navigation p a {background:url(images/bg-button-grey.gif) no-repeat; margin:0 auto; overflow:hidden; width:109px; height:28px; text-align:center; padding:8px 0 0 0; color:#fff; display:block; font-size:1.6em; font-weight:bold;}

.case-study {background:#e5e5e5; float:right; clear:right; width:189px; min-height:300px; display:inline; margin-right:4px; padding:10px 20px 30px 20px;}
.case-study img { display:block; margin:1em 0; border:1px solid #ccc;}
.case-study h3 {font-size:1.6em;}
.case-study p {font-size:1.2em; padding-right:20px; margin-bottom:0;}

/*FULL WIDTH PAGE*/
.static-copy p {padding-right:25px;}
.static-copy ul {padding-right:25px;}

/*TERMS AND CONDITIONS*/
#terms img { display:block; margin:30px 0 30px 40px;}

/*CONTACT US*/
#contact address {font-size:1.3em; line-height:1.3em; margin-bottom:1em;}
#contact dl { font-size:1.3em; line-height:1.3em;}
#contact dt {float:left; clear:left; padding-right:3px; }
#contact dt.general { margin-top:1em;}
#contact dd {float:left;}
#contact dd.general { margin-top:1em;}
#contact #map {float:right; margin:0 30px 5px 40px; border:1px solid #ccc; display:inline;}