@charset "UTF-8";
/* CSS document for www.stipinovich.com */

a img { 
    border: none; 
}


body {
	font-family: Verdana, Geneva, sans-serif;
	font-style:normal;
	font-size: 14px;
	color: #000;
}

#header {
	width: 100%;
	height: 85px;
	margin-bottom: 12px;
	padding-top: 12px;
	padding-bottom: 10px;
	background-color: #fff;
}

#header_box {
	width: 980px;
	height: auto;
	padding-right: 15px;
	margin: 0 auto;
}

#logo {
	width: 300px;
	padding-left: 15px;
	padding-right: 15px;
	height: auto;
}

#page_title {
	width: 400px;
	float: right;
	height: auto;
}

#wrapper {
	width: 100%;
	height: 700px;
	padding-top: 0px;
}

#wrapper_bottom {
	width: 100%;
	height: 50px;
}

#main {
	width: 980px;
	height: auto;
	padding-right: 15px;
	margin: 0 auto;
}

#line_holder {
	width: 964px;
	height: auto;
	padding-left: 16px;
}

#menu_holder {
	float: left;
	width: 280px;
	height: 606px;
}




h2.slideInfo {normal font:14px/16px Arial, Helvetica, sans-serif; color: #000; font-style:normal}
h2.slideInfo span {padding:0 80px;}

.slideHolder {
	height:600px;
	width:278px;
	font-family: Arial, Helvetica, sans-serif;
	font-style:normal;
	float:left;
	margin-left: 2px;

}

.slideOuter {
	height:700px;
	width:250px;
	overflow:hidden;
	margin:0;
}
.slideOuter .slide {
	padding:0;
	margin:0;
	list-style:none;
	height:800px;
	width:250px;
	overflow:hidden;
}
.slideOuter .slide li {display: block; float:left; height:98px; width:250px; overflow:hidden;
-webkit-transition: 0.75s;
-moz-transition: 0.75s;
-o-transition: 0.75s;
transition: 0.75s;
}

.slideOuter .slide li.p5 {height:475px;}
.slideOuter .slide.current li {height:43px;}
.slideOuter .slide.current li.current1 {height:120px;}
.slideOuter .slide.current li.current2 {height:475px;}
.slideOuter .slide.current li.current3 {height:200px;}
.slideOuter .slide.current li.current4 {height:200px;}
.slideOuter .slide.current li.p5 {height:475px;}

.slideOuter .slide li.p1 {background-color:#FFF}
.slideOuter .slide li.p2 {background-color:#FFF}
.slideOuter .slide li.p3 {background-color:#FFF}
.slideOuter .slide li.p4 {background-color:#FFF}
.slideOuter .slide li.p5 {background-color:#FFF}

.slideOuter .slide:hover li.p1, 
.slideOuter .slide:hover li.p2, 
.slideOuter .slide:hover li.p3,
.slideOuter .slide:hover li.p4 {height:43px; text-decoration: none;}

.slideOuter .slide:hover li.p1:hover {height:120px; text-decoration: none;}
.slideOuter .slide:hover li.p2:hover {height:475px;}
.slideOuter .slide:hover li.p3:hover {height:200px;}
.slideOuter .slide:hover li.p4:hover {height:200px;}

.slideOuter .slide li h1 {padding:0 15px; margin:0; font-size:14px; line-height:43px; font-style:normal;}
.slideOuter .slide li {color:#000;}
.slideOuter .slide li.p2 h1 {color:#000;}
.slideOuter .slide li.p3 h1 {color:#000;}
.slideOuter .slide li.p4 h1 {color:#000;}
.slideOuter .slide li.p5 h1 {color:#000;}

.slideOuter .slide li p {padding:0 5px 20px 15px; margin:0; font-size:14px; line-height:17px;}
.slideOuter .slide li a {display:block; color: #000; padding:0 15px; margin:0; font-size:14px; line-height:25px; width:330px; font-style:normal;}
.slideOuter .slide li a:hover {text-decoration: none;}

/* -------- END of the MAIN slide down menu css --------- */

/* -------- BEGINNING of the "Projects" slide down menu, with thumbnails --------- */

h2.slideInfo {normal font:14px/16px Arial, Helvetica, sans-serif; color: #000;  font-style:normal; text-decoration: none;}
h2.slideInfo span {padding:0 80px;}

.slideHolder2 {
	height:415px;
	width:250px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	float:left;
}

.slideOuter2 {
	height:415px;
	width:250px;
	overflow:hidden;
	margin:0;
}

.slideOuter2 .slide2 {
	padding:0;
	margin:0;
	list-style:none;
	height:415px;
	width:250px;
	overflow:hidden;
}

.slideOuter2 .slide2 li {display:block; float:left; height:98px; width:250px; overflow:hidden;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}

.slideOuter2 .slide2 li.b10 {height:318px;}
.slideOuter2 .slide2.current li {height:25px;}
.slideOuter2 .slide2.current li.current1 {height:80px;}
.slideOuter2 .slide2.current li.current2 {height:170px;}
.slideOuter2 .slide2.current li.b10 {height:318px;}

.slideOuter2 .slide2:hover li.b1, 
.slideOuter2 .slide2:hover li.b2, 
.slideOuter2 .slide2:hover li.b3,
.slideOuter2 .slide2:hover li.b4,
.slideOuter2 .slide2:hover li.b5,
.slideOuter2 .slide2:hover li.b6,
.slideOuter2 .slide2:hover li.b7,
.slideOuter2 .slide2:hover li.b8,
.slideOuter2 .slide2:hover li.b9,
.slideOuter2 .slide2:hover li.b10 {height:25px; text-decoration: none;}


.slideOuter2 .slide2:hover li.b1:hover {height:145px; text-decoration: none;} 
.slideOuter2 .slide2:hover li.b2:hover {height:130px;} 
.slideOuter2 .slide2:hover li.b3:hover {height:170px;} 
.slideOuter2 .slide2:hover li.b4:hover {height:170px;} 
.slideOuter2 .slide2:hover li.b5:hover {height:170px;} 
.slideOuter2 .slide2:hover li.b6:hover {height:170px;}
.slideOuter2 .slide2:hover li.b7:hover {height:170px;} 
.slideOuter2 .slide2:hover li.b8:hover {height:110px;}
.slideOuter2 .slide2:hover li.b9:hover {height:110px;}
.slideOuter2 .slide2:hover li.b10:hover {height:110px;}

.slideOuter2 .slide2 li h1 {padding:0 15px; margin:0; font-size:14px;  font-style:normal; line-height:30px;}
.slideOuter2 .slide2 li.b1 h1 {color:#000;}
.slideOuter2 .slide2 li.b2 h1 {color:#000;}
.slideOuter2 .slide2 li.b3 h1 {color:#000;}
.slideOuter2 .slide2 li.b4 h1 {color:#000;}
.slideOuter2 .slide2 li.b5 h1 {color:#000;}
.slideOuter2 .slide2 li.b6 h1 {color:#000;}
.slideOuter2 .slide2 li.b6 h1 {color:#000;}
.slideOuter2 .slide2 li.b7 h1 {color:#000;}
.slideOuter2 .slide2 li.b8 h1 {color:#000;}
.slideOuter2 .slide2 li.b9 h1 {color:#000;}
.slideOuter2 .slide2 li.b10 h1 {color:#000;}


.slideOuter2 .slide2 li p {padding:0 5px 20px 15px; margin:0; font-size:14px; line-height:17px;}
.slideOuter2 .slide2 li a {display:block; color: #000;  font-style:normal; padding:0 15px; margin:0; font-size:14px; line-height:25px; width:280px;}
.slideOuter2 .slide2 li a:hover {text-decoration: none;}




#right_box {
	width: 690px;
	padding-top: 6px;
	padding-right: 4px;
	height: 600px;
	float: right;
}

#bio_holder {
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 3px #888;
	-webkit-box-shadow:0 0 3px #888;
	box-shadow:0 0 3px #888;
	
	/* CSS3 Rounded Corners */
	
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	
	
	border: 1px solid #AAA;
	
	background-color: #FFFFF;
	
	
	/* The width of the gallery */
	width:570px;
	padding-left: 60px;
	padding-right: 60px;
	padding-top: 40px;
	padding-bottom: 15px;
	line-height: 20px;
	text-align: justify;
	overflow:hidden;
	
}

#bio_holder a:hover {text-decoration: underline;}


#thumbnail_display {
	width: 680px;
	height: 60px;
}

#current_project  {
	padding-top: 5px;
	margin-right: 7px;
	height: 60px;
	width: 60px;
	float: left;
	text-align: left;
}

 
#project_thumbnails {
	width: 480px;
	float: left;
	height: 60px;
}

#next_project  {
	padding-top: 5px;
	height: 60px;
    width: 120px;
	float: right;
	text-align: right;
}


#footer {
	width: 965px;
	height: auto;
	margin: 0 auto;
	font: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-left: 15px;
	padding-right: 15px;
}