body {
background-color:#f6f6f6;
margin:0;
background-image:url(imgs/back.gif);
background-repeat:repeat-x;

font-family:Arial, Helvetica, sans-serif;
font-size:60%;
_font-size:10px;
color:#FFF;
}
#home #mainnav ul li#home_nav a, #about #mainnav ul li#about_nav a, #blog #mainnav ul li#blog_nav a, #resources #mainnav ul li#resources_nav a, #links #mainnav ul li#links_nav a, #projects #mainnav ul li#projects_nav a {
                background: #0092D2;
                border-top: 2px solid #0092D2;
}
li {
list-style:none;
}
img {
border:0px;
margin:0px;
}
h1 {
 padding:0px;
 margin:0px;
 position:relative;
 font-size:1.1em;
 line-height:1.2em;
 text-align:left;
 left:0px;
 top:99px; 
color:#caff00;
font-weight:normal;
}
h2 {
font-size:3em;
_font-size:2.8em;
margin:0px;
padding:0px;
line-height:1em;
bottom:12px;
left:16px;
position:absolute;
z-index:10;
color:#FFF;
}
h2.projects2 {
position:relative;
font-size:2em;
margin-top:10px;
width:780px;
left:16px;
bottom:0px;
color:#caff00;
}
h2.projects2 a, h2.projects2 a:hover, h2.projects2 a:visited {
color:#97d800;
}
.top {
width:100%;
height:90px;
background-color:#222;
background-image:url(imgs/topbar.jpg);
border-top:1px solid #111;
border-bottom:30px solid #191919;
min-width:860px;
}
.topmenu, .bottommenu {
height:30px;
width:100%;
float:left;
display:block;
background-color:#171717;
border-bottom:5px solid #FFF;
border-top:1px solid #444;
background-image:url(imgs/menuback.jpg);
min-width:860px;
}
.bottommenu {
border-bottom:180px solid #171717;
}
.topmenu ul, .bottommenu ul {
display:block;
color:#CCC;
margin:5px auto 0 auto;
width:837px;
padding:0px;
padding-left:4px;
}
.bottominfo {
  margin-left:0px;
  margin-right:0px;
}
.bottommenu ul {
margin-top:40px;
color:#444;
}
.topmenu li, .bottommenu li, .bottominfo li {
float:left;
display:block;
margin-right:1px;
margin-left:2px;
padding:6px;
padding-left:10px;
padding-right:10px;
border-left:1px solid #444;
border-right:1px solid #333;
background-image:url(imgs/menubutton.jpg);
}
li.bottominfo {
  border-left:0px;
  border-right:0px;
}
li.noback {
background-image:url(imgs/menubutton.jpg);
padding:6px;
padding-left:10px;
padding-right:10px;
}
li.nobackright, li.nobackrightgreen {
padding:6px;
margin-right:0px;
padding-left:10px;
padding-right:10px;
float:right;
}
li.nobackrightgreen {
	color:#caff00;
	margin-right:0px;
}
li.nobackrightgreen a, li.nobackrightgreen a:hover, li.nobackrightgreen a:visited {
	color:#caff00;

}
.bottommenu li {
background-image:none;
background-repeat:no-repeat;
}
.topmenu a, .topmenu a:visited {
color:#fff;
text-decoration:none;
}
.bottommenu a, .bottommenu a:visited {
color:#666;
text-decoration:none;
}
.topmenu a:hover, .bottommenu a:hover {
text-decoration:none;
color:#caff00;
}
.case {
width:865px;
 position:relative;
width:860px;
height:inherit;
display:block;
margin:0px auto 0 auto;
padding:0px;
}
sup {
font-size:0.8em;
color:#caff00;
margin:-12px 0 0 -0px;
text-align:right;
line-height:3px;
font-weight:bold;
}
.c1 {
width:590px;
float:left;
height:auto;
position:relative;
top:7px;
left:14px;
padding-bottom:40px;
}
.c1content {
position:relative;
background-color:#151515;
background-image:url(imgs/c1back.jpg);
background-repeat:repeat-x;
border:1px solid #444;
border-top:1px solid #222;
margin-bottom:0px;
width:580px;
display:inline;
float:left;
height:inherit;
background-position:bottom;
padding-bottom:18px;
}

