/* This css is put together by M. Bivins and N. Baerreis.*/

* {margin: 0; padding: 0;}
html {height: 100%; }
body {font:  Helvetica, sans-serif; font-size: 100%; height: 100%; }

ul  {list-style: none inside; }
p  {font-size: 1em; line-height: 1.4em; margin-bottom: 1.2em; }
a  {outline: none; }
a img  {border: none; }
.text center  {text-align: center; }

/*
	end reset
*/

/* this is for the PORTFOLIO PAGES as of 7-16-09 NB */
#iframe_container_NEW {
	margin:0;
	position: absolute;
	width: 630px;
	height: 310px;
	border: none;
	left: 280px;
	top: 175px;
	z-index: 250;
	font-family: Helvetica, Arial, sans-serif;
	color: #666666;
	font-weight:520;
	padding: 0px;
	overflow: hidden;
	background-color:#ffffff;
}
#iframe_description_NEW {
	margin:0;
	width: auto;
	position: absolute;
	left: 250px;
	top: -2px;
	z-index: 250;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px; 
	color: #666666;
	padding: 0px;
}
img.portfolio_thumbnails_grey {
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
	padding-left: 7px;
}
/* end NEW PORTFOLIO PAGES CODE */

#iframe_container {
	margin:0;
	position: absolute;
	width: 630px;
	height: 310px;
	border: none;
	left: 280px;
	top: 155px;
	z-index: 250;
	font-family: Helvetica, Arial, sans-serif;
	color: #22227a;
	font-weight:520;
	padding: 0px;
	overflow: hidden;
}

img.portfolio_thumbnails {
	padding-left: 7px;
}

img.portfolio_display {
	padding-right: 20px;
}

#main_thumbs{
	margin:0;
	width:auto;
	background-color: #FFFFFF;
	position: absolute;
	left: 270px;
	top: 500px;
	z-index: 1000;
}
span.title {
	font-weight: bold;
	color: #22227a;
}

#category_description {
	margin:0;
	padding-right:0px;
	width: 450px;
	position: absolute;
	left: 280px;
	top: 130px;
	z-index: 250;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	letter-spacing: .02em; 
	color: #22227a;
	font-weight:520;
	line-height: 18px;	
}

#category_description_contact {
	margin:0;
	width: 450px;
	position: absolute;
	left: 280px;
	top: 130px;
	z-index: 250;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	letter-spacing: .03em;
	text-transform: lowercase;
	line-height: 135%;
	color: #666;
	font-weight:520;	
}

#category_description_clients {
	margin:0;
	width: 600px;
	position: absolute;
	left: 280px;
	top: 130px;
	z-index: 250;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	letter-spacing: .02em;
	color: #22227a;
	font-weight:520;	
	line-height: 18px;
}
#category_description_work {
	margin:0;
	width: 410px;
	position: absolute;
	left: 280px;
	top: 130px;
	z-index: 250;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	letter-spacing: .02em;
	color: #22227a;
	font-weight:520;
	line-height: 18px;	
}


/* portfolio page css */

	
#description {
	margin:0;
	width: auto;
	position: absolute;
	left: 700px;
	top: 145px;
	z-index: 250;
	font-family: Helvetica, Arial, sans-serif;
	font-size: .75em;
	color: #666666;
	padding: 5px;
}
#iframe_description {
	margin:0;
	width: auto;
	position: absolute;
	left: 250px;
	top: -2px;
	z-index: 250;
	font-family: Helvetica, Arial, sans-serif;
	font-size: .75em; 
	color: #666666;
	padding: 0px;
}

/* end portfolio page css */





/* bio pages css */

	#bios_description {
	margin:0;
	width:225px;
	position: absolute;
	left: 530px;
	top: 160px;
	z-index: 250;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	letter-spacing: .02em;
	line-height: 80%;
	color: #666;
	font-weight: normal;
	}
	#bios_imag {
		position: absolute;
		width: 400px;
		height: 400px;
		left: 280px;
		top: 130px;
		z-index: 500;
	}
	#bios_email {
		left: 280px;
		top: 440px;
		position: absolute;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 10px;
		color: #A9A9A9;
		font-weight: bold;	
	}
	#bios_position {
		position: absolute;
		left: 530px;
		top: 130px;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 13px;
		color: #22227a;
		font-weight: bold;
		width: 450px; 	
	}
	span.bios_position_header {
		font-family: Helvetica, Arial, sans-serif;
		font-size: 13px;
		color: #666;
		font-weight: bold;	
		text-transform: lowercase;
	}
