footer/*----------------------body, main content----------------------*/
body, html{
	padding:0;
	margin:0;
}

#main{
	background:rgb(192, 190, 186) url('/images/main/bg.gif') repeat-x;
}
#wrapper{
	background: rgb(192, 190, 186);
	background:rgb(192, 190, 186) url('/images/main/bg.gif') repeat-x;
	
}
@font-face {
	font-family: nevis;
	src: url('fonts/nevis.ttf');
}


/*----------------------p, h1-h4----------------------*/
h1, h2, h3, h4{
	font-family: nevis, Helvetica, sans-serif;
}
h1{
	font-size:50px;

}
h3{
	color:#aed9b2;
	text-transform:uppercase;
}
h4{
	margin-top:8px;
	color:rgb(105, 167, 179);
	
}

p{
	font-family: georgia, times, serif;
	font-size:1.2em;
	color:rgb(30, 30, 30);
}
p a{
	color:#cdcaa9;
	text-decoration:none;
}
p a:hover{
	color:#fefdf8;
	text-decoration:underline;	
}

a.readMore{
	font-size:60%;
	text-transform:uppercase;
}
span.strong{
	font-weight:bold;
}

/*----------------------navigation----------------------*/
#header{
	position:relative;
	margin:0 auto;
	width:100%;
	padding:5px 0;
	background:#fff;
	opacity:.9;
	height: 40px;
}
#menu{
	margin:5px auto;
	width:900px;
}
#logo, #logo{ /*after some thinking, I changed all the logo tag in internal pages to h4, the main content of the page becomes h1. */
	display:block;
	position:absolute;
}
#logo a, #logo a{
	overflow:hidden;
	background:url('/images/main/boriskan.png') no-repeat;
	background-position:0px -24px;
	width:241px;
	height:24px;
	margin:-7px 0 0;
	text-indent:-2000px;
	display:block;
}
#logo a:hover, #logo a:hover{
	background-position:0px 0px;

}
h4#logo a{
	margin:-14px 0 0;
}

#navigation{
	margin:15px 0 0 390px;
	list-style:none;
	width:520px;
	position:relative;
}
#navigation li{
	float:left;
	display:inline-block;
}

#navigation li a, #navigation li a:hover{
	overflow:hidden;
	position:absolute;
	text-indent:-9000px;
	text-decoration:none;

}
#aboutBoris a,
#work a,
#notWork a,
#entries a,
#caseStudies a,
#contact a{
	background:url('/images/main/navigation.png') no-repeat;

}
#aboutBoris a{
	background-position:0 0;
	width:111px;
	height:12px;
}
#work a{
	background-position:-135px 0;
	width:48px;
	height:12px;
	left:145px;
}
#notWork a{
	background-position:-206px 0;
	width:86px;
	height:12px;
	left:226px;
}
#entries a{
	background-position:-534px 0 ;
	width:67px;
	height:12px;
	left:347px;

}

#contact a{
	background-position:-451px 0;
	width:73px;
	height:12px;
	left:445px;
}

#caseStudies a{
	background-position:-314px 0 ;
	width:118px;
	height:12px;
	left:347px;

}
#aboutBoris a:hover, #aboutBoris .selected{
	background-position:0 -16px;
}
#work a:hover, a.selected{
	background-position:-135px -16px;
}
#notWork a:hover, #notWork .selected{
	background-position:-206px -16px;
}
#entries a:hover{
	background-position:-534px -16px;
}
#contact a:hover{
	background-position:-451px -16px;
}
#caseStudies a:hover{
	background-position:-314px -16px;
}


/*----------------------content----------------------*/

#content{
	background-color:rgb(17,17,17);
	width:100%;
	margin-top:25px;
}
#main-content{
	width:905px;
	margin:0 auto;
	position:relative;
}
#main-content h3{
	padding-bottom:5px;
	margin-bottom:15px;
	width:65%;
	color:#efefef;
	font-size: .9em;
}
/*----------------------content----------------------*/