.c1content a:hover {
color:#caff00;
text-decoration:none;
}
.c1contentimg {
position:relative;
display:block;
float:left;
border:3px solid #FFF;
border-bottom:12px solid #FFF;
margin:14px;
margin-right:0px;
display:inline;
float:left;
}
.c1contentimgsmallavatars {
position:absolute;
display:block;
float:left;
width:60px;
height:60px;
margin:-68px 2px 14px 18px;
background-image:url(imgs/new.gif);
}
.c1contentimgsmallavatarsblog {
position:relative;
display:block;
width:60px;
height:60px;
float:left;
margin:14px 2px 14px 18px;
background-image:url(imgs/blog.gif);
}
.c1content h3 {
position:relative;
margin:14px 0px 4px 16px;
float:left;
font-size:2.6em;
display:block;
color:#caff00;
font-weight:normal;
}
.c1content h3 a, .c1content h3 a:hover, .c1content h3 a:visited {
text-decoration:none;
color:#caff00;
}
.c1content p a, .c1content p a:visited, .c1content p a:hover {
text-decoration:none;
color:#caff00;
}
.c1content p strong {
  font-size:14px;
}
.c1content ul {
position:relative;
width:37%;
float:left;
height:24px;
line-height:1.4em;
margin:0px;
display:block;
clear:left;
font-size:1em;
_font-size:10px;
padding:0px;
font-weight:normal;
}
.c1content ul a, .c1content ul a:visited {
color:#caff00;
text-decoration:none;
padding-left:16px;
background-image:url(imgs/link.gif);
background-repeat:no-repeat;
}
.c1content p {
position:relative;
margin:5px 18px 9px 16px;
width:72%;
float:left;
line-height:1.4em;
display:block;
}
#send p, #send h3 {
margin-left:0px;
}

#comments{
margin-left:0px;
}
p.services1, p.services2, p.services3, p.services4 {
width:60%;
}
p.contact1, p.contact2 {
position:relative;
clear:left;
float:left;
display:block;
width:40%;
height:auto;
margin-right:30px;
}
p.c1wallpaper {
width:94%;
}
p.strong {
font-weight:bold;
margin-bottom:0px;
}
p.c1blog {
position:relative;
margin:16px;
margin-top:4px;
float:left;
width:80%;
min-height:70px;
font-size:1.1em;
line-height:1.5em;
font-weight:normal;
display:block;
height:auto;
z-index:2;
}
.blog-footer {
position:relative;
width:544px;
height:auto;
margin:40px auto 0px 18px;
_margin-left:10px;
display:block;
float:left;
}
ul.blog-footer {
position:relative;
width:56%;
float:right;
clear:right;
text-align:right;
line-height:1.4em;
margin:0px;
margin-top:13px;
margin-bottom:0px;
padding:0px;
font-weight:normal;
font-size:1.0em;
height:14px;
_font-size:11px;
}
ul.blog-footer a:link, ul.blog-footer a:visited {
background-image:none;
padding:0px;
color:#777;
text-decoration:none;
}
ul.blog-footer a:hover {
background-image:none;
padding:0px;
color:#80FF00;
text-decoration:none;
}
ul.blog-footer li {
float:right;
display:block;
margin-left:3px;
color:#777;
}
#projects, #projects2 {
width:580px;
padding-bottom:10px;
margin-right:10px;
}
#projectc1content, #projectc1content2, #projectc1content3 {
margin-left:10px;
}
#projectimages {
border:10px solid #FFF;
margin-bottom:10px;
}
.c1content h3 img {
position:relative;
}
/*Showcase*/
p.c1contentpshowcase {
width:558px;
margin:10px 0px 16px 12px;
position:relative;
float:left;
line-height:1.4em;
display:block;
}
p.c1contentpshowcase img {
margin: 2px 1px 0px 2px;
border:0px;
width:73px;
height:73px;
}
p.c1contentpshowcase a:link, p.c1contentpshowcase a:visited {
background-image:none;
padding:0px;
border:0px;
color:#80FF00;
text-decoration:none;
}
p.c1contentpshowcase td a:link, p.c1contentpshowcase td a:visited, 
.c1contentpshowcase td a:link, .c1contentpshowcase td a:visited  {
background-image:none;
padding:0px;
border:0px;
color:#80FF00;
text-decoration:none;
}
/*Showcase*/
/*Wallpaper*/
h3.c1contentp {
width:150px;
position:relative;
margin:18px 18px 6px 18px;
float:left;
line-height:1.4em;
display:block;
padding:0px;
font-size:1em;
_font-size:10px;
font-weight:normal;
}
/*Wallpaper*/



