/* ---------- DesignUgly Style Sheet -------------------------------------------
	
	Created: 30th August 2009
	Design: DesignUgly
	Style/Creation:  Scott Collins
	
--------------------------------------------------------------------------------*/


/*Global Reset*/

body{
	margin:  0px;
	padding: 0px;
	font-size:62.5%; 	
	font: normal 12pt/18px Helvetica, Arial, Verdana, sans-serif;
    background-color:#1B1B1B; 
	color: #999999;
}

strong{font-weight:bold}

em{font-style:normal}

.separater{clear:both}


#content {
	margin: 0px;
	width: auto;
	height: auto;
	padding: 0px 0px 0px 0px;
	}

	
/* --- Header --------------------------- */
#dubutton a  {
   background: url(../media/DUlogo.png) no-repeat 0% 0px;
   display: block;
   height: 290px;
   width: 470px;
   font-size: 55px;
   line-height: 55px;
}

#dubutton  {
   visibility: visible;
   position: absolute;
   left: 13px;
   top: 0px;
   width: 511px;
   height: 55px;
}
#dubutton a:hover  {
   opacity:.50;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}

/* --- About --------------------------- */
#dsskinny  {
   width: 1100px;
}

#dsabout  {
   width: 380px;
   font-family: Helvetica, Arial, Verdana, sans-serif;
   font-size: 15px;
   line-height: 18px;
   color: #999999;
   padding-top: 10px;
   font-weight: normal;
   border-bottom:150px solid #1b1b1b;
}

.aboutusparaGrey {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 19px;
	line-height: 28px;
	color: #999999;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	font-weight: normal;
}

.aboutbg {
    background-image: url(../media/face.jpg);
    background-repeat:no-repeat;
	height: 420px;
	width: 1100px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #FFFFFF;
	float: left;
	font-weight: normal;
}


/* --- Text --------------------------- */
h1 {
	height: 27px;
	padding: 0px 0px 0px 0px;
	margin: -3px 2px 0px 0px;
	letter-spacing: -0.2ex;
	float: right;
	}

h2 {
	padding: 1em 0 0.8em 0; 
	border-bottom: 1px solid silver; 
	margin: 0 0 1em 0;
	text-transform: uppercase;
	}
	
h5 {font: bold 1 Verdana; padding: 1.2em 0 0 0; margin-top: 2em; color: #ff0000;}
	
.cat {
	margin: 1px 1px 5px 0px;
	height: 12px;
	clear: both;
	float: right;
	}

.toggleruta {
	padding: 10px;
	margin: 0px 0px 0px 0px;
	letter-spacing: 0ex;
}
	


ul, li{
	padding:0px;
	margin:0px;
	list-style:none;
}


p {
	padding:padding: 2em 0 0 0;
	margin: 0px 0px 0px 0px;
	float: left;
	height: auto;
	line-height: 16px;
}

.next, .prev{
	cursor:pointer;
}

.bold {
	font: Helvetica, Verdana, Arial;
	font-size:19px;
	font-weight:600
}

/* --- Scroll --------------------------- */

#fit{
   width: 130px;
   position: absolute;
   left: 50%;
}

#fit2{
   width: 260px;
   position: absolute;
   left: -130px;
}


#scroll{
	position:absolute;
	left: 0px;
    top: 100px;
	width:100%;
	margin: 0px;
	float: left;
}

	#scroll .prev{
	position: absolute;
	top: 425px;
	left: -120px;
	display: block;
	width: 120px;
	height: 20px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	letter-spacing: -0.2ex;
	text-decoration: none;
	border: 0px;
	outline: none;
	line-height: 31px;
	background-image: url(../media/less.png);
	background-repeat: no-repeat;
	background-position: center;
	}
				#scroll .prev:hover{
	color: #49baf6;
	opacity:.70;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	background-image: url(../media/less.png);
	background-repeat: no-repeat;
	background-position: center;
			}

	#scroll .projects{
	position: absolute;
	top: 425px;
	
	display: block;
	width: 20px;
	height: 20px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	letter-spacing: -0.2ex;
	text-decoration: none;
	border: 0px;
	outline: none;
	line-height: 31px;
	background-image: url(../media/center.png);
	background-repeat: no-repeat;
	background-position: 0 px center;
	}
				#scroll .projects:hover{
	background-image: url(../media/center.png);
	background-repeat: no-repeat;
	background-position: 0px 0%;
	opacity:1.0;
				filter: alpha(opacity=100);
				-moz-opacity: 1.0;
			}
			
			
	#scroll .next{
	background: url(../media/more.png) no-repeat;
	position: absolute;
	top: 425px;
	left: 20px;
	width: 120px;
	height: 20px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	letter-spacing: -0.2ex;
	text-decoration: none;
	border: 0px;
	outline: none;
	line-height: 31px;
	background-position: center center;
	}
			#scroll .next:hover{
				color: #49baf6;
				opacity:.70;
				filter: alpha(opacity=70);
				-moz-opacity: 0.7;
				background-image: url(../media/more.png);
				background-repeat: no-repeat;
				background-position: center center;
			}
		

#slideshow{
	overflow:hidden;
	width:100%;
}



	#slideshow ul{
		width:20000px;
		padding: 0px 0px 0px 40px;
	}

		#slideshow li{
	width: 1500px;
	height: 401px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	background-repeat: no-repeat;
			/*cursor:pointer;*/
		}

			#slideshow img {
				border: 0px;
				margin: 0px;
				padding: 0px;
			}
				
				#slideshow h1 {
					height: 27px;
					padding: 0px 0px 0px 0px;
					margin: 0px 3px 0px 0px;
					letter-spacing: -0.2ex;
					float: right;
				}



				
				
