body {
margin:0;
padding:0;
background:#0e0e0e;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#fff;
font-size:11px;
}



h1,h2,h3,h4 {margin:0;padding:0;}
ul,ol,li {list-style-type:none;padding:0;margin:0;}
img {border:none;}
form,input,textarea {margin:0;padding:0;}
p {margin:0;padding:0;}
a {
color:#fff;
text-decoration:none;
outline:none;
}
a:hover {
background:#fafafa;
color:#000;
}
div {
outline:none;
}










#header {
text-indent:-2000px;
height:150px;
background:transparent url(img2/header.gif) center top no-repeat;
}

h2 {
clear:both;
line-height:30px;
border-top:1px solid #222;
border-bottom:1px solid #222;
color:#666;
font-size:10px;
font-weight:normal;
text-transform:lowercase;
background:transparent url(img2/h2.gif) left top no-repeat;
padding-left:20px;
}



#main {
width:900px;
margin:0 auto;
}


#main .ourshowcase {
overflow:auto;
clear:both;
padding:0;
}
#main .ourshowcase img {
width:120px;
height:120px;
}
#main .ourshowcase .list {
overflow:auto;
padding-top:20px;
}
#main .ourshowcase ul {
height:326px;
}
#main .ourshowcase li {
float:left;
padding:6px 24px 24px 24px;
}
#main .ourshowcase li a {
display:block;
/*border:4px solid #222;*/
padding:4px;
background:transparent url(img2/bgunsite.gif) center top no-repeat;
}
#main .ourshowcase li a:hover {
/*border:4px solid #fff;*/
padding:4px;
background:transparent url(img2/bgunsitehover.gif) center top no-repeat;
}
#main .ourshowcase .previous {
clear:both;
text-align:right;
padding:20px 45px 20px 0;
overflow:auto;
}
#main .ourshowcase .previous a{ 
display:inline;
padding:5px;
}
#main .ourshowcase .loading {
width:900px;
padding:172px 0 172px 0;
text-align:center;
}
#main .ourshowcase .loading img {
width:54px;
height:55px;
}









#main .showcaselist {
overflow:auto;
padding:0;
}
#main .showcaselist h2{
margin-bottom:20px;
}

#main .showcaselist .thefav li {
width:260px;
float:left;
padding:20px;
}
#main .showcaselist .thefav li a {
display:block;
border:2px solid #222;
}
#main .showcaselist .thefav li a:hover {
border:2px solid #fff;
}
#main .showcaselist .thelist {
clear:both;
}
#main .showcaselist .thelist ul {
width:260px;
float:left;
padding:20px;
}
#main .showcaselist .thelist li {
line-height:25px;
background:#121212;
margin-bottom:1px;
}
#main .showcaselist .thelist li a {
display:block;
padding-left:10px;
}
#main .showcaselist .thelist .favsite a{
display:block;
padding-left:25px;
background:#121212 url(img2/fav.gif) left top no-repeat;
}
#main .showcaselist .thelist .favsite a:hover{
display:block;
padding-left:25px;
background:#fafafa url(img2/favhover.gif) left top no-repeat;
}






#main .resources {
margin-top:20px;
overflow:auto;
}
#main .resources h2{
margin-bottom:20px;
}

#main .resources .thefav li {
width:260px;
float:left;
padding:20px;
}
#main .resources .thefav li a {
display:block;
border:2px solid #222;
}
#main .resources .thefav li a:hover {
border:2px solid #fff;
}


#main .resources .thelist {
clear:both;
}
#main .resources .thelist ul {
width:260px;
float:left;
padding:20px;
}
#main  .resources .thelist li {
line-height:25px;
background:#121212;
margin-bottom:1px;
}

#main  .resources .thelist li a {
display:block;
padding-left:10px;
}

#main .resources .resourcestitle {
padding-left:10px;
font-weight:bold;
}
#main .resources  li.red {
background:#b80000;
}
#main .resources  li.blue {
background:#008da6;
}
#main .resources  li.green {
background:#008603;
}

#main .resources .thelist .favsite a{
display:block;
padding-left:25px;
background:#121212 url(img2/fav.gif) left top no-repeat;
}
#main .resources .thelist .favsite a:hover{
display:block;
padding-left:25px;
background:#fafafa url(img2/favhover.gif) left top no-repeat;
}










#footer {
clear:both;
background:#b80000;
padding:40px 0 40px 0;
overflow:auto;
border-top:10px solid #000;
color:#0e0e0e;
margin-top:100px;
}
#footer .center {
width:900px;
margin:0 auto;
text-align:center;
font-weight:bold;
}
#footer a {
display:inline;
background:none;
color:#0e0e0e;
}