/* CSS Document */
/* Designs and Code by: Ryan Manning - Digital-Flare.com | 2010 */

/*  MAIN LAYOUT  */	
	* { margin: 0; padding: 0; }
	body { font-family:Tahoma, Geneva, sans-serif; font-size:medium; color:#fff; background-color:#000; padding:0; margin:0;}
		
	a:link {border:none; text-decoration:none; color:#ff6600; text-transform:none;}
	a:visited {border:none; text-decoration:none; color:#ff6600; text-transform:none;}
	a:hover {border:none; text-decoration:none; color:#ff6600; text-transform:none;}
	img {vertical-align:top; border:0;}
		
	.clear {clear:both}
	.nowrp {white-space:nowrap;}
	.container {width:100%;}
	.spacer {line-height:10px;}
/*  END MAIN LAYOUT  */

/*  INTRO  */
	.intro{margin:0 auto 0 auto; padding:0; width:300px; text-align:center;}
	
	.intro h1{margin-top:20px; width:300px; height:236px; display:block;}
		.intro h1 span{visibility:hidden;}
	.intro h2{ visibility:hidden; font-size:9px;}
	.intro h3{ font-size:11px; text-transform:uppercase; letter-spacing:.1em;}
	.intro h4{font-size:14px; text-transform:uppercase; letter-spacing:.1em; margin-top:10px;}
		.intro h4 a{color:#fff; text-transform:uppercase; letter-spacing:.1em;}
	
	.intro-b{color:#ff9900;}
	.intro-b a{color:#ff9900; font-size:11px; text-transform:uppercase; letter-spacing:.1em; text-decoration:underline;}
	
	.intro ul{margin:30px 0 0 0; list-style:none; font-weight:bold;}
	.intro li{font-size:11px; text-transform:uppercase; letter-spacing:.1em; margin-top:8px;}
	
	.sub-intro{font-size:11px; text-transform:uppercase; letter-spacing:.1em; margin-top:30px;}
	.sub-intro-a a{color:#ff9900; text-decoration:underline;}
	.sub-intro-b a{color:#fcd620; text-decoration:underline;}

/*  END INTRO  */

/*  CONTAINERS  */
	.subcontainer {margin:20px auto 0 auto; padding:0; width:282px; min-height:300px;}
	/*.main-body {margin:0 41px 0 0; padding:10px; width:571px; min-height:394px; float:right; border:solid 1px #FFF; background-color:#0b0b0b;}
	.main-body-left {margin:0 0 0 34px; padding:0; width:77px;}
	.main-body-right {margin:0; padding:0;}*/
/*  END CONTAINERS  */	

/*  BRANDING  */
	.branding{margin:0 0 10px 0; padding:0; width:253px; height:36px;}
	.branding-sub{margin:0; padding:0; width:253px; height:36px;}
	
	.sub-branding{margin:0; padding:0; clear:both;}
	.sub-branding h1{background-image:url(../images/branding-df.png); background-repeat:no-repeat; width:253px; height:23px; margin:0 0 4px 0; padding:0; display:block;}
	.sub-branding h1 span {width:253px; display:block; visibility:hidden;}
	.sub-branding h2{background-image:url(../images/branding-tagline.png); background-repeat:no-repeat; width:142px; height:9px; margin:0; padding:0;  display:block;}
	.sub-branding h2 span {visibility:hidden;}
/*  END BRANDING  */

/*  NAVIGATION  */
	.navigation{width:76px; height:100%; margin:0 auto 0 auto;}
	.sub-navigation{margin:0; padding:0;}
	
	.nav-l{float:left; width:76px; height:76px; position:absolute; top:75px; left:16px; margin:0; padding:0;}
	.nav-r{float:right; width:76px; height:76px; position:absolute; top:66px; right:48px; margin:0; padding:0;}
	.nav-h{ visibility:hidden; display:none;}
	
	.navigation-arrows ul{list-style:none;}
	.navigation-arrows{margin:0; padding:0;}
	
	.nav-arrows{margin:0; padding:0;}
	.nav-arrows li{}
	.nav-arrow-l {float:right; background-image:url(../images/arrow_left-lg.png); background-repeat:no-repeat; height:18px; width:20px; position:absolute; top:108px; right:133px;}
		.nav-arrow-l span{display:block; visibility:hidden; height:18px; width:20px;}
	.nav-arrow-r {float:right; background-image:url(../images/arrow_right-lg.png); background-repeat:no-repeat; height:18px; width:20px; position:absolute; top:108px; right:20px;}
		.nav-arrow-r span{display:block; visibility:hidden; height:18px; width:20px;}
	
	.navigation ul{list-style:none;}
	.nav1{ background-image:url(../images/nav1.png); width:76px; height:76px;}
		.nav1-a{ background-image:url(../images/nav1-a.png); width:76px; height:76px;}
		.nav1 span{display:block; visibility:hidden; height:76px; width:76px;}
		.nav1-a span{display:block; visibility:hidden; height:76px; width:76px;}
	.nav2{ background-image:url(../images/nav2.png); width:76px; height:76px; margin-top:9px;}
		.nav2-a{ background-image:url(../images/nav2-a.png); width:76px; height:76px; margin-top:9px;}
		.nav2 span{display:block; visibility:hidden; height:76px; width:76px;}
		.nav2-a span{display:block; visibility:hidden; height:76px; width:76px;}
	.nav3{ background-image:url(../images/nav3.png); width:76px; height:76px; margin-top:9px;}
		.nav3-a{ background-image:url(../images/nav3-a.png); width:76px; height:76px; margin-top:9px;}
		.nav3 span{display:block; visibility:hidden; height:76px; width:76px;}
		.nav3-a span{display:block; visibility:hidden; height:76px; width:76px;}
	.nav4{ background-image:url(../images/nav4.png); width:76px; height:76px; margin-top:9px;}
		.nav4-a{ background-image:url(../images/nav4-a.png); width:76px; height:76px; margin-top:9px;}
		.nav4 span{display:block; visibility:hidden; height:76px; width:76px;}
		.nav4-a span{display:block; visibility:hidden; height:76px; width:76px;}
	.nav5{ background-image:url(../images/nav5.png); width:76px; height:76px; margin-top:9px;}
		.nav5-a{ background-image:url(../images/nav5-a.png); width:76px; height:76px; margin-top:9px;}
		.nav5 span{display:block; visibility:hidden; height:76px; width:76px;}
		.nav5-a span{display:block; visibility:hidden; height:76px; width:76px;}
/*  END NAVIGATION  */

/*  THUMBNAILS  */
	.thumbnails{margin:10px 0 0 0; padding:0; height:139px;}
	.sub-thumbnails{margin:0; padding:0;}
	
	.thumbnails ul{list-style:none; clear:both;}
	.thumbnails li{width:52px; height:52px; float:left; margin:0 8px 0 8px; padding:5px 0 5px 0;}
	
	.opt{margin:10px 0 0 0; padding:0; height:52px;}
	
/*  END THUMBNAILS  */

/*  INTRO  */
	.intro{margin:0 auto 0 auto; padding:0; width:300px; text-align:center;}
	
	.intro h1{ background-image:url(../images/DF-Brand-Screen300px.png); background-repeat:no-repeat; width:300px; height:236px; display:block;}
		.intro h1 span{visibility:hidden;}
	.intro h2{ visibility:hidden; font-size:9px;}
	.intro h3{ font-size:11px; text-transform:uppercase; letter-spacing:.1em;}
	
	.intro-b{color:#ff9900;}
	.intro-b a{color:#ff9900; font-size:11px; text-transform:uppercase; letter-spacing:.1em; text-decoration:underline;}
	
	.intro ul{margin:30px 0 0 0; list-style:none; font-weight:bold;}
	.intro li{font-size:11px; text-transform:uppercase; letter-spacing:.1em; margin-top:8px;}
	
	.sub-intro{font-size:11px; text-transform:uppercase; letter-spacing:.1em; margin-top:30px;}
	.sub-intro-a a{color:#ff9900; text-decoration:underline;}
	.sub-intro-b a{color:#fcd620; text-decoration:underline;}

/*  END INTRO  */

/*  CONTENT  */
	.content{margin-top:112px; padding:0;}
	.content a{color:#FFF; text-decoration:none; font-weight:bold;}
	
	.full-text{font-size:10px;}
	.full-text h1{color:#6a6a6a; font-weight:bold; font-size:16px; letter-spacing:.1em; font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase;}
	.full-text p{margin:0 0 20px 0; padding:0; letter-spacing:.1em; line-height:16px;}
	.read-more{float:left; width:95%; text-align:right;}

/*  END CONTENT  */

/*  PORTFOLIO  */
	.page-link{text-align:left;}
	.page-link h1{margin-bottom:5px; line-height:0; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; color:#ff9900;}
	.page-link a{color:#ff9900;}
	.page-link p{margin-bottom:25px; font-size:10px;}
	.small {font-size:9px; color:#CCC;}
	
	.hidden {display:none; visibility:hidden;}
	
	.portfolio{margin:0; padding:0; font-size:10px;}
	.portfolio-sub{margin-bottom:10px;}
	.portfolio img{border:solid 1px #666;}
	
	.img-l{float:left; width:268px; height:154;}
	.img-r{float:right; width:268px; height:154;}
	.portfolio h1{color:#6a6a6a; font-weight:bold; font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase;}
	.portfolio p{margin:5px 0 10px 0; padding:0; letter-spacing:.1em;}
	
	.read-more-l{float:left; width:100%; text-align:left;}
	.read-more-r{float:left; width:100%; text-align:right;}
	
	.port-desc-l{float:left; width:282px; margin:0;}
	/*.port-desc-sub-l{min-height:93px;}*/
	.port-thumbs-l{margin:5px 0 10px 0; padding:0;}
	.port-thumbs-l ul{list-style:none;}
	.port-thumbs-l li{margin:0 3px 5px 3px; float:left;}
	
	.port-desc-r{float:right; width:282px; margin:0;}
	/*.port-desc-sub-r{min-height:93px;}*/
	.port-thumbs-r{margin:5px 0 10px 0; padding:0;}
	.port-thumbs-r ul{list-style:none;}
	.port-thumbs-r li{margin:0 3px 5px 3px; float:right;}
	
/*  END PORTFOLIO  */

/*  RESUME  */
	.resume {font-size:10px; text-align:center;}
	
	.resume ul{list-style:none; vertical-align:middle;}
	.resume li{height:76px; margin-bottom:30px;}
	.resume li p{padding-top:5px; color:#6a6a6a; text-transform:uppercase; letter-spacing:.08em; width:282px; float:left; clear:both;}
	.resume img{float:left; width:56px; margin:0 35% 0 35%;}
/*  END RESUME  */

/*  CONTACT  */
	.contact{margin:0; padding:0;}
	
	.contact-text{font-size:10px;}
	.contact-text h1{color:#6a6a6a; font-weight:bold; font-size:16px; letter-spacing:.1em; font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase;}
	.contact-text p{margin:0 0 20px 0; padding:0; letter-spacing:.1em; line-height:16px;}
	
	.contact-form{margin:0; padding:0; font-size:11px; width:200px; float:left;}
	.contact-form a{margin:0; padding:0; font-size:10px; color:#ff9900;}
	.contact-form h1{color:#fb8b00; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px;}
	
	.form{margin:0; padding:0;}
	.form-main{width:198px;}
	.form-row{clear:both;}
	.form-left{width:280px; text-align:left; margin-top:7px; font-family:Tahoma, Geneva, sans-serif; font-size:10px; letter-spacing:.1em;}
	.form-right{width:260px; margin-bottom:8px;}
	
	.form-row ul{list-style:none; margin:0; padding:0;}
	.form-row li a{display:block; width:52px; color:#fff; background-color:#ff6600; float:right; text-align:center; margin-left:20px; padding:.5em 0;}
	
	.input{width:268px; height:26px; background-color:#242424; border:1px solid #CCC; color:#fff; font-family:Tahoma, Geneva, sans-serif; font-size:12px;}
	.textarea{width:268px; height:90px; background-color:#242424; border:1px solid #CCC; color:#fff; font-family:Tahoma, Geneva, sans-serif; font-size:12px;}
	
	.contact-info{width:100%; clear:both; margin:0; padding:30px 0 0 0;}
	.contact-info p{font-size:10px; margin-bottom:8px;}
	.highlight{color:#fb8b00;}
/*  END CONTACT  */

/*  FOOTER  */
	.footer {width:100%; height:39px; margin:24px 0 10px 0; pading:0;}
	.sub-footer {margin:0; padding:0;}
	.footer p {text-align:right; font-size:10px; margin-top:2px; width:184px; float:left;}
	.footer img{float:left; width:26px; margin-left:10px; padding:0;}
/*  END FOOTER  */