/* end bio pages css */
					
/* work pages title div */

#content_title {
	margin:0;
	width: auto;
	position: absolute;
	left: 280px;
	top: 130px;
	z-index: 250;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #666;
	padding: 0px;
	font-weight: bold;
}

/* end work changes */
/* contact page */
.bluetext {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #22227a;
	font-weight: bold;	
}
/* end contact */


/* splash image container and properties (resizing) */
.push {
	height: 354px;
}
.push_about {
	height: 624px;
}
.push_work {
	height: 514px;
}
.push_contact {
	height: 569px;
}
#category_image {
	overflow: hidden;
	min-width: 570px;
	height: 344px;
	width: 100%;
	border-bottom: none;
	border-collapse: collapse;
	background-color: #CCCCCC;
}
#category_image2 {
	overflow: hidden;
	min-width: 570px;
	height: 354px;
	width: 100%;
	border-bottom: none;
	border-collapse: collapse;
	background-image: url(../images/landing_low.jpg);
	background-repeat: repeat-x;
	z-index: 1111;
	background-attachment: fixed;
	background-position: bottom;
}

/* begin sidebar menu classes */

a.sidebar_main {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #666;
	text-decoration: none;
	text-align: right;
}
a.sidebar_main:hover {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #ed792b;
	text-decoration: none;
	text-align: right;
}
a.sidebar_main_present {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	text-align: right;
}

a.sidebar_2nd {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #666;
	text-decoration: none;
	text-align: right;
}
a.sidebar_2nd:hover {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #ed792b;
	text-decoration: none;
	text-align: right;
}
a.sidebar_2nd_present {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #d52b2b;
	text-decoration: none;
	text-align: right;
}

a.sidebar_2nd_splash {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #d52b2b;
	text-decoration: none;
	text-align: right;
}
a.sidebar_2nd_splash:hover {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #ed792b;
	text-decoration: none;
	text-align: right;
}

#menu_secondary{
	margin:0;
	width: 190px;
	background-color: #FFFFFF;
	position: absolute;
	left: 5px;
	top: 130px;
	text-align: right;
	line-height: 100%;
}

#menu_secondary2{
	margin:0;
	width: 190px;
	position: absolute;
	left: 5px;
	top: 75px;
	text-align: right;
	line-height: 100%;
	z-index: 1000;
}
/* end sidebar menu classes */



	
/*
	layout
*/

#page-wrap  { 
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -344px; /* the bottom margin is the negative value of the footer's height */

	}
	
#topline  {

 	
	min-width: 570px;
	height: 121px; 
	background: url(images/shostak_logo_bg.gif) repeat-x; 
	margin: 0 0;
	width: 100%;
	}
	
#sidebar  {
	float: left;}
	
/*
	end layout
*/



/*
	about page
*/

.client-list	{
	
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #A9A9A9;

}

.client-list li  {
	line-height: 18px;
	list-style: square outside url(images/greendot.gif);
	color: #666; 
	 
	}

.client-list li a  {
	text-decoration: none;
	color: #22227a;

	}
	
.client-list li a:hover  {

	color: #ed792b;
	}
	
.clientlist-left	{
	width: 216px; 
	position: absolute; 
	left: 295px;
	top: 175px; 
	}
	
.clientlist-mid	{
	width: 216px; 
	position: absolute; 
	left: 496px;
	top: 175px; 
	}
	
.clientlist-right	{
	width: 216px; 
	position: absolute; 
	left: 712px;
	top: 175px; 
	}
	
/*
	recognition page
*/

#category_description-left {
	color:#22227A;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	left:280px;
	margin:0;
	position:absolute;
	top:130px;
	width:200px;
	z-index:250;
	letter-spacing: .02em;
}

