/* ----- GotInc.com Web Design Experts ------- */
* { padding:0; margin:0; }
body { background:#333; color:#ccc; font:small/18px Arial, Helvetica, Sans-serif; }
img { border:0; }
a { text-decoration:none; background:#111; color:#6E77D0; padding:0 2px 2px; margin:0 4px; border:1px solid #333;}
a:hover { text-decoration:underline; background:#111; color:#6E77D0; }

/* ----- Container --------------------------- */
.noshow { display:none; }
#wrapper { background:#333; width:800px; height:600px; margin:20px auto; }

/* ----- Navigation & Content ---------------- */
ul { list-style:none; font-weight:bold; }
li.lnav:hover div.tags { font-size:1.1em; }
li.lnav div.blob { display:none; }
li.lnav:hover div.blob div.posi { background:url("/image/center.jpg") no-repeat left top; width:400px; height:280px; }
li.lnav:hover div.blob div.posi p { padding:10px 18px 4px 18px; }
li.lnav:hover div.blob div.posi p.first { padding:16px 18px 4px 18px; }

#rogo { position:relative; left:200px; }
#logo { position:absolute; top:160px; background:url("/image/gotinc.jpg") no-repeat left top; width:400px; height:280px; }

#rav1 { position:relative; left:0px; }
#nav1 { position:absolute; top:0px; background:url("/image/nav/blue.jpg") no-repeat left top; width:300px; height:160px; }
#nav1 li.lnav { width:300px; height:160px; }
#nav1 li.lnav:hover { background:url("/image/nav/blue-hov.jpg") no-repeat left top; width:300px; height:160px; }
#nav1 li.lnav div.tags { padding:88px 0 0 150px; color:#000; }
#nav1 li.lnav:hover div.blob { display:block; position:relative; left:200px; font-weight:normal; }
#nav1 li.lnav:hover div.blob div.posih { background:url("/image/gotinc.jpg") no-repeat left top; display:block; width:400px; height:280px; position:absolute; top:54px; }
#nav1 li.lnav:hover div.blob div.posih p.tagin { font-style:italic; padding:220px 18px 4px 180px; }

#rav2 { position:relative; left:300px; }
#nav2 { position:absolute; top:0px; background:url("/image/nav/green.jpg") no-repeat left top; width:200px; height:160px; }
#nav2 li.lnav { width:200px; height:160px; }
#nav2 li.lnav:hover { background:url("/image/nav/green-hov.jpg") no-repeat left top; width:200px; height:160px; }
#nav2 li.lnav div.tags { padding:56px 0 0 60px; color:#000; }
#nav2 li.lnav:hover div.blob { display:block; position:relative; left:-100px; font-weight:normal; }
#nav2 li.lnav:hover div.blob div.posi { display:block; width:400px; height:280px; position:absolute; top:86px; }

#rav3 { position:relative; left:500px; }
#nav3 { position:absolute; top:0px; width:300px; background:url("/image/nav/orange.jpg") no-repeat left top; height:160px }
#nav3 li.lnav { width:300px; height:160px; }
#nav3 li.lnav:hover { background:url("/image/nav/orange-hov.jpg") no-repeat left top; width:300px; height:160px; }
#nav3 li.lnav div.tags { padding:88px 0 0 66px; color:#000; }
#nav3 li.lnav:hover div.blob { display:block; position:relative; left:-300px; font-weight:normal; }
#nav3 li.lnav:hover div.blob div.posi { display:block; width:400px; height:280px; position:absolute; top:54px; }

#rav4 { position:relative; left:600px; }
#nav4 { position:absolute; top:160px; background:url("/image/nav/pink.jpg") no-repeat right bottom; width:200px; height:140px; }
#nav4 li.lnav { width:200px; height:140px; }
#nav4 li.lnav:hover { background:url("/image/nav/pink-hov.jpg") no-repeat right bottom; width:200px; height:140px; }
#nav4 li.lnav div.tags { padding:58px 0 0 64px; color:#000; }
#nav4 li.lnav:hover div.blob { display:block; position:relative; left:-400px; font-weight:normal; }
#nav4 li.lnav:hover div.blob div.posi { display:block; width:400px; height:280px; position:absolute; top:-76px; }
#nav4 li.lnav:hover div.blob div.posi a { text-decoration:none; padding:0; margin:0; border:none; }
#nav4 li.lnav:hover div.blob div.posi table { margin:4px; }
#nav4 li.lnav:hover div.blob div.posi td { padding:8px 4px; }

#rav5 { position:relative; left:600px; }
#nav5 { position:absolute; top:300px; background:url("/image/nav/red.jpg") no-repeat right bottom; width:200px; height:140px; }
#nav5 li.lnav { width:200px; height:140px; }
#nav5 li.lnav:hover { background:url("/image/nav/red-hov.jpg") no-repeat right bottom; width:200px; height:140px; }
#nav5 li.lnav div.tags { padding:62px 0 0 60px; color:#000; }
#nav5 li.lnav:hover div.blob { display:block; position:relative; left:-400px; font-weight:normal; }
#nav5 li.lnav:hover div.blob div.posi { display:block; width:400px; height:280px; position:absolute; top:-220px; }

#rav6 { position:relative; left:500px; }
#nav6 { position:absolute; top:440px; background:url("/image/nav/yellow.jpg") no-repeat right bottom; width:300px; height:160px; }
#nav6 li.lnav { width:300px; height:160px; }
#nav6 li.lnav:hover { background:url("/image/nav/yellow-hov.jpg") no-repeat right bottom; width:300px; height:160px; }
#nav6 li.lnav div.tags { padding:54px 0 0 56px; color:#000; }
#nav6 li.lnav:hover div.blob { display:block; position:relative; left:-300px; font-weight:normal; }
#nav6 li.lnav:hover div.blob div.posi { display:block; width:400px; height:280px; position:absolute; top:-352px; text-align:center; }
#nav6 li.lnav:hover div.blob div.posi table { margin:4px; text-align:center; }
#nav6 li.lnav:hover div.blob div.posi td { padding:8px 4px; }

#rav7 { position:relative; left:300px; }
#nav7 { position:absolute; top:440px; background:url("/image/nav/olive.jpg") no-repeat right bottom; width:200px; height:160px; }
#nav7 li.lnav { width:200px; height:160px; }
#nav7 li.lnav:hover { background:url("/image/nav/olive-hov.jpg") no-repeat right bottom; width:200px; height:160px; }
#nav7 li.lnav div.tags { padding:88px 0 0 62px; color:#000; }
#nav7 li.lnav:hover div.blob { display:block; position:relative; left:-100px; font-weight:normal; }
#nav7 li.lnav:hover div.blob div.posi { display:block; width:400px; height:280px; position:absolute; top:-386px; text-align:center; }

#rav8 { position:relative; left:0px; }
#nav8 { position:absolute; top:440px; width:300px; background:url("/image/nav/teal.jpg") no-repeat right bottom; height:160px; }
#nav8 li.lnav { width:300px; height:160px; }
#nav8 li.lnav:hover { background:url("/image/nav/teal-hov.jpg") no-repeat right bottom; width:300px; height:160px; }
#nav8 li.lnav div.tags { padding:54px 0 0 166px; color:#000; }
#nav8 li.lnav:hover div.blob { display:block; position:relative; left:200px; font-weight:normal; }
#nav8 li.lnav:hover div.blob div.posi { display:block; width:400px; height:280px; position:absolute; top:-352px; }

#rav9 { position:relative; left:0px; }
#nav9 { position:absolute; top:300px; background:url("/image/nav/ivory.jpg") no-repeat right bottom; width:200px; height:140px; }
#nav9 li.lnav { width:200px; height:140px; }
#nav9 li.lnav:hover { background:url("/image/nav/ivory-hov.jpg") no-repeat right bottom; width:200px; height:140px; }
#nav9 li.lnav div.tags { padding:62px 0 0 58px; color:#000; }
#nav9 li.lnav:hover div.blob { display:block; position:relative; left:200px; font-weight:normal; }
#nav9 li.lnav:hover div.blob div.posi { display:block; width:400px; height:280px; position:absolute; top:-220px; }

#rav10 { position:relative; left:0px; }
#nav10 { position:absolute; top:160px; background:url("/image/nav/purple.jpg") no-repeat right bottom; width:200px; height:140px; }
#nav10 li.lnav { width:200px; height:140px; }
#nav10 li.lnav:hover { background:url("/image/nav/purple-hov.jpg") no-repeat right bottom; width:200px; height:140px; }
#nav10 li.lnav div.tags { padding:62px 0 0 58px; color:#000; }
#nav10 li.lnav:hover div.blob { display:block; position:relative; left:200px; font-weight:normal; }
#nav10 li.lnav:hover div.blob div.posi { display:block; width:400px; height:280px; position:absolute; top:-80px; }

/* ----- Footer ------------------------------ */
#footer { position:absolute; top:622px; background:url("/image/base.jpg") no-repeat right bottom; color:#6E77D0; width:800px; }
#footer p.fleft { float:left; font-size:.9em; padding:15px 0 15px 127px; }
#footer p.flef { float:left; font-size:1.1em; color:#1B2BBF; padding:15px 0px 15px 100px; }
#footer p.frite { float:right; font-size:.9em; padding:15px 123px 15px 0px; }
#footer p.frite a {font-size:.9em; padding:0 2px; }

/* ----- Copyright - GotInc-com LLC----------- */