#recentProject{
	margin-top:0;
	vertical-align:top;
	width:275px;
	height: 170px;
	padding:10px;
	border-left:1px solid #222;
	border-right:1px solid #222;
	display:inline-block;
}
#about-content{
	margin-top:0;
	vertical-align:top;
	padding:10px;
	width:270px;
	height: 170px;
	display:inline-block;
	border-right:1px solid #222;
}
#about-content>p{
	color:#888 !important;
}
#photoShoot{
	margin-top:0;
	vertical-align:top;
	width:279px;
	min-height:280px;
	padding:10px;
	display:inline-block;
}
/*----------------------tweet----------------------*/

#myTweet{
	width:570px;
	padding:10px;
	display:block;
	border-top:1px solid #222;
	border-left:1px solid #222;
	border-right:1px solid #222;
	margin-top:-111px;
}

.tweet{
	font-family: Georgia, serif;
	font-size: 120%;
	color: #085258;  
	padding:5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: .5px;
	background-color: #8ADEE2;
}
.tweet span.point{
	width: 0;
	height: 0;
	position: absolute;
	top: 1.1em;
	left: 0.4em;
	display: block;
	border-left: 0.45em solid #00F; 
	border-bottom: 0.45em solid #FFF; /* IE fix */
	border-bottom: 0.45em solid rgba(0,0,0,0); 
	overflow: hidden; /* IE fix */
 }
.tweet a{
	color:#333;
}



/*----------------------footer----------------------*/

#footer{
	width:100%;
	line-height:0;
	padding:4px 0;
	background-color:#222;
}

p#copyright{
	width:900px;
	font-size:80%;
	font-family: nevis, Helvetica, sans-serif;
	margin:10px auto;
}
p#validation{
	display:inline-block;
	text-align:right;
}

/*----------------------feature----------------------*/
#feature{
	margin:10px auto 10px;
	width:900px;
	min-height:350px;
	
}
#feature>h2{
	font-size:60px;
	width:37%;
	color:#fff;
	margin-top:100px;
	display:inline-block;

}
#feature p{
	font-size:16px;
	line-height:20px;
}
.middleman{
	display:inline-block;
	

}

/*----------------------wrap----------------------*/

.wrap {
/*	background:rgb(255,25,25) url('/images/main/february.png')no-repeat 50% 50%;
    border: 0px solid #456;
    padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.8);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.8);
	box-shadow: 0 1px 3px rgba(0,0,0,.8);	
*/
}

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

.box {
    font-size: 11px;
    float: left;
    color: rgb(238, 238, 238);
    margin: 5px;
    padding: 5px;
    background: rgba(70, 70, 70, .8);
	border:1px solid rgb(97, 93, 86);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	-webkit-box-shadow: 0 1px 10px rgba(0,0,0,.8);
	-moz-box-shadow: 0 1px 10px rgba(0,0,0,.8);
	box-shadow: 0 1px 10px rgba(0,0,0,.8);	
}
.box a{
    text-shadow: 1px 1px #333, 2px 2px #333, 3px 3px #333, 4px 4px #333, 5px 5px #333, 6px 6px #333;
    top: -3px;
    left: -3px;

}
.box a:hover,
.box a:visited,
.box a:link{
    text-shadow: 1px 1px #333, 2px 2px #333, 3px 3px #333;
}

.col1, .col2, .col3, .col4{

	background: rgba(127, 127, 127, .7);

}
.col1 { 
	width: 78px; 
}
.col2 { 
	width: 178px; 
}
.col3 { 
	width: 278px; 
}
.col4 { 
	width: 378px; 
}
.col5 { 
	width: 478px; 
}

.col1 img { max-width: 80px; }
.col2 img { max-width: 180px; }
.col3 img { max-width: 280px; }
.col4 img { max-width: 380px; }
.col5 img { max-width: 480px; }

