body{margin:0px; background:url(images/ruler.gif) top center repeat-x; height:15px}

a{outline:none}



#container2{background:url(images/bg-strip2.jpg) repeat-x; margin-top:15px; width:100%;}
#container{background:url(images/bg-strip.jpg) repeat-x; margin-top:15px; width:100%;}

#wrapper{width:960px; margin:0 auto}

#header{padding-top:30px}

#logo{float:left}

#nav{float:right; padding-top:30px}

ul{margin:0px; padding:0px}
ul#menu {width: 273px; margin: 0px; list-style: none; height:40px}
ul#menu li { display: inline; margin:0px; padding:0px }
ul#menu li a {display: block; float: left; height: 20px; background-image:url(images/nav.png); text-indent: -9999px; }
ul#menu li a.home {width: 52px; background-position: 0 0;}
ul#menu li a.meetme {width: 79px; background-position: -52px 0;}
ul#menu li a.works {width: 72px; background-position: -131px 0;}
ul#menu li a.contact {width: 70px; background-position: -201px 0;}

ul#menu li a.home:hover, ul#menu li a.home:focus {background-position: 0 -20px;}
ul#menu li a.meetme:hover, ul#menu li a.meetme:focus {background-position: -52px -20px;}
ul#menu li a.works:hover, ul#menu li a.works:focus {background-position: -131px -20px;}
ul#menu li a.contact:hover, ul#menu li a.contact:focus {background-position: -201px -20px;}

ul#menu li a.homeactive {width: 52px; background-position: 0 -20px;}
ul#menu li a.meetmeactive {width: 79px; background-position: -52px -20px;}
ul#menu li a.worksactive {width: 72px; background-position: -131px -20px;}
ul#menu li a.contactactive {width: 70px; background-position: -201px -20px;}

#myhead{text-align:center}

#myhands{position:absolute; top:-360px; left:295px}

#featuredtag{position:absolute; top:-352px; left:869px; z-index:10}

#banner{}

#recentthumbs{width:960px}
#recentworks{position:absolute; top:540px}

#twitter{position:relative; top:230px; left:780px}


#footer{position:absolute; top:830px}
#contentfooter{font:11px Tahoma; color:#ffffff; text-align:left; padding:10px; background-color:#353535}

.fixcenter{position:absolute}



/*style for sliding boxes*/
*{padding:0px; margin:0px; }
h3{margin: 10px 10px 0 10px; color:#ffffff; font:14px Tahoma, Geneva, sans-serif; font-weight: bold; line-height:14px  }
.boxgrid{width: 230px; height: 150px; margin:20px 4px 0 4px; float:left; background:#161613; overflow: hidden; position: relative }
.boxgrid img{position: absolute; top:0; left:0; border:0 }
.boxgrid p{padding: 0 10px; color:#ffffff; font:12px Tahoma, Geneva, sans-serif; line-height:22px }
.boxcaption{float: left; position: absolute; background: #000; height: 75px; width: 100%}
.boxcaption a{text-decoration:none; color:#afafaf; font-size:11px}
.boxcaption a:hover{text-decoration:underline}

#slideshowContainer{padding:20px; background-color:#f2f2f2; border:1px solid #e4e2e2}
#slideshow {position:relative; width:920px; height:310px; }
#slideshow div {position:absolute; top:0; left:0; z-index:8; opacity:0.0; width:920px; height:310px; background-color:#ffffff }
#slideshow div.active {z-index:10; opacity:1.0 }
#slideshow div.last-active {z-index:9;}
#slideshow div img {height: 310px; display: block; border: 0; margin-bottom: 10px}