/* 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;}
h2 {font-family:'Verdana','Arial'; font-size:17px; font-weight:normal; letter-spacing:1px; margin-bottom:0px; padding-bottom:0px; color:#80664C;}
h3 {text-transform:uppercase; font-weight:normal;}
h4 {}

/* LAYOUT
--------------------------------------------------------------------*/ 
#outer-container {min-height:100%; position:relative;} /* for footer */
#header-bg {position:relative; background:transparent url(../images2/repeat-tear.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-red.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-home-off.jpg) no-repeat; height:46px; width:112px;}
#menu a#portfolio {float:left; background:url(../images2/menu-portfolio-off.jpg); height:46px; width:112px;}
#menu a#about {float:left; background:url(../images2/menu-about-off.jpg); height:46px; width:112px;}
#menu a#contact {float:left; background:url(../images2/menu-contact-off.jpg); height:46px; width:112px;}
#menu a#home:hover {background:url(../images2/menu-home-on.jpg) no-repeat;}
#menu a#portfolio:hover {background:url(../images2/menu-portfolio-on.jpg) no-repeat;}
#menu a#about:hover {background:url(../images2/menu-about-on.jpg) no-repeat;}
#menu a#contact:hover {background:url(../images2/menu-contact-on.jpg) no-repeat;}

/* content */
#header-copy {font-size:15px; color:#CC9984; float:left; padding-left:685px; padding-top:205px; width:560px; line-height:18px;}
#header-copy a {text-decoration: none; border-bottom: 1px dashed; color:#CC9984;}
#header-copy a:hover {text-decoration: none; border-bottom: 1px dashed; color:#B04E48;}

/* 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.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
--------------------------------------------------------------------*/
/* left */
#body-wrap {width:990px; overflow:visible; position:relative; text-align:left; margin-left:49px;}
#body-wrap span {display: none;}
#feat {background-image:url(../images2/recent-proj.png); background-repeat:no-repeat; width: 185px; height: 22px; margin-left:0px; margin-bottom:0px;} /*title*/
#feat1 {background-image:url(../images2/feat1.png); width:305px; height:173px; position:relative;}
#feat2 {background-image:url(../images2/feat2.png); width:316px; height:173px; margin-left:301px; position:relative;}

#feat1-txt {width:300px; padding-bottom:10px; padding-left:5px; margin-top:-116px; font-size: 12px;}
#feat2-txt {width:300px; padding-bottom:10px; margin-left:320px; font-size: 12px;}

.feat-title {position:relative; color:#594D42; font-size:11px; letter-spacing:3px; padding-bottom:5px;}
.feat-title a {text-decoration: none; border-bottom: 1px dashed;}
.feat-title a:hover {text-decoration: none; border-bottom: 0px} 
.feat-txt-i {color:#9C8A7A; font-style:italic; letter-spacing:1px; padding-top:-10px;}
.feat-txt-i a {color:#9C8A7A; text-decoration: none; border-bottom: 1px dashed;}
.feat-txt-i a:hover {text-decoration: none; border-bottom: 0px} 
.feat-txt-norm {color:#9C8A7A; letter-spacing:1px; padding-top:5px;}

a#view-proj-btn {float:left; background:url(../images2/view-proj-btn.jpg) top left no-repeat; width:611px; height:43px;}
a#view-proj-btn:hover {background:url(../images2/view-proj-btn-on.jpg) no-repeat;}
a#view-proj-btn span {display:none;}

/* right */
#divider {float:right; background-image:url(../images2/divider.png); width:14px; height:637px; margin-top: -550px; margin-right: 340px; clear:right;}
#right-wrap {float:right; margin-top:-640px; margin-right: -285px; width:300px;}
#tm {background-image:url(../images2/tm6.png); width:293px; height:283px; margin-left:30px; background-repeat: no-repeat;}

.contact-column {background-image:url(../images2/contact-column-bg.png); background-repeat:no-repeat; width:245px; height:200px; position:relative;  margin-left:60px;padding-top:55px; margin-top:-25px;} 
.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: 15px; 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;}
#contct {width:243px; margin-left:60px;}


a#linkedin {background-image:url(../images2/linkedin-ico.jpg); background-repeat:no-repeat; width: 100px; height: 25px; padding-left: 25px; text-decoration: underline; border-bottom: 0px; font-style:italic; font-size:11px; padding-bottom:8px; padding-top:2px;color:#9C8A7A; letter-spacing:1px;}
a#linkedin:hover {text-decoration: none; background-image:url(../images2/linkedin-ico-on.jpg)}
.space {margin-top: 1px;}
a#skype {background-image:url(../images2/skype-ico.jpg); background-repeat:no-repeat; width: 100px; height: 25px; padding-left: 25px; text-decoration: underline; border-bottom: 0px; font-style:italic; font-size:11px; padding-bottom:8px; padding-top:2px;color:#9C8A7A; letter-spacing:1px;}
a#skype:hover {text-decoration: none; background-image:url(../images2/skype-ico-on.jpg)}

/* bookmark icons */
#bookmarkme {background-image:url(../images2/bookmarkme.png); width: 120px; height: 16px; margin-top:10px;}
#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);}	

/* CAROUSEL
--------------------------------------------------------------------*/
.slide {background-image:url(../images2/slide-bg.png); background-repeat:no-repeat; width:690px; height:345px; margin-top:20px; margin-left:-33px; padding-top:45px; padding-left:50px; margin-bottom:-65px;}

.jCarouselLite {position: relative; width: 572px; height: 264px;}
.jCarouselLite ul {	width: 572px;	height: 264px;}

.jCarouselLite ul li {	width: 572px;	height: 264px;	display: block;}

.prev_button {	position: absolute;	margin-top:115px;	margin-left:-35px;	z-index: 999; width: 31px;	height: 34px;	background-image: url('../images2/left-button.jpg');	cursor: pointer;}

.next_button {	position: absolute;	z-index: 999;	margin-left:577px;	margin-top:115px;	width: 32px;	height: 34px;	background-image: url('../images2/right-button.jpg');	cursor: pointer;}
.preview {	position: relative;}
.about {	position: absolute;	bottom: 0px;	width: 816px;	padding: 5px 5px;	background-color: #140700;	color: #d9b984;	display: none;	font-size: 11px;	opacity: .70;}

.about_title {	text-transform: uppercase;}

/* 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;}