.col2 img, .col3 img, .col4 img, .col5 img{
	padding-bottom:10px;
	border-bottom:1px dashed rgb(240, 240, 240);
}



/*----------------------pageContainer----------------------*/
/*		jQuery Masonry by  David DeSandro @ http://desandro.com */

#pageContainer {
    overflow: auto;
	font-family: nevis, Helvetica, sans-serif;
}

#pageContainer a{
	text-decoration:none;
}
.container {
    width: 70%;
    min-width:420px;
	margin:20px auto;
}

.box h5 {
	float: left;
    clear:right;
    display:block;
    width:100%;
    margin-bottom: 0;
    margin-right: 4px;
    font-weight: bold;
	font-family: nevis, Helvetica, sans-serif;
}
.box p{
	font-family: nevis, Helvetica, sans-serif;
}
#hi{
	font-size:12em;
	line-height:1em;
	color: rgb(255, 255, 255);
    text-shadow: 1px 1px #222, 2px 2px #222, 3px 3px #222;
}

#thisIs{
	font-size:3em;
	color: rgb(255, 255, 255);
    text-shadow: 1px 1px rgb(34, 34, 34), 2px 2px rgb(34, 34, 34), 3px 3px rgb(34, 34, 34);
}
#myName{
	font-size:7em;
	line-height:1em;
    text-shadow: 1px 1px rgb(34, 34, 34), 2px 2px rgb(34, 34, 34), 3px 3px rgb(34, 34, 34);
    -webkit-transition: all 0.13s ease-out;
    -moz-transition: all 0.13s ease-out;
}
#myName a:hover{
	color:#69b0a5;
    text-shadow: 1px 1px rgb(34, 34, 34), 2px 2px rgb(34, 34, 34), 3px 3px rgb(34, 34, 34); 4px 4px rgb(34, 34, 34); 5px 5px rgb(34, 34, 34);
    -webkit-transition: all 0.13s ease-out;
    -moz-transition: all 0.13s ease-out;}
.textUse{
	font-size:3em;
	color: rgb(255, 255, 255);
    text-shadow: 1px -1px #222, 2px -2px #222;
}
.titleUse{
	font-size:1.8em;
	margin-bottom:.5em;
	color: rgb(255, 255, 255);
    text-shadow: 1px -1px #222, 2px -2px #222;
}
.titleText{
	font-size:2em;
	text-transform:uppercase;
	margin-bottom:.5em;
	color: rgb(86, 255,82);
}
#webDesigner{
	line-height:1em;
	font-size:3.5em;
    text-shadow: 1px 1px rgb(34, 34, 34), 2px 2px rgb(34, 34, 34), 3px 3px rgb(34, 34, 34);
    -webkit-transition: all 0.13s ease-out;
    -moz-transition: all 0.13s ease-out;
}
#webDesigner a:hover{
	color:#f576a6;
    text-shadow: 1px 1px rgb(34, 34, 34), 2px 2px rgb(34, 34, 34), 3px 3px rgb(34, 34, 34); 4px 4px rgb(34, 34, 34); 5px 5px rgb(34, 34, 34);
    -webkit-transition: all 0.13s ease-out;
    -moz-transition: all 0.13s ease-out;}
#frontEndDeveloper{
	padding-top:.3em;
	font-size:3.2em;
	line-height:1em;
    text-shadow: 1px 1px rgb(34, 34, 34), 2px 2px rgb(34, 34, 34), 3px 3px rgb(34, 34, 34);
    -webkit-transition: all 0.13s ease-out;
    -moz-transition: all 0.13s ease-out;
}
#frontEndDeveloper a:hover{
	color:#3da44d;
    text-shadow: 1px 1px rgb(34, 34, 34), 2px 2px rgb(34, 34, 34), 3px 3px rgb(34, 34, 34); 4px 4px rgb(34, 34, 34); 5px 5px rgb(34, 34, 34);
    -webkit-transition: all 0.13s ease-out;
    -moz-transition: all 0.13s ease-out;}