#category_description-right {
	margin:0;
	width: 200px;
	position: absolute;
	left: 605px;
	top: 130px;
	z-index: 250;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #22227a;
	font-weight: bold;	
	letter-spacing: .02em;
}


.recognition-list	{
	color:#666666;
	font-family:Helvetica,Arial,sans-serif;
	font-size:11px;
	left:295px;
	position:absolute;
	top:170px;
	width:216px;
	}
	
.recognition-list li  {
	line-height: 18px;
	list-style: square outside url(images/greendot.gif);
	color: #666;
	 
	 
	}

.recognition-list li a  {
	text-decoration: none;
	color: #22227a;

	}
	
.recognition-list li a:hover  {
	color: #ed792b;
	}
	
#reco-list2	{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #666;
	width: 216px; 
	position: absolute; 
	left: 619px;
	top: 170px; 
	}
	
.recognition-list2	{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #666;
	width: 216px; 
	}
	
.recognition-list2 li  {
	line-height: 18px;
	list-style: square outside url(images/greendot.jpg);
	color: #666;
	 
	 
	}

.recognition-list2 li a  {
	text-decoration: none;
	color: #22227a;

	}
	
.recognition-list2 li a:hover  {
	color: #ed792b;
	}


/*
	header
*/

#banner  {
	width: 570px;
	margin: 0;
	padding: 0px;
	height: 121px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	position: absolute;
	left: 0px;
	top: 0px;
}

#logo  {
	background: url(images/logo.gif) no-repeat;
	width: 279px; height: 121px; 
	display: inline;
	float: left;
	}

#logoend  {
	 
	background: url(images/logoEND.png) no-repeat;
	width: 58px;  height: 121px;
	display: inline;
	float: right;
	margin-right: 0px;
	}	
/*
	end header
*/


/*
	navigation
*/

ul#menu	{
	list-style: none;
	}
	ul#menu li {
		display: inline;
	}
	ul#menu li a  {
		text-indent: -9999px;
		display: block;
		height: 121px;
		float: left; 
		}
		ul#menu li a.about  {
			background: url(images/buttons/aboutBUTTON.png) no-repeat bottom center;
			width: 46px;
			}
		ul#menu li a.about2 {
			background: url(images/buttons/aboutBUTTON.png) no-repeat center center;
			width: 46px;
			}
		ul#menu li a.work  {
			background: url(images/buttons/workBUTTON.png) no-repeat bottom center;
			width: 49px;
			}
		ul#menu li a.work2  {
			background: url(images/buttons/workBUTTON.png) no-repeat center center;
			width: 49px;
			}
		ul#menu li a.bios  {
			background: url(images/buttons/bioBUTTON.png) no-repeat bottom center;
			width: 53px;
			}
		ul#menu li a.bios2  {
			background: url(images/buttons/bioBUTTON.png) no-repeat center center;
			width: 53px;
			}
		ul#menu li a.contact  {
			background: url(images/buttons/contactBUTTON.png) no-repeat bottom center;
			width: 78px;
			}
		ul#menu li a.contact2  {
			background: url(images/buttons/contactBUTTON.png) no-repeat center center;
			width: 78px;
			}

			ul#menu li a.about:hover, ul#menu li a.about:active,
			ul#menu li a.work:hover, ul#menu li a.work:active,
			ul#menu li a.bios:hover, ul#menu li a.bios:active,
			ul#menu li a.contact:hover, ul#menu li a.contact:active  {
			background-position: top center;
			
			} 
			

ul#splashmenu	{
	list-style: none;
	}
	ul#splashmenu li {
		display: inline;
	}
	ul#splashmenu li a  {
		text-indent: -9999px;
		display: block;
		height: 121px;
		float: left; 
		}
		ul#splashmenu li a.enter  {
			background: url(images/buttons/enterBUTTON.png) no-repeat bottom center;
			width: 46px;
			}
		ul#splashmenu li a.enter2 {
			background: url(images/buttons/enterBUTTON.png) no-repeat center center;
			width: 46px;
			}
			
ul#splashmenu li a.enter:hover, ul#splashmenu li a.enter:active  {
			background-position: top center;
			
			} 

/*
	end navigation
*/