* {
	margin: 0;
}
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -146px auto;
}
.footer, .push {
 	height: 146px;
}


.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.small {font-size: 12px;}
.med {font-size: 14px;}
.lrg {font-size: 16px;}
.emphasis {font-weight: bold;}
.emphasis2	{font-weight: bold; font-style: italic;}
.left {float: left;}
.right {float: right;}
.center {text-align: center;}
.hidden {display: none;}
.fancy {font-style: italic;}
.alt_color {color: #fe7404;}
.text_left {text-align: left;}
body {background: #000; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;}
h1 {font-size: 1.5em; font-weight: normal; padding: 20px 0 10px 30px; color: #fe7404;}
h2 {font-size: 1.05em; font-weight: normal; padding: 20px 0 20px 0; color: #aaa;}
h3 {font-size: .9em; font-weight: normal; padding: 0px 0 10px 10px; color: #fe7404;}
h4 {font-size: .7em; font-weight: normal; padding: 0;}
h5 {font-size: .6em; font-weight: normal; padding: 0;}
h6 {font-size: 12px; padding: 5px 0 0 0; color: #fe7404; margin: 0 0 25px 0;}
p {color: #bbb; width: 90%; text-align: left; font-size: .9em; clear: both;}

ul {padding: 0;}



.wrapper {width: 990px;}
.footer {background: #111111; min-width: 100%; border-top: solid 2px #242424;}
.footer_content div {width: 33%; height: 138px; position: relative; top: 0; left: 0; float: left; text-align: left;}
.footer .footer_content {width: 900px; height: 138px; position: relative; margin: 0 auto;}
.footer ul {list-style-type: none; }
.footer li {padding: 10px 0;}

.footer p {width: 200px; margin: 0 auto; padding: 10px 0; color: #777; text-align: center;}
.footer ul {width: 200px; margin: 0 auto; padding: 0; color: #777;}
.bordered {border-right: dotted 2px #333; border-left: dotted 2px #333;}



.footer img {height: 60px; padding: 5px 0 0 0;}
.footer a.small {font-size: 14px; width: 65px; height: 50px; padding: 5px 5px 0 10px; display: block; float: left;}

.footer a {display: block;}



#header {height: 215px; background: url(images/header.jpg) no-repeat; position: relative; }

#content p {padding: 10px 0 10px 30px;}



a img {border-right: solid 2px #000; border-bottom: solid 2px #000; border-top: solid 1px #000; border-left: solid 1px #000;}
a:hover img {border-right: solid 2px #aaa; border-bottom: solid 2px #aaa; border-top: solid 1px #aaa; border-left: solid 1px #aaa;}
a {color: #fe7404; text-decoration: none;}
a:hover {color: #fff;}

/* navigation */
.nav{
	float: left;
    display:-moz-inline-box;
    display:inline-block;
    overflow:hidden;
    background:url(images/nav_sprite.jpg) no-repeat top left;
    position: relative; left: 0px; top: 169px;
	text-indent: -4000px;
    *text-indent:0px;
    font:0/0 Arial;
	vertical-align:bottom;
    height:46px;
}
#navlink {width: 990px; height: 46px;}
#navlink li {list-style-type: none; float: left;}
#navlink ul {margin: 0; padding: 0;}

.nav_home{width: 82px; background-position: 0px 0px; }
a:hover.nav_home{background-position:0px -46px;}
a:active.nav_home, a:focus.nav_home{outline: none; background-position: 0px 0px;}
.nav_current.nav_home {background-position: 0px -46px;}

.nav_webdev{background-position: -82px 0px; width: 234px;}
a:hover.nav_webdev{background-position:-82px -46px;}
a:active.nav_webdev, a:focus.nav_webdev{outline: none; background-position:-82px 0px;}
.nav_current.nav_webdev{background-position: -82px -46px;}

.nav_logodev{background-position:-316px 0px; width: 170px;}
a:hover.nav_logodev{background-position:-316px -46px;}
a:active.nav_logodev, a:focus.nav_logodev{outline:none; background-position:-316px 0px;}
.nav_current.nav_logodev{background-position: -316px -46px;}

.nav_about{background-position:-486px 0px; width: 136px;}
a:hover.nav_about{background-position:-486px -46px;}
a:active.nav_about, a:focus.nav_about{outline: none; background-position:-486px 0px;}
.nav_current.nav_about{background-position: -486px -46px;} 
 
.nav_contact{background-position:-622px 0px; width: 123px;}
a:hover.nav_contact{background-position:-622px -46px;}
a:active.nav_contact, a:focus.nav_contact{outline: none; background-position:-622px 0px;}
.nav_current.nav_contact{background-position: -622px -46px;}

.nav_portfolio{background-position:-745px 0px; width: 142px;}

a:hover.nav_portfolio{background-position:-745px -46px;}
a:active.nav_portfolio, a:focus.nav_portfolio{outline: none; background-position: -745px 0px;}
.nav_current.nav_portfolio{background-position: -745px -46px;} 

.nav_friends{background-position:-887px 0px; width: 103px;}
a:hover.nav_friends{background-position:-887px -46px;}
a:active.nav_friends, a:focus.nav_friends{outline: none; background-position: -887px 0px;}
.nav_current.nav_friends{background-position: -887px -46px;}  




.nav2{
	float: left;
    display:-moz-inline-box;
    display:inline-block;
    overflow:hidden;
    background:url(images/portfolio_sprite.jpg) no-repeat top left;
    position: relative; left: 130px; top: 50px;
	text-indent: -4000px;
    *text-indent:0px;
    font:0/0 Arial;
	vertical-align:bottom;
    height:221px;
}

#portfolio_link {width: 720px; height: 221px;}
#portfolio_link li {list-style-type: none; float: left;}
#portfolio_link ul {margin: 0; padding: 0;}

.nav_web {width: 241px; background-position: 0px 0px;}
a:hover.nav_web{background-position:0px -221px;}
a:active.nav_web, a:focus.nav_web{outline: none; background-position: 0px 0px;}
.nav_current.nav_web {background-position: 0px -241px;}

.nav_logo {width: 235px; background-position: -241px 0px;}
a:hover.nav_logo{background-position:-241px -221px;}
a:active.nav_logo, a:focus.nav_logo{outline: none; background-position: -241px 0px;}
.nav_current.nav_logo {background-position: -241px -221px;}

.nav_art {width: 244px; background-position: -476px 0px;}
a:hover.nav_art{background-position:-476px -221px;}
a:active.nav_art, a:focus.nav_art{outline: none; background-position: -476px 0px;}
.nav_current.nav_art {background-position: -476px -221px;}



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */


.galleryfilmstrip {
width: 980px;
position: relative; top: 20px;
text-align: center;
}
.galleryfilmstrip li {
display: inline;
list-style-type: none;
}

.gallerycontainer{
position: relative; top: 0px; left: 10px; height: 130px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/

}

.thumbnail img{
border: 1px solid white;
margin: 0 0 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: solid 1px #fe7404;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #1e1e1e;
padding: 5px;
right: 80px;
border: 1px solid #333;
top: -300px;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
border: solid 1px #000; height: 250px;
}

.thumbnail:hover span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
border: solid 1px #000;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -300px;
right: 80px; /*position where enlarged image should offset horizontally */
z-index: 50;

}


.galleryfilmstrip2 {
width: 990px;
position: relative; top: 50px; left: 490px;
text-align: center;
margin: 0 0 100px 0;
}
.galleryfilmstrip2 li {
display: block;
list-style-type: none; width: 475px; height: 100px; 

}

.gallerycontainer2{
position: relative; top: 0; left: 0; width: 990px; 
/*Add a height attribute and set to largest image's height to prevent overlaying*/ height: 100%;
}


.thumbnail2 img{
border: 1px solid white;
margin: 0 5px 5px 0;
display: inline; float: left; 
}

.thumbnail2:hover{
background-color: transparent;
}

.thumbnail2:hover img{
border: solid 1px #fe7404;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #1e1e1e;
padding: 5px;
border: 1px solid #333;
top: 0px;
right: 1020px;
color: black;
text-decoration: none;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
border: solid 1px #000;
display: block;

}

.thumbnail2:hover span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
border: solid 1px #000; display: block;
}

.thumbnail2:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0px;
right: 1020px; /*position where enlarged image should offset horizontally */
z-index: 50; display: block;

}


.full_right #content {width: 500px; margin: 20px 50px 0 0; padding: 0; float: right;}
.full_right #content h1 {width: 500px; margin: 0; padding: 10px 0 10px 0; border-bottom: solid 1px #1e1e1e;}

.full_right .c_left {float: left; width: 390px; margin: 68px 0 0 50px; text-align: center; }
.full_right .c_left img {width: 350px;}
.full_right .c_left h2 {text-align: center; margin: 0; padding: 10px 0 0 0; font-weight: bold;}

.full_right #content .c_right ol {color: #fe7404; font-weight: normal; font-size: 1.05em; margin: 0; line-height: 1; padding: 15px 0 35px 30px; width: 370px; position: relative; left: 23px;}
.full_right #content .c_right ol li {padding: 0px; margin: 0; float: left; width: 110px; text-align: left;}
.full_right #content .c_right {width: 440px; padding: 0 20px 0 20px; margin: 10px 19px 0 0; border-right: solid 1px #1e1e1e;}
.full_right #content .c_right p {width: 400px; }


.full_left .c_right { width: 390px; float: right; padding: 0; margin: 0; position: relative; top: 70px;}

.full_left #content {width: 500px; margin: 20px 0 0 50px; padding: 0; float: left;}
.full_left #content h1 {width: 500px; margin: 0; padding: 10px 0 10px 0; border-bottom: solid 1px #1e1e1e;}

.full_left #content .c_left ol {color: #fe7404; font-weight: normal; font-size: 1.05em; margin: 0; line-height: 1; padding: 15px 0 35px 30px; width: 370px; position: relative; left: 23px;}
.full_left #content .c_left ol li {padding: 0px; margin: 0; float: left; width: 110px; text-align: left;}
.full_left #content .c_left {width: 440px; padding: 0 20px 0 20px; margin: 10px 19px 0 0; border-right: solid 1px #1e1e1e;}
.full_left #content .c_left p {width: 400px; }

/* webdev page */
.full_left .c_right #webdevthumbs img {width: 150px;}
.full_left .c_right ul { list-style-type: none; margin: 0 0 80px 0;}

/* about page */
.full_right.about .c_left img {width: 160px; margin: 0;}
.full_right.about .c_left li {display: inline; float: left; width: 170px; margin: 0; padding: 0;}
.full_right.about .c_left li h6 {font-size: .6em; padding: 0;}



/* home page */
.full_right .c_left img {width: 350px; padding: 0; margin: 30px 0 0 0;} /* border-right: solid 2px #777; border-top: solid 2px #777;  border-bottom: solid 2px #333; border-left: solid 2px #333; */
/* temp */.full_right .c_left a, .full_right .c_left a:hover {border: none;}
.full_right.home .c_left h2 {text-align: left; margin: 20px 0 10px 0;}
.full_right.home .c_left h3 {  font-size: 1.0em; font-weight: normal; text-align: center; width: 100%;  margin: 50px 0 -30px 0; padding: 20px 0 10px 0;}
.full_right.home .c_left {margin: 0 auto; padding: 0; }
.full_right.home .c_left p {width: 100%; text-align: center;}
.full_right.home .c_left p.text_left {text-align: left;}
.full_right.home .c_left .caption {font-size: .7em; width: 340px; padding: 5px 0; margin: 0 auto; text-align: justify;}


/* logo page */
.galleryfilmstrip {position: relative; left: -50px;}

/* web portfolio page */
.full.split #content ul {width: 990px; margin: 0; padding: 0 0 0 60px;}
.full.split #content li {width: 790px; height: 350px; margin: 0; padding: 0; list-style-type: none;}
.full.split #content .right img {width: 300px; height: 242px;   margin: 0 15px 0 0; float: right; top: 60px; position: relative;}
.full.split #content .left p {float: left; text-align: left; position: relative; left: 32px; top: 20px; font-weight: normal; line-height: 1.1; font-family: arial; color: #616161; width: 350px; padding: 0 10px 20px 0; font-size: .9em; border-right: solid 1px #1e1e1e; }
.full.split #content .left h2 {width: 400px; text-align: left; position: relative; top: 10px; font-size: 1.2em;  font-weight: normal; Color: #aaa; border-bottom: solid 1px #1e1e1e;}
.full.split #content .left {width: 400px; margin: 0px 0 0 0; float: right;}
.full.split #content h1 {color: #aaa; text-align: left;}

.full.split #content .right a:hover img {border: solid 1px #1e1e1e; padding: 0 1px 1px 0; }

/* art portfolio page */
.full.art #content ul li {padding: 10px; margin: 30px 0 0 0; text-align: center;}
.full.art #content ul li img {width: 600px;}
.full.art #content ul li p.artPort_caption {width: 600px; padding: 0 0 0 185px;}

/* soli */
.full_left.soli .c_left {background: url(images/sdg_paisley.gif) no-repeat bottom left; min-height: 339px;}
.full_left.soli .c_right img {position: relative; top: -10px;}


/* contact */

.full_left.contact .c_right {height: auto; min-height: 550px; width: 500px;}
.full_left.contact .c_right ul {height: auto; width: 400px; color: #fe7404; list-style-type: none; font-size: 12px; line-height: 1.5; margin: 0; padding: 0; }
.full_left.contact .c_right li {height: 30px;}
.full_left.contact .c_right li.l_form.tallItem {height: 210px;}
.full_left.contact .c_right li input {position: absolute; right: 111px; background: #333; padding: 1px; color: #fff;}
.full_left.contact .c_right li select {position: absolute; right: 111px; background: #333; color: #fff; }
.full_left.contact .c_right li textarea {width: 385px; background: #333; color: #fff;}

.full_left.contact #content {width: 400px;}
.full_left.contact #content h1 {width: 400px;}
.full_left.contact #content .c_left {width: 340px;}
.full_left.contact #content .c_left p {width: 300px;}


.full_left.contact .c_right li #usrPhone, .full_left .c_right li #usrServreq {width: 180px;}
.full_left.contact .c_right li #usrServreq  {width: 184px;}
.full_left.contact .c_right li #SubmitForm {color: #fe7404; }
.full_left.contact .c_right li #SubmitForm:hover {border: solid 2px #888; color: #fff;}
.full_left.contact .c_right form {color: #fff;}

.ValidateMessage {color: #f00;}

.full_left.contact .c_left ul {margin: 20px 0 20px -30px; text-align: center; width: 380px;}
.full_left.contact .c_left ul li { padding: 0 2px 0 2px; height: 65px; display: inline;}
.full_left.contact .c_left ul li img { height: 60px; display: inline;}
.full_left.contact .c_left ul li a { height: 73px;}

.full_left.contact .c_left p {text-align: left; padding: 0; margin: 0; position: relative; left: -38px;}
.full_left.contact .c_left p.icon-images-p img {position: relative; left: -7px;}

.full_left.contact .c_left .address {display: block; color: #bbb; margin: 0 0 30px 0; padding: 0; text-align: left; position: relative; top: -17px; left: 48px; }
.full_left.contact .c_left .address li {display: block; height: 20px; font-size: 15px;}




/* friends page */
.full_left.friends #content p {}
.full_left.friends #content cite {display: block; clear: both; text-align: right; padding: 3px 0 20px 0; font-size: .9em;}

.full_left.friends #content {width: 800px;}
.full_left.friends #content h1 {width: 760px;}
.full_left.friends #content .c_left {width: 700px;}
.full_left.friends #content p {width: 640px;}

.full_left.friends #content h2 {color: #fff; border-bottom: solid 1px #1e1e1e; padding: 0;}
.full_left.friends #content .lesspadding {padding: 5px 0 5px 30px;}
.full_left.friends #content .bottom_div {padding: 10px 0 20px 0;}




/* for SEO */

.full_right.home .faraway {width: 0; height: 0; overflow: hidden;}

/* privacy policy page */
.privacy {color: #fff; font-size: .9em; width: 600px; margin: 30px auto;}
p.center.privacy {font-size: .7em; position: absolute; bottom: 60px; left: 23px;}
p.center.privacy a {color: #333;}


/* adsense campaign */
.adbanner {color: #fff; width:100%; text-align: center; padding: 60px 0 0 0; display: block; clear: both;  overflow: visible; position: absolute; bottom: 50px; left: 0;}


/* contact page */
/*
.full_left.contact #content {width: 350px;}
.full_left.contact #content h1 {width: 350px;}
.full_left.contact #content .c_left {width: 290px;}
.full_left.contact #content .c_left p {width: 290px;}

.full_left.contact .c_right {width: 570px; margin: 0 0 44px 0; padding: 0; posiiton: relative; top: 24px; left: 0px;  }
.full_left.contact .c_right ul {height: auto; background: #1e1e1e; width: 470px; margin: 0; padding; 0; color: #fe7404; list-style-type: none; font-size: 12px; position: relative; top: 43px; left: 20px; border-top: solid 2px #333; border-left: solid 2px #232323; border-bottom: solid 2px #232323; border-right: solid 2px #333;}
.full_left.contact .c_right li {width: 435px; margin: 0; padding: 5px 0 5px 0; text-align: right;}
.full_left.contact .c_right li .emformlb {vertical-align: top; font-weight: jormal; border: solid 0px #000;}
.full_left.contact .c_right li input, .full_left.contact .c_right li textarea {border: solid 2px #333; width: 246px; font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, sans-serif; background: #F0EDDF; color: #000;}
.full_left.contact .c_right li select {width: 174px;  font-weight: bold; font-size: .9em; font-family: Arial, Helvetica, sans-serif; background: #F0EDDF; color: #000;}

.full_left.contact .c_right li  #func {width: 150px; color: #fe7404; font-family: Arial, Helvetica, sans-serif; font-weight: normal;}

.full_left.contact .c_right li #tbPhone {width: 130px;}
.full_left.contact .c_right li textarea {width: 400px;}

.full_left.contact .c_right li input {border-top: solid 2px #111; border-left: solid 2px #222; border-bottom: solid 2px #333; border-right: solid 2px #111;}
.full_left.contact .c_right li textarea {border-top: solid 2px #111; border-left: solid 2px #222; border-bottom: solid 2px #333; border-right: solid 2px #111;}
.full_left.contact .c_right li select {border-top: solid 2px #555; border-left: solid 2px #777; border-bottom: solid 2px #777; border-right: solid 2px #555;}
.full_left.contact .c_right li #func {border-top: solid 2px #555; border-left: solid 2px #777; border-bottom: solid 2px #777; border-right: solid 2px #555; background: #141414;}
.full_left.contact .c_right li #func:hover {border: solid 2px #555;}

#rfvalidator2 {width: 200px; position: relative; bottom: 200px; right: 300px;}
#rfvalidator2 span {display: block; clear: both;}
*/


.like_buttons {
border-top: solid 1px #242424;
margin: 20px 0 20px 30px;
padding-top: 10px;

}

.like_buttons li {display: inline-block; float: left; padding-right: 10px; margin-bottom: 30px;}