/*	Sugarspun Site Revise
	06.14.10
-------------------------------*/


@font-face {
	font-family: 'DekarRegular';
	src: url('../fonts/dekar-webfont.eot');
	src: local('?'), url('../fonts/dekar-webfont.woff') format('woff'), url('../fonts/dekar-webfont.ttf') format('truetype'), url('../fonts/dekar-webfont.svg#webfontxjnQTgll') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DekarLightRegular';
	src: url('../fonts/dekarlight-webfont.eot');
	src: local('?'), url('../fonts/dekarlight-webfont.woff') format('woff'), url('../fonts/dekarlight-webfont.ttf') format('truetype'), url('../fonts/dekarlight-webfont.svg#webfontZumF1eAW') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*----- Global Elements -----*/

* {
	margin: 0;
	padding: 0;
	outline: none;
}

body {
	background-image: url(../images/static.gif);
	font-size: 62.5%;
	font-family: "DekarRegular","Verdana","Sans-Serif";
	color: #00AEEF;
	background-color: #1a1a1a;
	padding:300px 0 0 100px;
	}


/*----- Page Structure -----*/


.work{
	float:left;
	margin:5px 15px 35px 0;
	padding:2px;
}

.clear{
	clear:both;
}

.blk{
	position: absolute;
}

#a1,#a2,#a3,#a4,#a5{
	display: none;
	top:150px;
	left:100px;
}
#a2,#a3,#a4,#a5{
	top:300px;
}

.sectionContainer {
	margin: 0;
}




/*----- Hx -----*/

h1 {
	font-size: 3.0em;
	font-weight: normal;
	margin:25px 0 25px 25px;
	line-height: 1.4em;
	}
	
#number {
	font-size: 1.5em;
	font-weight: normal;
	position:absolute;
	top:187px;
	left:70px;
	text-align: right;
	}

h2 {
	font-size: 2.0em;
	font-weight: normal;
	margin-bottom: 31px;
	line-height: 1.4em;
	color:#666;
	}

h1 span{
	color:#666;
	}



h1#logo {
	width: 199px;
	height: 84px;
	position: absolute;
	top: 25px;
	left: 85px;
}

h1#logo a {
	text-indent: -5000px;
	display: block;
	width: 199px;
	height: 84px;
	background-image: url(../images/ssi_logo.gif);
}

ul{
	text-decoration: none;
	list-style: none;
	float:left;
	width:300px;
	font-size: 1.8em;
	line-height: 1.3em;
	color:#666;
	}
	
.first{
	margin-left: 25px;
	}

/*----- Elements -----*/


a {
	color: #ED257A;
	text-decoration: none;
	padding:0;
	border:1px solid #1a1a1a;
	}

div a:hover {
	border-bottom:1px solid #ED257A;
	}

/*----- Slideshow -----*/


a.nav, a.nav:hover {
	margin:0;
	padding:0;
	float: left;
	display: block;
	position: relative;
	margin-top: 129px;
	z-index: 15;
	border: none;
	cursor: pointer;
}

a.nav img {
	border: none;
	outline: none;
	cursor: pointer;
}

a#next {
	margin-left: -20px;
}

.slide {
	width: 285px;
	height: 400px;
	float: left;
	display: inline;
	margin-right: 15px;
}

#slider-stage {
	width: 885px;
	overflow:hidden;
	height: 400px;
	float:left;
	display: inline;
	position:relative;
	margin-left: -20px;
}

#slider-list {
	width: 2000px;
	border: 0;
	margin: 0;
	padding: 0;
	left: 0px;
	position: absolute;

}

#sliderBloc {
	width: 1000px;
	height: 400px;
	overflow: hidden;
}

.slide img {
	margin-bottom: 10px;
}

.slide p {
	font-size: 1.4em;
	color:#999;
}

.shadeHolder {
	width: 885px;
	height: 298px;
	margin: -400px 0 0 20px;
	float: left;
	display: inline;
	position: relative;
	z-index: 10;
}

#logo a:hover{
	text-decoration: none;
	
}

.standard{
	font-family: Arial;
	font-size: .8em;
}