@charset "UTF-8";
/* RESET */

html, body, div, span, object,h1, h2, h3, h4, h5, h6, p, blockquote, pre, font,
a, code, em, font, img, ins, kbd, q, s, samp, small,strong,dl, dt, dd, ol, ul, li,
fieldset, form, label {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 0;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

a {
text-decoration: none;
color: #4e4e4e;
}

a:hover {
text-decoration: underline;
}




/* MAIN STYLES*/

html {
	background-image: url(images/large-BG.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-color: #4e4e4e;
}

#container {
	width: 897px;
	margin: 0em auto;
}

#main {
	padding-top: 25px;
}


#intro {
	float:left;
	padding-top: 40px;
	padding-left: 0px;
	width: 267px;
	line-height: 22px;
}

#intro p {
	color: #4e4e4e;
	font-size: 18px;
	font-weight:bold;
}

#intro p.dabble {
	color: #4e4e4e;
	font-size: 14px;
}


#socialmedia {
	float: left;
	padding-left: 0px;
	margin-top: 75px;
	width: 220px;

}

#socialmedia p {
	font-weight:bold;
	font-size: 12px;
	color: #4e4e4e;
	line-height: 22px;	
}

#socialmedia p.designby {
	float:left;
	padding-left: 0px;
	margin-top: 15px;
}

ul#social li a {
	outline: none;
	display:block;
	float: left;
	height: 63px;
	background: url(images/social-sprite.png);
	text-indent: -9999px;
}

			ul#social li a.tweet {
			width: 66px;
			background-position: 0px 0px;
		}
		
			ul#social li a.facebook {
			width: 66px;
	 		background-position: 66px 0px;
		}
		
			/*roll over sprite code*/
			ul#social li a.tweet:hover, ul#social li a.tweet:focus {
			background-position: 0px -63px;
		}
	
			ul#social li a.facebook:hover, ul#social li a.facebook:focus {
			background-position: 66px -63px;				
		}
		
/*SLIDE SHOW CONTROLS IN THIS BEECH*/

.control {
  display:block;
  width:30px;
  height:30px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top: 287px;
  left:302.5px;
  background: url(images/left_arrow.png) no-repeat 0 0;
}
#rightControl {
  top: 287px;
  right:0;
  background: url(images/right_arrow.png) no-repeat 0 0;
}


/**THIS IS SOME SERIOUS SLIDESHOW SHIT RIGHT HERE**/

#slideshow {
	float:right;
	width: 566px;
	height: 357px;
	margin-right: 14px;
	background-image: url(images/viewer.png);
	background-repeat:no-repeat;
}

.slide img {
	width: 508px;
	height: 275px;
	margin-left: 30px;
	padding-top: 18px;
}

.slide h2 {
	color:#FFF;
	font-size: 20px;
	margin-top: 20px;
	padding-left: 30px;
}

.slide a {
	color:#FFF;
	font-size: 20px;
	}

.slide p {
	color:#FFF;
	font-size: 12px;
	line-height: 45px;
	padding-left: 30px;
}

#links {
	float: right;
	padding-top: 200px;
	padding-right: 20px;
}

#links a {
	font-size: 14px;
}

ul#nav li {
	text-decoration:underline;
	outline: none;
	display:inline;
	float: left;
	line-height: 20px;
	margin-left: 5px;
	color: #4e4e4e;
	font-size: 18px;
	font-weight:bold;
}

ul#nav p {
	float: left;
	line-height: 20px;
	margin-left: 5px;
	color: #4e4e4e;
	font-size: 18px;
	font-weight:bold;
}
		
		
/*FOOTER*/

#footer {
	float: left;
	padding-top: 20px;
	width: 900px;
}


#footer p {
	font-weight:bold;
	font-size: 12px;
	color: #4e4e4e;
	line-height: 22px;	
}

#footer p.copyright {
	float:right;
	padding-right: 15px;
	padding-top: 0px;
	
}