.c2 {
width:244px;
float:left;
height:auto;
margin-left:16px;
position:relative;
display:block;
margin-top:7px;
}
.c2content, .c2content2, .c3content, .c2content3 {
width:244px;
height:auto;
line-height:1.3em;
border-top:1px solid #333;
border-bottom:1px solid #111;
padding:0px;
border-right:1px solid #111;
border-left:1px solid #333;
background-color:#161616;
background-image:url(imgs/topstripesc2.gif);
color:#FFF;
/* Do rounding (native in Firefox and Safari, CC in IE) */
   -webkit-border-top-right-radius: 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-bottomright: 3px;
CCborderRadiusTL: 3px;
CCborderRadiusTR: 3px;
CCborderRadiusBL: 3px;
CCborderRadiusBR: 3px;
}
.c2content2 {
width:244px;
height:30px;
line-height:1.2em;
border-top:1px solid #333;
border-bottom:1px solid #111;
padding:0px;
border-right:1px solid #111;
border-left:1px solid #333;
background-color:#161616;
margin-top:0px;
color:#CCC;
background-image:url(imgs/h4headers.jpg);
}
.c2content2 img a{
	border:0px;
}
.c3content img {
       width:46px;
       height:46px;
margin:0px;
}
.c2img {
border-top:1px solid #555;
border-bottom:1px solid #111;
}
.c2content h4, .c3content h4 {
margin:13px 0 13px 13px;
color:#fff;
font-size:2em;
padding-left:25px;
background-image:url(imgs/info.gif);
background-repeat:no-repeat;
line-height:1.2em;
}
html>body .c2content h4, c3content h4 {
font-weight:600;
}
.c2content p, .c2content2 p, c3content p, .c2content3 p {
margin:0px auto 14px auto;
width:220px;
height:auto;
color:#CCC;
padding: 0 0 0 0;
}
.c2content3 p img {
margin:10px 3px 0px 0px;
  width:38px;
  height:38px;
}
.c3content p{
  margin-left:16px;
}
.c2content ul {
padding-left:0px;
margin-left:13px;
margin-bottom:10px;
}
.c2content li {
padding-left:0px;
margin-left:0px;
}
.c2content2 p {
margin:8px auto 8px auto;
}
.c2content p a, .c2content p a:visited, .c2content a, .c2content a:visited, .c2content2 p a, .c2content2 p a:visited, .c2content2 a, .c2content2 a:visited {
color:#CCC;
text-decoration:none;
padding-left:16px;
background-image:url(imgs/link.gif);
background-repeat:no-repeat;
}
.c2content p a:hover, .c2content a:hover {
color:#caff00;
text-decoration:none;
background-image:url(imgs/linkover.gif);
background-repeat:no-repeat;
}
.c2content p strong, .c1content h3 strong {
color:#caff00;
}
.selectcuts {
width:100px;
height:100px;
display:block;
margin: 0px 10px 10px 0px;
float:left;
background-color:#FFF;
position:relative;
}
.rightimages {
margin:0px;
padding:0px;
border:0px;
display:block;
}
.imagecase {
border:1px solid #FFF;
border-bottom:0px;
padding:0px;
margin:0px;
display:block;
float:left;
}
.imagecase2 {
margin-bottom:0px;
position:relative;
display:block;
width:582px;
height:118px;
background-image:url(imgs/header.jpg);
}
.imagecon {
margin-bottom:8px;
position:relative;
display:block;
width:582px;
height:118px;
background-image:url(imgs/contact.jpg);
}
p.date {
float:left;
margin:15px 0px 0px 3px;
color:#222;
font-weight:normal;
width:100px;
height:14px;
text-align:left;
font-size:22px;
}
.slopes {
color:#333;
}
.title {
position:relative;
left:50%;
margin-left:-415px;
width:837px;
height:89px;
background-image:url(imgs/thebastlogo.jpg);
display:block;
}
form {
position:relative;
float:left;
margin-left:16px;
width:520px;
}
input, textarea {
font-size:10px;
margin: 0 6px 6px 0px;
padding:4px;
background-color:#222;
border:0px;
color:#FFF;
font-family: 1em Verdana, Geneva, sans-serif;
border:1px solid #333;
}
textarea {
width:500px;
height:120px;
font-family: Verdana, Geneva, sans-serif;
}
#from, #name, #to, #subject, #message {
margin:0px;
width:500px;
}
#message {
height:auto;
}
.showcasetags {
float:left;
width:96px;
padding:2px 0 2px 4px;
background-color:#111;
margin:0px 5px 0px 6px;
}
table {
width:540px;
margin-left:10px;
margin-bottom:10px;
}
td {
padding:4px 0px 4px 0px;
border-bottom:1px solid #333;
height:10px;
}
#h1project {
color:#FFF;
font-size:0.5em;
text-decoration:none;
}
.bottomimage {
width:100%;
background-image:url(imgs/baseimage.jpg);
background-position:center;
height:215px;
display:block;
position:relative;
float:left;
top:0px;
}
.blackbar {
position:relative;
height:70px;
width:100%;
background-color:#111;
background-image:url(imgs/back.jpg);
background-position:center;
}
ul.wallpapers {
width:28%;
margin-left:18px;
margin-right:10px;
margin-bottom:10px;
height:auto;
float:left;
clear:none;
margin-top:6px;
position:relative;
display:block;
}
.rsslogo, .oldlogo, .newlogo {
  position:relative;
  width:18px;
  height:8px;
  background-image:url(imgs/rss.gif);
  display:block;
  float:left;
  margin-right:5px;
  margin-top:2px;
}
.oldlogo {
  background-image:url(imgs/old.gif);
}
.newlogo {
  background-image:url(imgs/newlogo.gif);
}
.listbutton, .thumbnailbutton {
  width:16px;
  height:16px;
  float:left;
  background-image:url(imgs/listbutton.gif);
  display:block;
  margin-right:5px;
  margin-top:6px;

}
.thumbnailbutton {
  background-image:url(imgs/thumbnailbutton.gif);

}



