/*******************************************************
 * CSS Reset (via Eric @ http://tinyurl.com/ya36dd2)
*******************************************************/
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;
}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
/* remember to define focus styles! */
:focus {outline: 0;} 
/* remember to highlight inserts somehow! */
ins {text-decoration: none;} 
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}
a, a:hover, a:focus, a:active{text-decoration:none; color:inherit;}


/*******************************************************
 * B.R.A.T. (via Marco Battilana @ http://tinyurl.com/2dabzr)
*******************************************************/
font, center, div[align], p[align], table[align], font[color] {
   color : #cd0000;
   font-weight : bold;
   background : #eecc11 url(images/warning.gif) repeat 0 0;
   margin : 10px;
   padding : 10px;
   border : 2px dashed #cd0000;
   font-size : 2em;
}

html{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;}
body{background:url(../img/global-background.png) repeat-x;}
a{text-decoration:none; color:inherit;}
hr{width:100%; height:1px; clear:both; visibility:hidden;}

#bin{margin:0 auto; width:960px;}
#bin #header{float:left; width:960px; height:83px;}
#bin #header #logo{float:left; width:280px; height:71px; background:url(../img/global-logo.png) top left no-repeat; margin-top:15px;}
#bin #header ul#nav{float:right; width:auto; height:29px; margin:25px 0 0 0; padding:0 10px; list-style:none; background:url(../img/global-nav-gradient.png) top left repeat-x; border:#CFCFCF 1px solid; font-size:14px;}
	#bin #header ul#nav{-moz-border-radius: 5px; -webkit-border-radius:5px;}/*Round the corners of Nav*/
#bin #header ul#nav li{float:left; width:auto; height:13px; padding:8px 15px; color:#636363;}
#bin #header ul#nav li.active{margin-top:-1px; background:url(../img/global-nav-gradient-active.png); border:#cf7200 1px solid; color:#FFF;}
#bin #header ul#nav li a{display:block;}

#bin #rotator{float:left; width:960px; height:367px; margin-bottom:25px; background:url(../img/home-reel-gradient.png) 0 0 no-repeat; }
#bin #rotator #caption{float:left;}
#bin #rotator #caption h1{width:369px; margin-top:40px; color:#FFF; font-size:50px; line-height:48px; font-family:"Arial Black"; text-transform:uppercase; clear:both;}
#bin #rotator #caption h1 span{width:369px; color:#ff930b; font-size:60px; line-height:50px;}
#bin #rotator #caption h2{width:369px; margin-top:20px; color:#FFF; font-size:18px; font-weight:normal;}
#bin #rotator #screenshot{float:right; width:528px; height:343px; margin:15px 0px 0 0; background:url(../../_content/img/screenshots/fateforge.png) top left no-repeat;}

#bin #sidebar{width:280px; height:auto; float:left; color:#393939; font-size:14px;}
#bin #sidebar div#whereImg{height:50px; width:280px; background:url(../img/home-whereiam.png) top left no-repeat; float:left;}
#bin #sidebar div#whatImg{height:50px; width:280px; background:url(../img/home-thinking.png) top left no-repeat; float:left;}
#bin #sidebar ul#where{float:left; list-style:none; font-weight:bold;}
#bin #sidebar ul#where li{float:left; width:280px; height:41px; background:url(../img/home-whereiam-itemgradient.png) top left repeat-x; border:#c4c5a6 1px solid; margin-bottom:5px;}
#bin #sidebar ul#where li img{margin:-10px 10px 0 5px ; float:left; display:block;}
#bin #sidebar ul#where li a img{border:none; outline:none;}
#bin #sidebar ul#where li a {padding-top:15px;  display:block;}
#bin #sidebar ul#where li#in-touch{background:url(../img/home-getintouch.png) top left no-repeat; border:none; height:20px;}

#bin #sidebar ul#what{float:left; list-style:none; margin-top:10px; font-size:10px; font-weight:bold;}
#bin #sidebar ul#what li{float:left; width:270px; background:#fcfff3 url(../img/home-thinking-itemgradient.png) bottom left repeat-x; border:#c4c5a6 1px solid; margin-bottom:5px; padding:5px;}

#bin #focus{width:620px; float:right; margin-bottom:50px;}
#bin #focus #about{background:url(../img/home-aboutme-gradient.png) top left repeat-x; height:auto; width:550px; border:#d07300 solid 1px; padding:20px 30px;}
	#bin #focus #about{-moz-border-radius: 5px; -webkit-border-radius:5px;}/*Round the corners of About Me*/
#bin #focus #about div#aboutme{background:url(../img/home-aboutme.png) 0 -10px no-repeat; width:500px; height:40px;}
	div#aboutsplit{height:2px; width:550px; background:url(../img/home-aboutme-divider.png) top left repeat-x; margin-top:-5px; margin-bottom:10px;}
#bin #focus #about p{color:#FFF; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px;}
#bin #focus #about p a{text-decoration: underline;}
#bin #focus ul#whatido{padding-top:50px; background:url(../img/home-whatido.png) top left no-repeat; margin-top:25px;}
#bin #focus ul#whatido li{float:left; background:url(../img/home-whatido-gradient.png) top left repeat-x; height:80px; width:260px; padding:10px;}
	#bin #focus ul#whatido li{-moz-border-radius: 5px; -webkit-border-radius:5px;}
#bin #focus ul#whatido li h1{color:#FFF; font-size:36px;}
#bin #focus ul#whatido li h2{color:#FFF; font-size:16px; font-weight:normal; font-style: italic;}
#bin #focus ul#whatido li.spacer{background:none; width:30px; height:80px;}

#bin #footer{width:960px; background:url(../img/home-footer-gradient.png) top left repeat-x; height:27px; border:1px solid #bdbcbd; text-align:center; padding-top:13px; -moz-border-radius: 5px; -webkit-border-radius:5px; margin-bottom:20px;}
#bin #footer p{font-weight:bold; font-size:12px; color:#c9c9c9;}

#bin ul#portfolio{width:960px;}
#bin ul#portfolio li{width:285px; float:left; margin-bottom:20px;}
#bin ul#portfolio li.spacer{width:52px; height:100px;}
#bin ul#portfolio li p{width:285px; text-align:center;}
#bin ul#portfolio li p a{text-decoration:underline; font-size:13px; font-weight:bold; color:#393939;}

#bin #accordion{width:960px; float:left; margin-bottom:50px; height:500px; color:#393939;}
#bin #accordion h1{font-weight:bold; font-size:14px;}
#bin #accordion h2{font-style:italic; font-size: 13px; font-weight:normal;}
#bin #accordion h3, #bin #accordion h3 a{font-weight:bold; font-size:18px; color:#393939;}
#bin #accordion ul{font-size:13px; margin-left:30px;}
#bin #accordion div div.xp{padding:20px;}
#bin #accordion div div.xp:hover{border:1px solid #c9c9c9; background-color:#eee; margin:-1px 0 -1px -1px;}
#bin #accordion div div.skill{float:left;}


/*------[Portfolio Fancybox Data]------*/
div#fancybox-title{text-align:left;}