/*
	Pixelumbrella "work" stylesheet
	
	Author: Nicholas Robinson
	Email: nicholas@pixelumbrella.com
	Website: http://www.pixelumbrella.com
	
	Table of Contents:
		reset styles
		global styles 
		utility classes
		
		additional
*/

/* reset styles (v1.0 | 20080212) source: http://meyerweb.com/eric/tools/css/reset/
----------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse;border-spacing:0;}

/* global styles 
----------------------------------------------- */
html {font-size:62.5%;height:270px;overflow:hidden;}
body {font-size:1em;height:270px;overflow:hidden;}
label {cursor:pointer;}

/* utility classes
----------------------------------------------- */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
	* html .clearfix {height:1%;}
	.clearfix {display:block;}
/* End hide from IE-mac */

/* additional
----------------------------------------------- */
body{
background:url(../images/bkg_popup.gif) top left no-repeat;
background-attachment:fixed;
padding:10px 20px 25px 20px;
text-align:left;
}
* html body{padding:2px 5px 0 5px;}
#info{
width:230px;
float:left;
margin-left:2px;
padding-top:10px;
}
* html #info {padding-top:0;}
#info h1{
font-family:Arial, Helvetica, Verdana, sans-serif;
font-size:12px;
color:#434343;
text-transform:lowercase;
font-weight:normal;
line-height:1.1;
margin:0 0 10px 0;
}
#info h1 strong{
font-size:19px;
text-transform:uppercase;
display:block;
}
#info h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#8d8c8c;
line-height:1.6;
font-weight:normal;
margin:0;
}
/*
#info h2 a{
color:#BEBFBE;
text-decoration:none;
background:url(../images/popout.gif) 99% 40% no-repeat;
padding-right:12px;
}
#info h2 a:hover{
background-position:30% right;
color:#8d8c8c;
text-decoration:underline;
}
*/
#info h2 a{
margin-top:12px;
display:block;
background:transparent url(../images/btn_launch.gif) no-repeat top left;
width:115px;
height:20px;
text-indent:-9999em;
}
#info ul{
margin:18px 0 0;
padding:15px 0 0 0;
list-style:none;
background:url(../images/bkg_popup-li.gif) top left no-repeat;
}
#info li{
font-family:Arial, Helvetica, Verdana, sans-serif;
color:#bebfbe;
font-size:10px;
text-transform:uppercase;
line-height:1.6;
}
#info li strong{
color:#8d8c8c;
}
#info li a{
color:#bebfbe;
text-decoration:none;
}
#info li a:hover{
color:#8d8c8c;
text-decoration:underline;
}
#gallery{
width:185px;
float:left;
margin:5px 0 0 46px;
background-image:url(../images/bkg_popup-carousel.gif);
background-repeat:no-repeat;
background-position:33px 88%;
}
#project-carousel{
list-style:none;
}