#illustrator{
	font-size:5em;
    text-shadow: 1px 1px rgb(34, 34, 34), 2px 2px rgb(34, 34, 34), 3px 3px rgb(34, 34, 34);
    -webkit-transition: all 0.13s ease-out;
    -moz-transition: all 0.13s ease-out;
}
#illustrator a:hover{
	color:#97efa4;
    text-shadow: 1px 1px rgb(34, 34, 34), 2px 2px rgb(34, 34, 34), 3px 3px rgb(34, 34, 34); 4px 4px rgb(34, 34, 34); 5px 5px rgb(34, 34, 34);
    -webkit-transition: all 0.13s ease-out;
    -moz-transition: all 0.13s ease-out;}

#myName a, #webDesigner a, #frontEndDeveloper a, #illustrator a, #aGoodFriend a{
	color:#4cecff;
}

#aGoodFriend{
	line-height:1.1em;
	font-size:2.7em;
    text-shadow: 1px 1px rgb(34, 34, 34), 2px 2px rgb(34, 34, 34), 3px 3px rgb(34, 34, 34);
    -webkit-transition: all 0.13s ease-out;
    -moz-transition: all 0.13s ease-out;

}
#aGoodFriend a:hover{
	color:#67abdf;
    text-shadow: 1px 1px rgb(34, 34, 34), 2px 2px rgb(34, 34, 34), 3px 3px rgb(34, 34, 34); 4px 4px rgb(34, 34, 34); 5px 5px rgb(34, 34, 34);}
}

p.coffee{
	font-family: nevis, Helvetica, sans-serif;
	color:rgb(255, 255, 255);
	font-size:1.5em;	
}
p.forSafety{
	font-family: nevis, Helvetica, sans-serif;
	text-transform:uppercase;
	color:rgb(255, 222, 222);
	border:1px dashed rgb(255, 222, 222);
	padding:3px;
	font-size:90%;
}

/*----------------------About/profile----------------------*/

#profile{
	width:58%;
	
	display:inline-block;
	margin-right:1%;
    background:rgba(240, 240, 240, .6);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.8);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.8);
	box-shadow: 0 1px 3px rgba(0,0,0,.8);		
    padding: 10px;
}
#selfImg{
	float:right;
	line-height:0;
	margin:10px 0;
	padding-right:5px;
}

#profile h2{
/*	background:url('/images/main/h2About.png') no-repeat;
*/	display:none;
	clear:both;
	width:402px;
	height:125px;
	text-indent:-9000px;
	overflow:hidden;
	margin:10px 0;
}
#profile p{
	padding:5px;
	font-size:16px;
	line-height:22px;
	margin-bottom:10px;
    color: rgb(30, 30, 30);
}
#profile>p a{
   color: rgb(100, 100, 100);

}
/*----------------------side(Resume)----------------------*/
.side{
	width:36%;
	display:inline-block;
	vertical-align:top;
	margin-bottom:50px;
	color:rgb(30, 30, 30);
}

span.place{
	font-family: nevis, Helvetica, sans-serif;
	color:#5C72A8;
	font-size:110%;
}

#resumePaper{
	font-family: nevis, Helvetica, sans-serif;
	position:relative;
	width:250px;
	margin:20px auto;
	padding:3%;
	text-align:center;
	border-radius:3px;
	background-color:rgb(17,17,17);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.8);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.8);
	box-shadow: 0 1px 3px rgba(0,0,0,.8);	
}
#resumePaper a{
	color:rgb(250,250,250);
}
#resumePaper a:hover{
	color:rgb(255,255,255);
}
.fader {
  opacity: 0;
  -moz-opacity: 0;
  filter:alpha(opacity=0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
    background:rgba(240, 240, 240, .6);
}

#side1 {
	width:36%;
	display:inline-block;
	vertical-align:top;
	margin-bottom:50px;
	color:rgb(30, 30, 30);

}