* {margin:0; padding:0;}
#text {margin:50px auto; width:500px;}
.hotspot {cursor:pointer;}

#tt {position:absolute; display:block; background:url(Scripts/images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(Scripts/images/tt_top.gif) top right no-repeat; overflow:hidden;}
#ttcont {display:block; padding:2px 12px 15px 7px; margin-left:5px; background-image:url(Scripts/images/back.gif); color:#030; font-size:1.2em; _font-size:12px;}
#ttbot {display:block; height:5px; margin-left:5px; background:url(Scripts/images/tt_bottom.gif) top right no-repeat; overflow:hidden;}

.hotspot a, .hotspot a:visited, .hotspot a:hover {
 	color:#111;
}
#about p {
 	color:#FFFFFF;
}
#about strong {
 	color:#caff00;
}
.step{
 	font-size:10px;
    color:#222;
    padding:7px 10px 7px 10px;
    background-color:#caff00;
    margin:4px 4px 0px 0px;
   font-weight:bold;
    text-decoration:none;
border:1px solid #caff00;
float:left;
}
.step a, .step a:hover, .step a:visited {
color:#FFF;
background-color:#caff00;
 	text-decoration:none;
}
.rightrecent img{
      width:48px;
      height:48px;
margin:0px;
padding:0px;
display:block;
position:relative;
float:left;
}
