/* 
	  ============================== 
	|  Danny Blackman 2007           |
	|  http://www.dannyblackman.com  |  
	| ****************************** |
	|  Main Style Sheet				 |
	  ==============================
	   
*/

/* Global Elements */
body,html { margin: 0 auto; padding: 0; background-color:#fff; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; color:#3F3F3F; line-height:1.3em; }
img { border: 0; }
a { color: #5DC7DB; font-weight:bold; text-decoration:underline; }
a:hover { color: #333; text-decoration: none; }
ul { background-color:#fff; }
h3 { font-size:0.9em; }
hr { color:#fff; background-color:#fff; border:0; }


/* Floats & clears */
.left { float:left; }
.right { float:right; width:250px; }
.clear { clear:both; line-height:0px; height:0px; }


/* Head section */
#top_grad { width:100%; height:22px; background-color: #fff; background-image:url(../images/top_bar_bg.gif); background-repeat:repeat-x; }
.body_container { width: 800px; margin: 0 auto; padding: 0; text-align:left; }
.head_img { margin-bottom: 30px; }
.header { width:600px; }
#scroll_btn { cursor:pointer; }
#angel_container { background-image:url(../images/angels.gif); background-position:center; background-repeat: no-repeat; width: 100%; height: 1670px; }


/* Work container stuff */
.work_container { padding:0; text-align:left; padding-top:200px; background-position:center top; background-repeat:repeat-x;  }
.text_resize { float:right; margin:-32px -16px 0 0; }
.box_top { margin-top:-10px; width:827px; height:11px; }
.box { width:827px;background-image:url(../images/box_grad_sides.gif); background-repeat:repeat-y; margin: 0; padding: 5px 0 5px 13px; }
.box_bottom { width:827px; height:11px; }
#dandad { background-image:url(../images/work_bg_line.gif); }
#umbro{ background-image:url(../images/work_bg_line2.gif); }
#skylarkin { background-image:url(../images/work_bg_birds.gif); padding-top:1600px; margin-top: 400px; }
#luckyvoice { background-image:url(../images/work_bg_line4.gif); }
#logo { background-image:url(../images/work_bg_line.gif); }
#faceless{ background-image:url(../images/umbella_man.gif); padding-top:1000px; margin-top:300px; }
#coldstats { background-image:url(../images/work_bg_line2.gif); }
#dreams { background-image:url(../images/work_bg_line4.gif); }
#end { background-repeat:no-repeat; background-color:#5DC7DB; background-image:url(../images/work_bg_robot.gif); padding-top:1400px; }
.work_text_container { padding: 5px 20px 0 110px; float:left; width:200px; }
.work_text_container_right { margin: 5px 40px 0 0; float:right; width:450px; }
.orange_txt { color: #F06824; }
.green_txt { color: #D3DD2E; }
.blue_txt { color: #5DC7DB; }
.spacer { height:24px; line-height:1px; }


/* Nav section stuff */
.navBox { width:827px;background-image:url(../images/box_grad_sides.gif); background-repeat:repeat-y; margin: 0; padding: 5px 0 5px 13px; }
.db_logo { vertical-align:text-bottom; margin-right:30px; }
.next_btn { text-align:center; cursor:pointer; }
.top_btn { margin-left:493px; cursor:pointer; }
#open_btn { margin-top:6px; }


/* Stickers */
.rossette { width: 116px; height:183px; position: relative; top:-130px; margin:0 -110px -180px 0; }
.rossettewidth { width:116px; height:183px; }
.sticker { width: 112px; height:183px; background-repeat:no-repeat;  position: relative; top:-120px; left:10px; margin-bottom:-180px; }
.stickerwidth { width:112px; height:112px; }


/* Footer stuff */
.footer { background-color:#fff; padding:20px; width:600px; }
.tick { width:16px; height:16px; vertical-align:bottom; }


/* Set images dimensions for IE6 png fix */
.open_project { width:95px; height:24px; }
.quote { width:575px; height:189px; }
.text_size_increase { width:20px; height:21px; }
.text_size_decrease { width:22px; height:21px; }
.title_coldstats { width:182px; height:212px; }
.title_faceless { width:334px; height:212px; }
.title_logos { width:350px; height:212px; }
.title_luckyvoice { width:206px; height:212px; }
.title_skylarkin { width:280px; height:212px; }
.title_umbro { width:433px; height:212px; }