#side1 ul {
	list-style: none;
	margin: 0;
	padding: 5px;
	display: block;
	height: 30px;
	background:rgba(240, 240, 240, .6);
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;  
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
}

#side1 li {
	float: left;
	font-family: nevis, Helvetica, sans-serif;
	font-size:.8em;
}

#side1 li a {
  outline: 0;
  display: block;
  background: #DFDFDF;
  color: #666;
  text-decoration: none;
  padding: 1px 5px;
  margin: 5px;
  border: 1px solid #DFDFDF;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#side1 li a:hover {
  border: 1px solid #D1D1D1;
  background: #D1D1D1;
  color: #000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#side1 li a.selected {
  background: #AFAFAF;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px inset #fff;
  color: #fff;
}

#side1 .panels {
	border: 1px solid #DFDFDF;
	border-top: 0;
    background:rgba(240, 240, 240, .6);
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	overflow: hidden;
}

#side1 .panelsInner {
  overflow: hidden;
}

#side1 .panel {
	padding: 10px;
	font-size:95%;
	color:rgb(10, 10, 10);	
}
#side1 .panel a{
	font-size:90%;
	color:rgb(92, 114, 168);
	text-decoration:none;
}
#side1 .panel a:hover{
	text-decoration:underline;

}
span.employDate{
	color:rgb(92, 114, 168);
}

/*----------------------testimonal----------------------*/
#testimonal {
	width: 890px;
	margin:10px auto 30px;
	color:rgb(239, 239, 239);
	position: relative;
}
span.workTestimonal{
	color:rgb(239, 29, 34);
    text-shadow: 1px 1px #222, 2px 2px #222, 3px 3px #222;
}
a.footnote {
	color:#222;
	font-size: 50%;
	vertical-align: super;
}
.footnotepopup-popup {
	position: absolute;
	width:50%;
	font-size:30%;
	padding: 5px;
	left: 30px;
	right: 0;
	color: #333;
	opacity:.9;
	background:#fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	z-index:50;
}

#testimonal ul li{
	display:none;
	visibility:none;
}
/*----------------------work details----------------------*/

#workDescription{
	margin:10px auto 10px;
	width:900px;
	min-height:350px;
	position:relative;
}

#workDescription h1{
	margin:20px 0;
	font-size:40px;
	font-weight:bold;
	color:rgb(255, 255, 255);
	border-bottom:1px dashed #222222;
}
p.workNavigation{
	margin-left:690px;
}
#workDescription a.prev, #workDescription a.next{
	font-family: nevis, Helvetica, sans-serif; 
	font-size:120%;
	display:inline-block;
	margin:10px 0;
	color:rgb(255, 255, 255);
}
#workDescription a.workIcon{
	background:url('/images/main/work_icon.png');
	text-indent:-9000px;
	text-decoration:none;
	overflow:hidden;
	display:inline-block;
	width:16px;
	height:15px;
	margin:0 10px;
}


#workDescription .prev a:hover, #workDescription .next a:hover{
	color:rgb(119, 190, 235);
}
#workDescription>img{
	display:inline-block;
	border:3px solid #ffffff;
	margin-right:25px;

	vertical-align:top;
}

#workDescription>img:hover{
	border:3px solid #666666;
}

#workDescription h2{
	font-size:32px;
	color:#98d8df;
	margin-bottom:15px;
}
.tabsImage{
	display:inline-block;
	width:420px;
	margin-right:20px;
}
#description{
	display:inline-block;
	width:410px;
	padding:5px;
	background-color: #d7d9db;
	vertical-align:top;
	font-family: georgia, times, serif;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 0 1px 10px rgba(0,0,0,.8);
	-moz-box-shadow: 0 1px 10px rgba(0,0,0,.8);
	box-shadow: 0 1px 10px rgba(0,0,0,.8);	
}

#description p{
	color:#181c18;
	margin-bottom:15px;
}
/*----tabImageNavigation----*/