#slideshow .left {
	margin: 0px;
	padding: 0px;
	height: 401px;
	width: 70px;
	float: left;
}
			
#slideshow .middle {
	margin: 0px;
	padding: 0px;
	height: 401px;
	width: 100px;
	float: left;
}
			
#slideshow .right {
	margin: 0px;
	padding: 0px;
	height: 401px;
	width: 66px;
	float: left;
}		
			
				
/* --- Random --------------------------- */
* { margin: 0; padding: 0; border: 0px; }

p a {color: #ff0000;}

a:focus {outline:none;}

#wrapp {
width: 710px;
text-align: left;
font-size: 1.1em;
margin: 1em auto;
padding: 1em;
color: black;
}

.hr {
	margin:  0px 0px 0px -24px;
	padding: 0px;
	width: 231px;
	height: 1px;
	clear: both;
	display: block;
	}
	

.img {
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	float: left;
}
			
h3{
	padding: 1em 0 0.8em 0; border-bottom: 1px solid silver; margin: 0 0 1em 0;
}
	h3 strong{
	}
	
	
.clear{
	clear:both;
	width:0;
	height:0;
}


.infobox {
	height: 200px;
	width: 230px;
	padding: 20px;
	background: #FFF;
	display: block;
	margin: 0px;
	line-height: 16px;
	float: left;
}


#tooltip {
	background: #000;
	padding: 10px;
	text-decoration: none;
	color: #000;
	opacity: 0.85;
	border: 5px solid #dedede;
}

#tooltip img {
	background: url(../media/tooltips-bg.gif) no-repeat;
	padding: 6px 7px 6px 11px;
}

/* --- Portfolio --------------------------- */
.itemTop{
height:550px;
margin:106px 0 -100px;
width:1100px;
background-image: url(../media/scface.jpg);
background-repeat:no-repeat;
}

.item {
	height:550px;
margin:1px 0 -100px;
width:1100px;
}

.itembottom {
	height:550px;
margin:106px 0 -100px;
width:1100px;
background-image: url(../media/contactbg.jpg);
background-repeat:no-repeat;
}

.imagesHolder
{
	background-color: #1B1B1B;
}

.fullsizeImage {
	width: 550px;
	height: 420px;
}




/* --- Design parts --------------------------- */

.designpara {
	width: 400px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #FFFFFF;
	padding-top: 10px;
	float: right;
	font-weight: normal;
}



/* --- Links --------------------------- */
a:link {
	color: #cce513;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #cce513;
}
a:hover {
    opacity:.70;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	text-decoration: none;
	color: #cce513;
}
a:active {
	text-decoration: none;
	color: #cce513;
}

a{}

a:hover{}


#back {
	background: url(../media/back.png) no-repeat;
	width: 165px;
	height: 100px;
	float: left;
	margin: 140px 0px 0px 30px;
	padding: 35px 0px 0px 38px;
}
#back a, #back a:link, #back a:visited {
	text-decoration: none;
	}
#back a:hover {
	color: #cce513;
	opacity:.70;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	text-decoration: none;
	}
	
.boxmenu {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	width: auto;
	}
	
.boxmenu a, 
.boxmenu a:link,
.boxmenu a:visited {
	padding: 0px 0 0 0px;
	margin: 0px;
	color: #cce513;
	letter-spacing: -0.1ex;
	text-decoration: none;
	}

.boxmenu a:hover {
	color: #cce513;
	opacity:.70;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	text-decoration: none;
	}
	
/* --- LineBreaks --------------------------- */

.linebreak {
	width: 100%;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
	line-height: 14px;
	color: #FFFFFF;
	padding-top: 13px;
	float: left;
	background-color: #1B1B1B;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
}
.linebreak2 {
	width: 100%;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
	line-height: 14px;
	color: #FFFFFF;
	padding-top: 13px;
	float: left;
	background-color: #1B1B1B;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFFFFF;
}

/* --- Contact parts --------------------------- */

.contactpara {
	width: 380px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 15px;
	line-height: 18px;
	color: #999999;
	padding-top: 10px;
	font-weight: normal;
}

.contactblocktop {
    height: 18px;
	width: 1100px;
	float: left;
}

.contactblock {
    height: 352px;
	width: 1100px;
	line-height: 14px;
	font-weight: normal;
}

/* --- Photo parts --------------------------- */

.photoblock {
    height: 420px;
	width: 1100px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #FFFFFF;
	float: left;
	font-weight: normal;
}

.faceblock {
	
    height: 402px;
	width: 1100px;
}

/* --- Heading parts --------------------------- */

.headingpara {
	width: 170px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
	line-height: 14px;
	color: #FFFFFF;
	padding-top: 10px;
	float: left;
	text-decoration: none;
}

a.headingpara :link {
	width: 160px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
	line-height: 14px;
	color: #FFFFFF;
	padding-top: 10px;
	float: left;
	text-decoration: none;
}
a.headingpara :visited {
	width: 160px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
	line-height: 14px;
	color: #FFFFFF;
	padding-top: 10px;
	float: left;
	text-decoration: none;
}
a.headingpara :active {
	width: 160px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
	line-height: 14px;
	color: #FFFFFF;
	padding-top: 10px;
	float: left;
	text-decoration: none;
}
a.headingpara :hover {
	width: 160px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
	line-height: 14px;
	color: #CCCCCC;
	padding-top: 10px;
	float: left;
	text-decoration: none;
}

/* --- Coroflot --------------------------- */

#corebutton a  {
   background: url(../media/iheartdesign.png) no-repeat 0% 0px;
   display: block;
   height: 25px;
   width: 100px;
}

#corebutton  {
   width: 100px;
   height: 55px;
}
#corebutton a:hover  {
   opacity:.50;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}


#fit3{
   width: 270px;
}