@charset "utf-8";

body {	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin:0; background: url(images/bg.jpg) top center no-repeat #000; color:#FFF; line-height:130%;		}
a {color:#FF0099;}
#wrapper { margin:0 auto 10px auto; width:870px; padding:0 0 0 0;}
#contentWrap {margin:0 10px; width:960px;}
#content {margin:0 0 0 235px; width:680px; clear:both; border-bottom:1px solid white;}

#topNav{width:870px; float:left; margin:215px auto 0 auto; height:47px;}

#topNav ul { margin:0; padding:0;}
#topNav li { display:inline; list-style:none;}
#topNav li a { color:#FFF; padding:0;}
#topNav li a.first { color:#FFF; padding:0 20px 0 0;}

.leftNav{float:left;}
.rightNav{float:right;}

.col1{width:270px; float:left;}
.col2{width:270px; float:left; margin:0 30px;}
.col3{width:270px; float:left;}

h1.aboutMe, h1.articles, h1.contact, h2.featuredWork {height:0; line-height:40px; padding:15px 0 0 0; margin:0; overflow:hidden; font:normal normal normal 14px Verdana, Geneva, sans-serif;}

h1.aboutMe{ background:url(images/about_me.jpg) top left no-repeat; }
h1.articles{ background:url(images/news_articles.jpg) top left no-repeat;}
h1.contact{ background:url(images/contact_me.jpg) top left no-repeat;}

h2.featuredWork {background:url(images/featured_work.jpg) top left no-repeat;}

.col2 li { list-style:none; padding:5px 0;}

.col2 ul { margin:0; padding:0;}

.form {width:260px;}
textarea{color:#CCC;
background: #000;
border: 1px solid #191919;}

input.form {
color: #CCC;
background: #000;
border: 1px solid #191919;
}


#folio {width:830px; height:225px; background:url(images/featured_work_bg.jpg) top left no-repeat; padding:20px;}

.feature{width:150px; height:125px; float:left; width:150px; margin:20px 20px 0 0;}

.work{  height:115px; background:#000; clear:both; width:150px;}

.featureEnd{ width:150px; height:125px; margin:20px 0 0 0; float:left; }
.title{font-size:10px;}
/*------------------*/

.gallery{width:150px; height:110px; background:#000; border:1px solid white; margin:0 10px 10px 10px; float:left;}
.galleryFirst{width:150px; height:110px; background:#000; border:1px solid white; margin:0 10px 10px 0; float:left;}
.galleryText {width:178px; float:left; margin:0 10px 100px 0;}


/*------------------*/

.col2a {width:325px; margin:0; float:left;}
.col2a p, .col2B p {margin:10px 0;}
.col2B {width:325px; margin:0 0 0 30px; float:left;}

.picLrg {width:450px; float:left; margin:0 10px 10px 0;}
.picLrg p {margin:0;}
.picText {width:178px; float:left; margin:0 10px 0 0;}
.pic1 { width:220px; float:left;}
.pic2 { margin:5px 0 0 0}

.picText h2 { font-size:14px; font-weight:bold; margin:0 0 5px 0;}
.picText p { font-size:11px; margin:0 0 5px 0;}

.btmNav2 {margin:0 auto; width:860px; text-align:right; color:4f4f4f; font-size:10px;}