ul.tabImageNavigation{
	display:block;
	margin-bottom:20px;
}
ul.tabImageNavigation li{
	display:inline-block;
	vertical-align:top;
}
ul.tabImageNavigation li a{
	font-family: nevis, Helvetica, sans-serif;
	display:inline-block;
	margin-right:4px;
	width:130px;
	background:rgb(255, 255, 255);
	border:1px solid rgb(255, 255, 255);
	text-decoration:none;
}
ul.tabImageNavigation li a:hover{
	border:1px solid #679be2;
}
/*----tabNavigation----*/

ul.tabNavigation{
	display:block;
	margin-bottom:20px;
}
ul.tabNavigation li{
	display:inline-block;
	margin-right:5px;
	padding:5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
ul.tabNavigation li a{
	color:rgb(255, 255, 255);
	padding:5px;
	background-color:rgb(119, 190, 235);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-decoration:none;
}
ul.tabNavigation li a.selected{
	color:rgb(70, 70, 70);
}
ul.tabNavigation li a:hover, a#liveLink:hover{
	color:rgb(70, 70, 70);
}
ul.tabNavigation li div{
	margin-bottom:10px;
}
a#liveLink{
	color:rgb(74, 65, 73);
	margin:10px auto;
	display:block;
}
.error{
margin:10px auto;
display:block;
}

/*----------------------entries----------------------*/
ul#entryListing{
	display:block;
	width:800px;
	margin:0 auto;
}
#entryListing li{
	margin-bottom:10px;
	box-shadow: 2px 2px 5px #222;
	-moz-box-shadow: 2px 2px 5px #222;
	-webkit-box-shadow: 2px 2px 5px #222;
}
#entryListing li a{
	display:block;
	width:800px;
	padding:10px;
	margin:0 auto;
	background:#fff;
}
#entryListing li a:hover{
	background-color: #e4f5f4;
}

#entryListing img{
	display:inline-block;
	margin-right:20px;
}
#entryListing div{
	display:inline-block;
	width:430px;
	vertical-align:top;
	margin-top:0;

}
#entryListing h3{
	font-size:2.8em;
}
#entryListing p{
	color:#333;
	font-size:1em;
}
#entrySection{
	margin:10px auto 10px;
	width:900px;
	min-height:500px;
	position:relative;
}

/*
#entryText{
	-moz-column-count: 3;
	-moz-column-gap: 1em;
    -moz-column-rule: 1px solid black;
	-webkit-column-count: 3;
    -webkit-column-gap: 3em;
    -webkit-column-rule: 1px solid black;

}
#entryText h2{
	font-size:130%;
	margin-top:20px;
}

#entryText p{
	color:#f2f2f2;
	margin-top:20px;
	-moz-column-count:3;
	-moz-column-column-width:295px;
	-webkit-column-count:3;
	-webkit-column-column-width:295px;
}
*/
/*----------------------work----------------------*/

#project{

	margin:10px auto 10px;
	width:100%;
	position:relative;
	display:block;
}
#project h1{
	width:900px;
	margin:10px auto 10px;

}
#project ul{
	display:block;	
	margin:10px auto 10px;
	width:960px;
	
}

#project li{
	border: 5px solid #444;
	display: inline-block;
	margin:20px;
	position:relative;
	box-shadow: 2px 2px 5px #222;
	-moz-box-shadow: 2px 2px 5px #222;
	-webkit-box-shadow: 2px 2px 5px #222;
}
#project li a{
	display: inline-block;
	padding:10px;
	background:#fff;
	text-decoration:none;
	position:relative;
}

#project li a:hover{
	border-color:#888;
	background-color: #e4f5f4;
	text-decoration:none;
}

#project h3{
	color:#333;
	margin:10px 0 5px;
	border-bottom:1px dashed #222;
}
}
#project p{
	color:#222;
}

.projectType, .supplies{
	font-family: nevis, Helvetica, sans-serif;
	font-size:80%;
	color:rgb(105, 167, 179);
}

