/*<agl.folder "menu">*/
	.urbangreymenu{ position: relative; top: 10px; left: 20px; width: 160px; /*width of menu*/
}
	.urbangreymenu .headerbar{ font: bold 13px Verdana; color: white; background-color: #333; background-repeat: no-repeat; background-attachment: scroll; background-position: 8px 6px; text-decoration: none; margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase; text-align: center; padding-top: 7px; padding-right: 0; padding-bottom: 7px; /*31px is left indentation of header text*/
}
	.urbangreymenu ul{ color: #fff; background-color: white; list-style-type: none; margin: 0; padding: 0; /*bottom spacing between each UL and rest of content*/
}
	.urbangreymenu ul li{ color: #fff; background-color: white; text-align: center; padding-bottom: 2px; /*bottom spacing between menu items*/
}
	.urbangreymenu ul li a{ font: 12px/17px arial; color: #000; background: #ccc; display: block; text-decoration: none; padding-top: 5px; padding-right: 0; padding-bottom: 5px; }
	.urbangreymenu ul li a:visited{
color: #000;
}
	.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: #666;
}
/*</agl.folder>*/
/*<agl.folder "info">*/
	.info{ position: relative; top: 10px; left: 20px; width: 160px; /*width of menu*/
}
	.info .headerbar{ font: bold 13px Verdana; color: #fff; background-color: #039; background-repeat: no-repeat; background-attachment: scroll; background-position: 8px 6px; text-decoration: none; margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase; text-align: center; padding-top: 7px; padding-right: 0; padding-bottom: 7px; /*31px is left indentation of header text*/
}
	.info ul{ color: #fff; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 12px; background-color: #69f; text-align: left; list-style-type: none; margin: 0; padding: 0; /*bottom spacing between each UL and rest of content*/
}
	.info ul li{ text-align: left; padding: 5px; /*bottom spacing between menu items*/
}
	.info ul li a{ font: 12px/17px arial; color: black; background: #ccc; display: block; text-decoration: none; padding-top: 5px; padding-right: 0; padding-bottom: 5px; }
	.info ul li a:visited{
color: black;
}
	.info ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}
/*</agl.folder>*/
/*<agl.folder "icons">*/
a#button1 { background-image: url(../images/f1.jpg); width: 50px; height: 50px; margin-left: 0; display: inline; }
a#button1:hover {
    background-image: url(../images/f2.jpg);
}
a .alt { display: none; }

a#button2 { width: 50px; height: 50px; background-image: url(../images/m1.jpg); display: block; }
a#button2:hover {
    background-image: url(../images/m2.jpg);
}
a .alt { display: none; }

a#button3 {
    display: block;
    width: 50px;
    height: 50px;
    background-image: url(../images/g1.jpg);
    margin: 0 auto 0 0;
}
a#button3:hover {
    background-image: url(../images/g2.jpg);
}
a .alt { display: none; }

a#button4 {
    display: block;
    width: 50px;
    height: 50px;
    background-image: url(../images/v1.jpg);
    margin: 0 auto 0 0;
}
a#button4:hover {
    background-image: url(../images/v2.jpg);
}
a .alt { display: none; }

a#button5 {
    display: block;
    width: 50px;
    height: 50px;
    background-image: url(../images/l1.jpg);
    margin: 0 auto 0 0;
}
a#button5:hover {
    background-image: url(../images/l2.jpg);
}
a .alt { display: none; }

a#button6 {
    display: block;
    width: 50px;
    height: 50px;
    background-image: url(../images/y1.jpg);
    margin: 0 auto 0 0;
}
a#button6:hover {
    background-image: url(../images/y2.jpg);
}
a .alt { display: none; }

a#button7 {
    display: block;
    width: 50px;
    height: 50px;
    background-image: url(../images/w1.jpg);
    margin: 0 auto 0 0;
}
a#button7:hover {
    background-image: url(../images/w2.jpg);
}
a .alt { display: none; }

a#button8 {
    display: block;
    width: 200px;
    height: 68px;
    background-image: url(../images/download-buttons1.gif);
    margin: 0 auto 0 0;
}
a#button8:hover {
    background-image: url(../images/download-buttons1-over.gif);
}
a .alt { display: none; }


a#button9 {
    display: block;
    width: 200px;
    height: 68px;
    background-image: url(../images/download-buttons2.gif);
    margin: 0 auto 0 0;
}
a#button9:hover {
    background-image: url(../images/download-buttons2-over.gif);
}
a .alt { display: none; }


a#button10 {
    display: block;
    width: 200px;
    height: 68px;
    background-image: url(../images/download-buttons3.gif);
    margin: 0 auto 0 0;
}
a#button10:hover {
    background-image: url(../images/download-buttons3-over.gif);
}
a .alt { display: none; }



a#button11 {
    display: block;
    width: 200px;
    height: 68px;
    background-image: url(../images/download-buttons4.gif);
    margin: 0 auto 0 0;
}
a#button11:hover {
    background-image: url(../images/download-buttons4-over.gif);
}
a .alt { display: none; }
/*</agl.folder>*/
body{ color: #333; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.5em; background: #c4c4c4 url(../images/bg.jpg) no-repeat fixed; margin:0; padding:0; }

td { color: black; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }

b{font-size: 110%;}
em{color: red;}
#shadow { background-image: url(../images/shadow.jpg); background-repeat: repeat-y; background-position: 0 top; width: 1204px; margin: 0 auto; }
#maincontainer{ background-color: white; width: 1200px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}
#topsection{ background-position: 0 top; height: 300px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{ margin: 30px 210px 0; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{ background-attachment: scroll; background-position: 0 0; float: left; width: 200px; /*Width of left column in pixel*/
margin-left: -1200px; /*Set margin to that of -(MainContainerWidth)*/
margin-top: 20px; }

#rightcolumn{ background-position: 0 0; float: left; width: 200px; /*Width of right column*/
margin-top: 20px; margin-left: -200px; }

#footer{ clear: left; width: 100%; background-position: 0 bottom; text-align: center; padding: 4px 0 10px; }

#footer a{
color: #FFFF80;
}

.innertube{  }

.bold { font-weight: 700; }



a#colorblock { background-color: #999;  display: block;
    width: 250px;
    height: 75px;}
.p { background-color: #dbdbdb; border: solid 4px #dbdbdb; }
.p-rightcol { font-size: 10px; line-height: 1.5em; }
h1 { font-size: 28px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 700; font-variant: small-caps; }
h2 { color: #333; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 1.5em; background-color: #e9e9e9; text-align: justify; margin-right: 10px; margin-left: 10px; padding: 10px; }
.reviews { color: #666; font-size: 10px; line-height: 12px; background-color: #e9e9e9; position: relative; left: 0; padding: 10px; }
.learn { color: #333; font-size: 10px; line-height: 12px; background-color: #e9e9e9; text-align: left; padding: 10px; }