/* GENERAL
--------------------------------------------------------------------*/ 
* {border:0; margin:0; padding:0;}
html, body {background-color:#E1DDD3; font-family:'Helvetica','Arial'; font-size:12px; color:#816F5F; line-height:16px; background:url(../images2/repeat-bg.jpg) repeat 0 100%; height:100%; font-size: 15px;}
a {color:#2D0C05; text-decoration:none;}
a:hover {text-decoration:underline;}
h3 {text-transform:uppercase; font-weight:normal;}

/* LAYOUT
--------------------------------------------------------------------*/ 
#outer-container {min-height:100%; position:relative;} /* for footer */
#header-bg {position:relative; background:transparent url(../images2/repeat-tear-green.png) repeat-x 0 100%; height:924px; overflow:visible;}
.wrapper {width:960px; margin: auto auto; min-height:100%}
#header {position:relative; background:url(../images2/header-green.jpg) no-repeat; height:479px; width:1315px; margin-left:-287px; margin-right:-68px; overflow:					visible;}

/* NAV
--------------------------------------------------------------------*/
#menu{list-style:none; float:right; padding-right:50px;}
#menu li {float:left; text-align:right; height:46px; width:112px;}
#menu span {display:none;}	
#menu a#home {float:left; background:url(../images2/menu-g-home-off.jpg) no-repeat; height:46px; width:112px;}
#menu a#portfolio {float:left; background:url(../images2/menu-g-portfolio-off.jpg); height:46px; width:112px;}
#menu a#about {float:left; background:url(../images2/menu-g-about-off.jpg); height:46px; width:112px;}
#menu a#contact {float:left; background:url(../images2/menu-g-contact-off.jpg); height:46px; width:112px;}
#menu a#home:hover {background:url(../images2/menu-g-home-on.jpg) no-repeat;}
#menu a#portfolio:hover {background:url(../images2/menu-g-portfolio-on.jpg) no-repeat;}
#menu a#about:hover {background:url(../images2/menu-g-about-on.jpg) no-repeat;}
#menu a#contact:hover {background:url(../images2/menu-g-contact-on.jpg) no-repeat;}

/* content */
#header-copy {font-family: Helvetica, Arial, sans-serif;font-size:15px; color:#96D091; float:left; padding-left:288px; padding-top:269px; width:470px; line-height:18px;}
#header-copy a {text-decoration: none; border-bottom: 1px dashed; color:#96D091;}
#header-copy a:hover {text-decoration: none; border-bottom: 1px dashed; color:#389A3A;}


/* PAGE BACKGROUND
--------------------------------------------------------------------*/
#wrapper-page {margin:0 auto; width:1036px; margin-top:-400px; background-image:url(../images2/page-middle.png); background-repeat:repeat-y; background-position:center;}
#page-container {width:1036px; position:relative; padding-left:12px;}
#pfoot-wrapper {margin: 0 auto; width: 1036px; text-align: left;}
#pfoot {background: url(../images2/page-bottom3.png) bottom left no-repeat; width: 1036px; height:21px;}

/* FOOTER
--------------------------------------------------------------------*/
#footerpush {padding-bottom:50px; /* height of the footer */}
#footer {position:relative; bottom:0; height:190px;   /* Height of the footer */ background:#6cf; background: url(../images2/footer-green.png) bottom center no-repeat; width: 1045px; margin-left:-40px; margin-top:-50px;}

#form-position {margin-top:-5px; margin-left: 50px;}
#contact-title {width: 94px; height: 19px; background-image: url(../images2/contactme.png);}
#contact-title span {display: none;}
#form-position form {margin:0 0 0 0; padding:0 0 0 0;}
#form-position #fname {height: 24px; width: 270px; margin-bottom: -3px; font-size:12px; color:#371006; margin-top:0px; background: transparent url(../images2/input-name.jpg); background-repeat:no-repeat; clear:left; padding-left:10px; padding-top:3px;}
#form-position #femail {height: 23px; width: 274px; margin-bottom: -3px; font-size:12px; color:#371006; margin-top:0px; background: transparent url(../images2/input-email.jpg); background-repeat:no-repeat; clear:left; padding-left:10px; padding-top:3px; clear:left;}
#form-position #fcomments {font-family: Arial, sans-serif; height: 81px; width: 266px; font-size:12px; color:#371006; margin-top:0px; background: transparent url(../images2/input-comments.jpg); background-repeat:no-repeat; padding-left:10px; padding-top:3px; padding-bottom: 12px; overflow:auto; display : block;}
#submit {margin-top:-10px;}

#links {float:right; margin-top:15px; line-height:23px; width:630px; clear:both;} 
#links a {color:#54492C; text-decoration:none; font-weight:bold; letter-spacing:2px; font-size:11px;}
#links a:hover {text-decoration: none; border-bottom: 1px dashed;}

#leftcol {float:left; width: 120px;}
.rightcol {float:left; width: 120px;}

#copyright {float:left; line-height: 23px; font-style:italic; clear:left; font-size:12px; width:500px;}
#copyright .validate {background-image:url(../images2/check.jpg); background-repeat:no-repeat; width: 100px; height: 30px; padding-left: 28px; text-decoration: underline; border-bottom: 0px; font-style:italic; font-size:12px; padding-bottom:10px;color:#816F5F; padding-top:4px;}
#copyright .validate:hover { border-bottom: 0px; text-decoration: none; background-image:url(../images2/check-on.jpg)}

/* BODY
--------------------------------------------------------------------*/
#body-wrap {width:990px; overflow:visible; position:relative; text-align:left; padding-left:50px;}
#body-wrap span {display: none;}

/* PROJECTS */
.proj {background-image:url(../images2/proj-bg.png); background-repeat:no-repeat; width:400px; height:230px; position:relative;}
.proj2 {background-image:url(../images2/proj-bg2.png); background-repeat:no-repeat; width:400px; height:230px; position:relative;}
.proj3 {background-image:url(../images2/proj-bg3.png); background-repeat:no-repeat; width:400px; height:230px; position:relative;}
#dots {width:50px; height:9px; float:left; text-align:left;}
.position-right {width:313px; height:140px; float:left; margin-top:-174px; margin-left:380px;}
.proj h2 {background-image:url(../images2/proj-h2.png); background-repeat:no-repeat; width:313px; height:48px; float:left; color:#9C8A7A; font-size:12px; letter-spacing:2px;font-weight:normal; padding-top:7px; padding-left:10px; clear:left;}
.line {background-image:url(../images2/proj-line.png); background-repeat:no-repeat; background-position:bottom; float:left; width:313px; font-size:12px; color:#9C8A7A; margin-bottom:5px; padding-left:5px; padding-bottom:5px;}
.proj h3 {text-transform:capitalize; font-size:11px; font-weight:normal;display:block; float:left; padding-right:10px; color:#342C20;letter-spacing:2px;}
.line a {text-decoration: none; border-bottom: 1px dashed; font-size:12px; color:#816F5F;}
.line a:hover {text-decoration: none; border-bottom: 0px;}
.norm {padding-left:5px;}
.norm a {text-decoration: none; border-bottom: 1px dashed; font-size:12px; color:#816F5F;}
.norm a:hover {text-decoration: none; border-bottom: 0px; float:left; display:block; width:313px;}
.view-btn {float:left; background:url(../images2/view-btn.jpg) no-repeat; height:27px; width:74px; display:block; margin-left:8px; margin-top:4px;}
.view-btn span {display:none;}	
.launch-btn {float:left; background:url(../images2/launch-btn.jpg) no-repeat; height:27px; width:74px; display:block; margin-left:8px; margin-top:4px;}
.launch-btn span {display:none;}	

.addy {width:78px; height:101px; position:absolute; margin:0; top:40px; left:40px;}
.webby {width:60px; height:48px; position:absolute; margin:0; top:29px; left:24px;}

/***** projects small ******/
.proj-sm-container {position:relative;}
.proj-col1 {background-image:url(../images2/proj-sm-bg.png); background-repeat:no-repeat; width:216px; height:250px; position:relative; padding-top:27px; padding-left:23px;}
.proj-col2 {background-image:url(../images2/proj-sm-bg.png); background-repeat:no-repeat; width:200px; height:250px; position:relative; padding-top:27px; padding-left:23px; margin-top:-277px; margin-left:245px;}
.proj-col3 {background-image:url(../images2/proj-sm-bg.png); background-repeat:no-repeat; width:216px; height:250px; position:relative; padding-top:27px; padding-left:23px; margin-top:-277px; margin-left:490px;}

#proj-sm-pic span {display:none;}	
.proj-sm-txt {margin-left:-15px;}
.proj-sm-container h2 {color:#776C4F; font-size:12px; letter-spacing:1px; font-weight:normal; padding-top:20px; padding-bottom:5px; padding-left:3px; height:35px;background-image:url(../images2/proj-line-sm.png); background-repeat:no-repeat; background-position:bottom left;}
.proj-sm-container h3 {text-transform:capitalize; font-size:11px; font-weight:normal; padding-right:10px; color:#342C20;letter-spacing:2px; padding-top: 2px;}
.line-sm {background-image:url(../images2/proj-line-sm.png); background-repeat:no-repeat; background-position:left; width:313px; height:21px;font-size:12px; color:#9C8A7A; margin-bottom:5px; padding-left:5px;}
.sm-norm { margin-top:-17px; margin-left:55px;}
.line-sm a {text-decoration: underline; font-size:12px; color:#816F5F; display:block; margin-top:-17px; margin-left:55px;}
.line-sm a:hover {text-decoration: none;}
#view-btn-sm {float:left; background:url(../images2/view-btn-sm.jpg) no-repeat; height:22px; width:63px; display:block; margin-left:8px; margin-top:0px;}
#view-btn-sm span {display:none;}	
.info-btn {float:left; background:url(../images2/info-btn.jpg) no-repeat; height:22px; width:63px; display:block; margin-left:8px; margin-top:0px;}
.info-btn span {display:none;}	


/***** project specific styles ******/
.proj-cam {width:321px; height:160px; float:left; display:block; margin-left:39px; margin-top:43px; background-image:url(../images2/proj-cam-img.jpg); background-repeat:no-repeat;}
.proj-mar {width:321px; height:160px; float:left; display:block; margin-left:39px; margin-top:43px; background-image:url(../images2/proj-mar-img.jpg); background-repeat:no-repeat;}
.proj-pab {width:321px; height:160px; float:left; display:block; margin-left:39px; margin-top:43px; background-image:url(../images2/proj-pab-img.jpg); background-repeat:no-repeat;}
.proj-pin {width:321px; height:160px; float:left; display:block; margin-left:39px; margin-top:43px; background-image:url(../images2/proj-pin-img.jpg); background-repeat:no-repeat;}
.proj-col {width:321px; height:160px; float:left; display:block; margin-left:39px; margin-top:43px; background-image:url(../images2/proj-col-img.jpg); background-repeat:no-repeat;}
.proj-gog {width:321px; height:160px; float:left; display:block; margin-left:39px; margin-top:43px; background-image:url(../images2/proj-gog-img.jpg); background-repeat:no-repeat;}
#proj-sm-lar {width:171px; height:152px; background-image:url(../images2/proj-lar-img.jpg); display:block;}
#proj-sm-pes {width:171px; height:152px; background-image:url(../images2/proj-pes-img.jpg); display:block;}
#proj-sm-pja {width:171px; height:152px; background-image:url(../images2/proj-pja-img.jpg); display:block;}
#proj-sm-tp1 {width:171px; height:152px; background-image:url(../images2/proj-tp1-img.jpg); display:block;}
#proj-sm-tp2 {width:171px; height:152px; background-image:url(../images2/proj-tp2-img.jpg); display:block;}
#proj-sm-tp3 {width:171px; height:152px; background-image:url(../images2/proj-tp3-img.jpg); display:block;}
#proj-sm-map {width:171px; height:152px; background-image:url(../images2/proj-map-img.jpg); display:block;}
#proj-sm-wil {width:171px; height:152px; background-image:url(../images2/proj-wil-img.jpg); display:block;}
#proj-sm-ext {width:171px; height:152px; background-image:url(../images2/proj-ext-img.jpg); display:block;}
#proj-sm-hos {width:171px; height:152px; background-image:url(../images2/proj-hos-img.jpg); display:block;}
#proj-sm-log {width:171px; height:152px; background-image:url(../images2/proj-log-img.jpg); display:block;}
#proj-sm-3pv {width:171px; height:152px; background-image:url(../images2/proj-3pv-img.jpg); display:block;}
#proj-sm-shr {width:171px; height:152px; background-image:url(../images2/proj-shr-img.jpg); display:block;}
#proj-sm-sag {width:171px; height:152px; background-image:url(../images2/proj-sag-img.jpg); display:block;}
#proj-sm-day {width:171px; height:152px; background-image:url(../images2/proj-day-img.jpg); display:block;}
#proj-sm-dis {width:171px; height:152px; background-image:url(../images2/proj-dis-img.jpg); display:block;}
#proj-sm-haw {width:171px; height:152px; background-image:url(../images2/proj-haw-img.jpg); display:block;}
#proj-sm-nat {width:171px; height:152px; background-image:url(../images2/proj-nat-img.jpg); display:block;}
#proj-sm-ads {width:171px; height:152px; background-image:url(../images2/proj-ads-img.jpg); display:block;}
#proj-sm-ccc {width:171px; height:152px; background-image:url(../images2/proj-ccc-img.jpg); display:block;}
#proj-sm-tet {width:171px; height:152px; background-image:url(../images2/proj-tet-img.jpg); display:block;}
#proj-sm-hay {width:171px; height:152px; background-image:url(../images2/proj-hay-img.jpg); display:block;}
#proj-sm-alg {width:171px; height:152px; background-image:url(../images2/proj-alg-img.jpg); display:block;}
#proj-sm-owc {width:171px; height:152px; background-image:url(../images2/proj-owc-img.jpg); display:block;}


#thumbstrip-cam, #thumbstrip-mar, #thumbstrip-pab, #thumbstrip-pin, #thumbstrip-col, #thumbstrip-gog {background:url(../images2/thumbstrip.jpg) no-repeat; width:693px; height:98px; position:relative; clear:both; padding-left:40px; padding-top:15px;}


/* RIGHT COL */
#test {float:right; width:250px; height:100px; margin-right:30px;}
#dotkey {width:180px; height:65px; font-size:12px; color:#776C4F; font-style:italic; margin-left:65px; margin-top:32px;}
#test hr {background-image:url(../images2/hr.png); height:5px; width:231px; clear:left; margin-top:7px;}
.contact-column {background-image:url(../images2/contact-column-bg.png); background-repeat:no-repeat; width:245px; height:200px; position:relative;  margin-left:0px;padding-top:65px;} 
.contact-text {width:182px; position:relative; text-align:center; letter-spacing:1px; margin-left:33px; color:#9C8A7A; font-size: 15px; line-height:24px;}
.contact-text a {color:#9C8A7A; text-decoration: none; border-bottom: 1px dashed;}
.contact-text a:hover {text-decoration: none; border-bottom: 0px;}
.contact-text2 {font-size:11px; font-style:italic; color:#776C4F; margin-left:22px; line-height: 14px; width:200px; padding-top:6px; text-align:center;}
a#contactcol-btn {background-image:url(../images2/contactcol-btn.jpg); background-repeat:no-repeat; background-position:center; width:73px; height:30px; display:block; margin: 0 auto; }
a#contactcol-btn span {display:none;}
.contact-column h2 {font-family:'Verdana','Arial'; font-size:17px; font-weight:normal; letter-spacing:1px; margin-bottom:0px; padding-bottom:0px; color:#80664C;}

/* bookmark icons */
#bookmarkme {background-image:url(../images2/bookmarkme.png); width: 120px; height: 16px; margin-top:0px;}
#bookmarklinks {background-image:url(../images2/bookmark-bg.jpg); background-repeat:no-repeat; width: 247px; height: 43px; margin-top:5px; padding-top:10px; padding-left:5px;}
a#delish {float:left; background-image:url(../images2/delish-ico.jpg); background-repeat:no-repeat; width: 21px; height: 25px; padding-right:5px;}
a#delish:hover {background-image:url(../images2/delish-ico-on.jpg);}	
a#mag {float:left; background-image:url(../images2/mag-ico.jpg); background-repeat:no-repeat; width: 21px; height: 25px; padding-right:5px;}
a#mag:hover {background-image:url(../images2/mag-ico-on.jpg);}	
a#tech {float:left; background-image:url(../images2/tech-ico.jpg); background-repeat:no-repeat; width: 21px; height: 25px; padding-right:5px;}
a#tech:hover {background-image:url(../images2/tech-ico-on.jpg);}	
a#stumble {float:left; background-image:url(../images2/stumble-ico.jpg); background-repeat:no-repeat; width: 21px; height: 25px; padding-right:5px;}
a#stumble:hover {background-image:url(../images2/stumble-ico-on.jpg);}
a#digg {float:left; background-image:url(../images2/digg-ico.jpg); background-repeat:no-repeat; width: 21px; height: 25px; padding-right:5px;}
a#digg:hover {background-image:url(../images2/digg-ico-on.jpg);}	
a#news {float:left; background-image:url(../images2/news-ico.jpg); background-repeat:no-repeat; width: 21px; height: 25px; padding-right:5px;}
a#news:hover {background-image:url(../images2/news-ico-on.jpg);}	
a#diigo {float:left; background-image:url(../images2/diigo-ico.jpg); background-repeat:no-repeat; width: 21px; height: 25px; padding-right:5px;}
a#diigo:hover {background-image:url(../images2/diigo-ico-on.jpg);}	
a#mixx {float:left; background-image:url(../images2/mixx-ico.jpg); background-repeat:no-repeat; width: 21px; height: 25px; padding-right:5px;}
a#mixx:hover {background-image:url(../images2/mixx-ico-on.jpg);}	
a#df {float:left; background-image:url(../images2/df-ico.jpg); background-repeat:no-repeat; width: 21px; height: 25px; padding-right:5px;}
a#df:hover {background-image:url(../images2/df-ico-on.jpg);}
a#reddit {float:left; background-image:url(../images2/reddit-ico.jpg); background-repeat:no-repeat; width: 21px; height: 25px; padding-right:5px;}
a#reddit:hover {background-image:url(../images2/reddit-ico-on.jpg);}	

/* for process.asp
--------------------------------------------------------------------*/
#push-right {float:right; width:290px; margin-right:0px; margin-top:-100px; margin-left: 0px; height: 400px;}
.contact-column2 {background-image:url(../images2/contact-column-bg.png); background-repeat:no-repeat; width:245px; height:200px; position:relative; padding-top:55px; margin-top:40px;} 
.contact-column2 h2 {font-family:'Verdana','Arial'; font-size:17px; font-weight:normal; letter-spacing:1px; margin-bottom:0px; padding-bottom:0px; color:#80664C;}