span.projectType{
	margin-right:5px;
}
span.supplies{
	margin-right:35px;

}

/*----------------------not Work----------------------*/
#slideBox {
	width: 1100px;
	margin: 15px auto;
	padding: 50px;
}

/* slider specific CSS */
.sliderGallery, .slider, .handle{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.8);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.8);
	box-shadow: 0 1px 3px rgba(0,0,0,.8);		

}

.sliderGallery {
	background: rgba(127, 127, 127, .7);
	overflow: hidden;
	position: relative;
	padding: 10px;
	height: 720px;
	width: 1100px;
	margin:0 auto;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.slider {
	width: 1085px;
	height: 21px;
	margin: 10px 5px;
	padding: 2px;
	position: relative;
	background: rgba(50, 50, 50, .9);
}

.handle {
	position: absolute;
	cursor: move;
	height: 19px;
	padding: 2px;
	width: 180px;
	top: 1px;
	background: rgba(255, 25, 25, .9);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.1, rgb(117, 117, 117)), color-stop(1.0, rgb(83, 83, 83)));
	z-index: 100;
}

.slider span {
	color: #bbb;
	font-size:101%;
	cursor: pointer;
	font-family: nevis, Helvetica, sans-serif;
	position: absolute;
	z-index: 110;
	top: 3px;
}

.slider .slider-lbl1 {
	left: 50px;
}

.slider .slider-lbl2 {
	left: 620px;
}

.slider .slider-lbl3 {
	left: 800px;
}


.sliderGallery ul {
	position: absolute;
	list-style: none;
	overflow: none;
	white-space: nowrap;
	padding: 0 20px;
	margin-top: 10px;
}
.sliderGallery>ul lili:first-child{
	margin-left:40px;
}

.sliderGallery>ul li {
	display: inline-block;
	width: 340px;
	height: 770px;
	margin-top:0;
	vertical-align:top;
	position:relative;
	white-space: normal;
}
.sliderGallery>ul li p{
	color:rgb(30,30,30);
	display:block;
	font-size:85%;
	width:300px;

}




/*----------------------contact----------------------*/

div#contact-wrapper {
	width:900px;
	margin:10px auto 10px;
	padding:10px;
}
form#contactform{
	display:inline-block;
	width:53%;
	margin:1% 1% 0 0;
	padding:2%;
    background:rgba(240, 240, 240, .5);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.8);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.8);
	box-shadow: 0 1px 3px rgba(0,0,0,.8);		
}
#contact-wrapper div {
	clear:right;
	margin:.5em 0;
}
#contactInfo{
	vertical-align:top;
	display:inline-block;
    color: rgb(30, 30, 30);
    background:rgba(240, 240, 240, .5);
	width:39%;
	line-height:1.5em;
	margin-top:-12px;
	padding:1%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.8);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.8);
	box-shadow: 0 1px 3px rgba(0,0,0,.8);		
}

#contactInfo h2{
	font-size:2em;
	margin-bottom:10px;
}
#contactInfo p{
	font-size:16px;
    color: rgb(30, 30, 30);

}
#contactInfo>p a{
    color: rgb(100, 100, 100);

}
#contact-wrapper label {
	display:block;
	float:none;
	font-size:16px;
	color:#333;
	width:auto;
}
form#contactform input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	font-size:16px;
	color:#333;
}
form#contactform textarea {
	font-family:nevis, 'helvetica', sans-serif;
	font-size:100%;
	width:80%;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
}
/*------------------------comments------------------------*/

.js-kit-comments{
	border-top:1px dashed rgb(70, 70, 70);
	width:70%;
	padding-top:10px;
	display:block;
	margin:10px auto;
}

/*----------------------not work OG----------------------*/

div#selfProject{
	display: block;
	margin: 10px auto ;
	width: 100%;
	position: relative;
}

div#selfProject h1{
	width: 900px;
	margin: 10px auto 10px;

}