/*---- gylo_global.css for GYLO, www.getyalearnon.com, created: 3/2010 ----*/

/*---- GENERAL ----*/

* {margin: 0;padding: 0;}
html, body, div, p, form, input, textarea, select {font-family: "Lucida Grande", Tahoma, Verdana, sans-serif;font-size: 12px;line-height: 150%;color: #333;}
a {text-decoration: none;color: #660000;font-weight: bold;}
a:hover {color: #C00;}
img {border: none;}
.imgswap {display: block;text-decoration: none;text-indent: -29999px;outline: none;}
.imgswap {overflow: hidden;}  /* Hide overflow from Mac IE 5 fix.*/
hr {margin-bottom: 20px;height: 1px;border: none 0;border-top: 1px solid #999;}
.center {text-align: center;}
.clear {clear: both;}
.block {clear: both;margin-bottom: 12px;overflow: hidden;zoom: 1;}
#table-home {border: 1px solid black;}
.table {border-style:solid;border-width:1px;border-color:#000000;}
#gylo-header {color: #600;font-weight: bold;}
/*---- NAVIGATION ---- */

#gylo {position: absolute;left: -20px;top: 15px;width: 245px;height: 65px;}	
#gylo .imgswap {width: 100%;height: 100%;background: url(./images/GYLO_logo_Website_v02.png) no-repeat 0 0;}
#gylo .imgswap:hover {background-position: 0 -73px;}
#nav li {position: absolute;list-style: none;}	
#nav li .imgswap {width: 100%;height: 100%;}	
.apps #nav-apps .imgswap, #nav #nav-apps .imgswap:hover, .games #nav-games .imgswap, #nav #nav-games .imgswap:hover, .process #nav-process .imgswap, #nav #nav-process .imgswap:hover,.about #nav-about .imgswap, #nav #nav-about .imgswap:hover, .news #nav-news .imgswap, #nav #nav-news .imgswap:hover, .support #nav-support .imgswap, #nav #nav-support .imgswap:hover {background-position: 0 -43px;}
#nav-apps {left: 268px;top: 42px;width: 80px;height: 40px;}	
#nav-apps .imgswap {background: url(./images/GYLO_website_buttons3_apps.png) no-repeat 0 0;}
#nav-games {left: 350px;top: 42px;width: 80px;height: 40px;}	
#nav-games .imgswap {background: url(./images/GYLO_website_buttons3_games.png) no-repeat 0 0;}
#nav-process {left: 445px;top: 42px;width: 80px;height: 40px;}	
#nav-process .imgswap {background: url(./images/GYLO_website_buttons3_process.png) no-repeat 0 0;}
#nav-news {left: 560px;top: 42px;width: 80px;height: 40px;}
#nav-news .imgswap {background: url(./images/GYLO_website_buttons3_news.png) no-repeat 0 0;}		
#nav-about {left: 650px;top: 42px;width: 80px;height: 40px;}	
#nav-about .imgswap {background: url(./images/GYLO_website_buttons3_about.png) no-repeat 0 0;}
#nav-support {left: 742px;top: 42px;width: 80px;height: 40px;}	
#nav-support .imgswap {background: url(./images/GYLO_website_buttons3_support.png) no-repeat 0 0;}

#nav-facebook {left: 650px;top: 20px;width: 20px;height: 21px;}	
#nav-facebook .imgswap {background: url(./images/icons_web2_v01_FB.png) no-repeat 0 0;}
#nav-twitter {left: 680px;top: 20px;width: 20px;height: 21px;}	
#nav-twitter .imgswap {background: url(./images/icons_web2_v01_TW.png) no-repeat 0 0;}
#nav-linkedin {left: 710px;top: 20px;width: 20px;height: 21px;}	
#nav-linkedin .imgswap {background: url(./images/icons_web2_v01_LI.png) no-repeat 0 0;}
#nav-tumblr {left: 740px;top: 20px;width: 20px;height: 21px;}	
#nav-tumblr .imgswap {background: url(./images/icons_web2_v01_TB.png) no-repeat 0 0;}
#nav-youtube {left: 770px;top: 20px;width: 20px;height: 21px;}	
#nav-youtube .imgswap {background: url(./images/icons_web2_v01_YT.png) no-repeat 0 0;}
#nav-rss {left: 800px;top: 20px;width: 20px;height: 21px;}	
#nav-rss .imgswap {background: url(./images/icons_web2_v01_RSS.png) no-repeat 0 0;}

/*---- STRUCTURE ---- */

body {background: #990000 url(./images/bg-main-gylo.png) repeat-x 0 0;}
#header {position: relative;margin: 0 auto;width: 799px;height: 100px;}
#outer-wrapper {margin: 0 auto;max-width: 858px;background: #fff url(./images/white-box-top.gif) no-repeat 50% 0;}
#wrapper-bottom {margin: 0 auto;max-width: 858px;height: 8px;background: url(./images/white-box-bottom.gif) no-repeat 50% 0;}
#outer-wrapper, #wrapper-bottom {width: expression(document.body.clientWidth > 860? "858px" : "auto");}
#inner-wrapper {overflow: hidden;margin: 0 auto;padding: 30px 0;width: 799px;background-color: #fff;}
#main-column {float: left;padding: 0px 0px 0px 10px;width: 535px;}	
#sidebar {float: right;width: 200px;}
#footer {margin: 4px auto 0 auto;padding-bottom: 2px;width: 794px;color: #ccc;font-size: 10px;}

/*---- MAIN COLUMN ---- */

.multi-column {overflow: hidden;}	
.column-one {float: left;width: 253px;}	
.column-two {float: right;width: 253px;}	
.icon-list {margin: 0 3px 0 2px;border: none;}		
.icon-list .td-icon {padding: 13px 0;width: 74px;height: 60px;border-bottom: 1px solid #bfbfbf;text-align: center;vertical-align: middle;}		
.icon-list .td-text {padding: 13px 0;width: 174px;height: 60px;border-bottom: 1px solid #bfbfbf;text-align: left;vertical-align: middle;}			
.icon-list .td-text a {display: block;font-size: 15px;color: #000;font-weight: normal;}			
.icon-list .td-text a:hover {color: #FF6E00;}

/*---- SIDEBAR ---- */

#sidebar p {margin-bottom: 11px;font-size: 11px;line-height: 16px;}
.vertical-divided-links {margin-bottom: 13px;}
.vertical-divided-links li {margin: 0 3px 0 2px;list-style: none;border-bottom: 1px solid #bfbfbf;color: #666666;font-size: 11px;line-height: 16px;}	
.vertical-divided-links a {display: block;color: #666666;padding: 7px 1px;}		
.vertical-divided-links a:hover {color: #FF6E00;text-decoration: none;}
#sidebar .horizontal-divided-links {margin: 0 10px 0px 10px;zoom: 1;}

/*---- LINKS ---- */

.horizontal-divided-links {overflow: hidden;clear: right;}	
.horizontal-divided-links li {list-style: none;float: left;margin-right: 12px;padding-right: 13px;border-right: 1px solid #bfbfbf;}
.horizontal-divided-links li.last {margin: 0;padding: 0;border: none;}
.arrow-links {margin: 0 1px 1px 1px;}
.arrow-links li {list-style: none;padding: 0 0 12px 0px;background: url(./images/arrow.gif) no-repeat 0 2px;font-size: 11px;line-height: 13px;}	
.arrow-links a {display: block;color: #000;font-weight: bold;}	
.arrow-links a:hover {color: #990000;}

/*---- SEARCH BOX ----*/

.gsc-control-cse {font-family: Verdana, sans-serif;border-color: #ffffff;background-color: #ffffff;}
input.gsc-input {border-color: #8A99A6;}
input.gsc-search-button {border-color: #8A99A6;background-color: #D0D1D4;}
.gsc-tabHeader.gsc-tabhInactive {border-color: #B2BDC6;background-color: #B2BDC6;}
.gsc-tabHeader.gsc-tabhActive {border-color: #8A99A6;background-color: #8A99A6;}
.gsc-tabsArea {border-color: #8A99A6;}
.gsc-webResult.gsc-result {border-color: #FFFFFF;background-color: #FFFFFF;}
.gsc-webResult.gsc-result:hover {border-color: #D2D6DC;background-color: #EDEDED;}
.gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b {color: #0568CD;}
.gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b {color: #0568CD;}
.gs-webResult.gs-result a.gs-title:hover, .gs-webResult.gs-result a.gs-title:hover b {color: #0568CD;}
.gs-webResult.gs-result a.gs-title:active, .gs-webResult.gs-result a.gs-title:active b {color: #0568CD;}
.gsc-cursor-page {color: #0568CD;}
a.gsc-trailing-more-results:link {color: #0568CD;}
.gs-webResult.gs-result .gs-snippet {color: #5F6A73;}
.gs-webResult.gs-result .gs-visibleUrl {color: #5F6A73;}
.gs-webResult.gs-result .gs-visibleUrl-short {color: #5F6A73;}
.gsc-cursor-box {border-color: #FFFFFF;}
.gsc-results .gsc-cursor-page {border-color: #B2BDC6;background-color: #FFFFFF;}
.gsc-results .gsc-cursor-page.gsc-cursor-current-page {border-color: #8A99A6;background-color: #8A99A6;}
.gs-promotion.gs-result {border-color: #D2D6DC;background-color: #D0D1D4;}
.gs-promotion.gs-result a.gs-title:link {color: #0066CC;}
.gs-promotion.gs-result a.gs-title:visited {color: #0066CC;}
.gs-promotion.gs-result a.gs-title:hover {color: #0066CC;}
.gs-promotion.gs-result a.gs-title:active {color: #0066CC;}
.gs-promotion.gs-result .gs-snippet {color: #333333;}
.gs-promotion.gs-result .gs-visibleUrl, .gs-promotion.gs-result .gs-visibleUrl-short {color: #5F6A73;}

/*---- END ---- */