@charset "utf-8";
/*######################
	Atedrake website v1.0
	© 2010 Atedrake
	Master Style Sheet
	Created : 11.14.2009
	Last Modified  : 4.21.10 - Mike Kivikoski
	Version: 1.2

	Please keep Last Modified up to date
	Please stay on single line
	Please write in alphabetic order
	Please indent your code for readiblity
########################*/



/*  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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td , input, textarea, button, select, i { margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
	html, body { height: 100%; }
	:focus { outline: 0;}
	ol, ul { list-style: none;}
	table { border-collapse: separate; border-spacing: 0;}
	caption, th, td { text-align: left; font-weight: normal;}
	blockquote:before, blockquote:after, q:before, q:after { content: "";}
	blockquote, q { quotes: "" "";}
	strong, b{font-weight:bold;}
	em, i{font-style:italic;}
/*  //Reset */

/*  Colors

#a54a8d  ....................    			- Purple
#24a6bf  ....................				- Blue
#a8a695  ....................				- Dark Khaki
#e1decb  ....................				- Khaki
#f4f2e9  ....................				- Light Khaki


    //Colors
*/

/*  Universal items*/


h1{}
	h1 a{background: url(../images/bg-graphics/masthead-sprite-2.png) no-repeat 0 -1075px; display:block; height:55px; margin-top:50px; text-indent:-99999px; width:481px; }
		h1 a:hover{background: url(../images/bg-graphics/bg-logo-hover.gif) no-repeat 2px 1px; border:0;}
h2{font-weight:900;}
h3{color:#24a6bf; /* display:inline; */ font-size:22px; font-weight:900; line-height:24px; margin-bottom:12px; text-transform:uppercase; letter-spacing:1px;}
h4{color:#a8a695; font-size:18px; font-style: italic; margin-bottom:12px;}
h5{color:#6B695B; font-size:20px; font-style:italic; line-height:28px; margin-bottom:30px;}

p{margin-bottom:32px;}

a{color:#a54a8d; text-decoration:none;}
	a:hover,
	a:active,
	a:link,
	a:visited
		{color:#a54a8d;}
	a:hover, 
	a:focus
		{cursor: pointer; color:#24a6bf;}
		a:hover{border-bottom: 1px solid #a8a695; cursor:pointer !important;}
/*Forms*/
	form{}

		/*Contact Form*/
			#contact-form{}
				#contact-form ol{}
					#contact-form ol li{clear:both; float:left; height:auto; margin-top:9px; position:relative; width:343px; position:relative;}
						
						#contact-form ol li label{ color:#f4f2e9; display:block; height:30px; width:100px; position:absolute; top:2px; left:10px;}
					
						#contact-form ol li input[type="text"]{background:#efece0 url(../images/bg-graphics/bg-form-input-home.gif) no-repeat 0 -60px; color:#87867a;  display:block; height:22px; padding:5px 0 3px 100px; width:243px;}
							#contact-form ol li input:hover[type="text"]{background-position: 0 -30px;}
							#contact-form ol li input:focus[type="text"]{background-position: 0 0;}


								
						#contact-form ol li textarea{background:transparent url(../images/bg-graphics/bg-form-textarea-home.png) no-repeat 0 0; color:#87867a;  height:172px; padding:5px 5px 5px 100px; width:237px;}
							#contact-form ol li textarea:hover{background-position: -343px 0;}
							#contact-form ol li textarea:focus{background-position: -687px 0;}
								
							
						input[type="submit"]{background:#a8a695; clear:both; color:#f4f2e9; display:block; height:28px; line-height:28px; margin-left:85px; padding:0 10px; width:60px;}
							input:focus[type="submit"],
							input:hover[type="submit"]
								{background:#a54a8d; cursor: pointer;}
						
						#contact-form ol li label.error{background:none; color:#f00; display:block; float:left;  height:auto; margin-left:90px; position:relative; width:auto;}
						
						
/*Column Definitions*/
	.column{float:left; margin-right:20px; padding-top:30px; width:280px;}
		.column p{margin-bottom:16px;}
	.wide{width:380px;}
	.last{margin-right:0;}

/*Definition*/
	p.definition{}
		p.definition strong{display:block;}

/*Lists*/
	#content ul li{background: url(../images/bg-graphics/bg-star.png) no-repeat 2px 7px; display:block; padding-left:25px;}

/*Hide and Show*/
.hide{display:none;}
.show{display:block;}


/*   //Universal items*/



/*Typography (Spec font-families)*/

	/*Georgia*/
	body,
	h3 a span
		{font:normal 16px/1.5 Georgia;}

	/*Ampersands*/
	em.amp{font-family:Baskerville, Palatino, "Book Antiqua", serif; font-size:110%; font-style:italic;}
/* //Typography */



/*	 Layout */

html{background:#f5f4ec url(../images/bg-graphics/bg-body.png) repeat 0 0; height:100%;}
	body{background: url(../images/bg-graphics/bg-header.jpg) no-repeat 50% 0; color:#6b695b; height:100%;}
		#wrapper{ margin:0 auto 1px; /*  min-height: 100%; *//*  overflow:auto; */ position:relative; width:1000px;}
			
			#header{padding-bottom:36px; overflow:auto; width:1000px;}
			
				/*Logo*/
				h1{float:left; }
			
				/*Navigation*/	
				#nav-global{border-bottom:1px solid #b5b3a2; float:right; margin:56px 0 12px 0; }
					#nav-global li{background-image:none; display:inline; float:left;}
						#nav-global li a{color:#a54a8d; font-weight: 900; display:block; height:20px; font-size:14px; line-height:22px; margin-right:30px; text-decoration:none; text-transform:uppercase; padding-bottom: 28px; letter-spacing: 1px; }
							#nav-global li a:hover{background: transparent url(../images/bg-graphics/bg-nav-btm-border.gif) repeat-x bottom; color:#24a6bf; border-bottom: 0;}
						#nav-global li a.last{margin:0;}
			/*Mast Heads*/
			#masthead{clear:both; min-height:200px; padding-top:58px; position:relative;}
				#masthead h2{color:#a54a8d; font-size:48px; line-height:52px; text-transform:uppercase; width:740px; }
				#masthead h3{margin-bottom:6px; color:#f4f2e9;}
				#masthead a{color:#f4f2e9;} 
					#masthead h3 a{color:#f4f2e9; font-size:24px; line-height:24px;}
						#masthead a:hover{border-bottom:0; color:#24a6bf; cursor:pointer;}
				
				
				/*Fact*/
				#fact{position:absolute; top:0; right:0; text-align:center; color:#f4f2e9;}
					/*#fact a,
					#fact p
						{display:block; text-indent:-99999px; }*/
					#fact p{line-height:18px}
			/*Content*/
			#content{float:left; overflow:auto; width:1000px;}
			
		/*Footer*/	
		#footer-wrap{background: url(../images/bg-graphics/bg-footer.jpg) repeat-x 0 0; clear:both; height:430px; /* margin-top:-430px; */}
			#footer{clear:both; height:430px; margin:0 auto; position:relative; width:1000px;}
				#footer .column{padding-top:30px !important; width:280px !important;}
				#footer p{margin-bottom:20px;}
				#footer #contact-info{padding-right:80px; width:300px;}
				#footer #twitter{background: url(../images/bg-graphics/masthead-sprite-2.png) no-repeat 0 -855px; height:155px; padding:15px 10px 0 10px; width:260px; position:absolute; top:43px; right:20px; color:#f4f2e9;}
					#footer #twitter a#atedrake-twitter{position:absolute; bottom:-10px;}
						#footer #twitter a#atedrake-twitter:hover{bottom:-11px}
				#footer #copyright{border-top:1px solid #a8a695; clear:both; float:left; padding:10px 0 0 3px; width:677px;}
			
			
			
/*Specific Pages*/

	/*Home*/
		/*Mast head*/
		#home #masthead{padding:40px 0 30px;}
			#home #masthead input[type="text"]{background:none; border-bottom:1px solid #e1decb; color:#a54a8d;  display:inline; text-transform:uppercase;}
				#home #masthead input#your{width:135px;}
				#home #masthead input#experience{width:350px;}
				#home #masthead input#superDuper{width:600px;}
				
				#home #masthead #submit-goods{display:none;}
				#home #masthead #submit-goods ol li{display:block; float:left; height:auto; margin:9px 20px 0 0; position:relative; width:343px; position:relative;}
					#home #masthead #submit-goods label{ color:#f4f2e9; display:block; height:30px; width:100px; position:absolute; top:2px; left:10px;}
							#home #masthead #submit-goods ol li input[type="text"]{background:#efece0 url(../images/bg-graphics/bg-form-input-home.gif) no-repeat 0 -60px; border:none; color:#87867a;  display:block; height:22px; text-transform:none; padding:5px 0 3px 100px; width:243px;}
								#home #masthead #submit-goods ol li input:hover[type="text"]{background-position: 0 -30px;}
								#home #masthead #submit-goods ol li input:focus[type="text"]{background-position: 0 0;}
													
								#home #masthead #submit-goods input[type="submit"]{/* float:left;  */margin:25px 0 25px 225px; width:270px;}
								#home #masthead #submit-goods ol li label.error{background:none; color:#f00; display:block; float:left;  height:auto; margin-left:90px; position:relative; width:auto;}
								
								#mast-thanks{float:left; margin-top:25px; width:700px;}
									#mast-thanks h3{color:#24A6BF;}
									#mast-thanks a{color:#A54A8D;}

			#home #masthead #form-hint{width:200px; position: absolute; top:0; right:0;}
			
			#home #fact{background: url(../images/bg-graphics/masthead-sprite-2.png) no-repeat 0 -361px; height:200px; width:140px; padding:50px 55px 20px; right:32px; top:-10px;}
			
			#home #form-hint p{background: url(../images/bg-graphics/special-hint.png) no-repeat 0 0; display:block; height:165px; text-indent:-99999px; width:277px; position:absolute; top:50px; right:0;}
			
		#home #content{background: url(../images/bg-graphics/bg-home-content.jpg) no-repeat 400px 0;}
		
		#home #one{background: url(../images/bg-graphics/bg-home-contact.jpg) no-repeat 0 0; min-height:552px; padding:20px 10px 20px 15px; width:355px;}
			#home #one h3{color:#a54a8d; padding-right:15px;}
			#home #one p{margin-bottom:20px;}
			#home #contact-form{background: url(../images/bg-graphics/bg-form-bottom.jpg) no-repeat -1px 100%; margin:0 0 15px -15px; padding:0 0 40px 15px; width:365px;}


	/*About*/
		#about #masthead{min-height:160px;}
			#about #masthead h2{width:690px;}
		#about #fact{top:73px; background: url(../images/bg-graphics/masthead-sprite-2.png) no-repeat 0 0; height:112px; width:296px; text-align:left; padding-top:10px;}
			#about #fact p,
			#about #fact h3	
				{padding:0 5px 0 55px;}
		#about #content{background: url(../images/bg-graphics/bg-about-content.jpg) no-repeat 0 0; padding-top:45px;}
		#about #one{padding-top:0; width:380px;}
			#about #one img{float:right; }
		#about #two{background: url(../images/bg-graphics/bg-line-thin-fat.png) repeat-x 0 53%; float:left; overflow:auto; width:580px;}
			#about #two .column{padding-top:0;}
				#about #two #mike, 
				#about #two #kyle
					{padding-top:24px;}
			#about .us h4{color:#6b695b; float:left;}
				ul.contact-links{float:right; line-height:26px; margin-top:2.75px;}
					#content ul.contact-links li{background:none; display:inline; float:left; padding-left:0;}
						ul.contact-links li a{color:#24a6bf; display:block; font-size:12px; margin-left:15px; text-decoration:none; }

			
	/*Portfolio*/
		#portfolio #masthead{min-height:84px;}
		#portfolio #fact{background:transparent url(../images/bg-graphics/masthead-sprite-2.png) no-repeat scroll 25px -1212px;height:110px;padding:28px 26px 56px;right:-16px;top:6px;width:190px;}
			#portfolio #fact h3,
			#portfolio #fact p
				{padding:0 15px;}
				
				#portfolio #fact h3 a span{display:block; letter-spacing:0; line-height:18px; text-transform:none; padding:15px 10px 0;}
		#portfolio #content{background: url(../images/bg-graphics/bg-portfolio-content.jpg) no-repeat 0 0; padding-top:45px;}
			#portfolio #one{float:left; margin-right:20px; overflow:auto; width:580px;}
				#portfolio #one h5{ margin: 0; padding-bottom: 50px;background:transparent url(../images/bg-graphics/bg-small-bar.jpg) repeat-x 0 100%;}
					#portfolio #one #kyle h5, 
					#portfolio #one #mike h5
						{margin: 10px 0;padding-bottom:0;background:none;}
			#portfolio #two{float:left; width:380px; }

			#portfolio #three{background: url(../images/bg-graphics/bg-wide-slim.jpg) no-repeat 0 0; clear:both; display:block; float:left; height:88px; margin:40px 0; padding:25px 20px; width:940px;}
				#portfolio #three h3{color:#a54a8d; margin-bottom:15px;}
				#portfolio #three h4{float:left; margin-right:140px; background:transparent url(../images/bg-graphics/bg-star.png) repeat-x scroll bottom; margin-bottom:0; padding-bottom:15px;}
				#portfolio #three p{margin-bottom:0;}


	/*Contact*/
		#contact #masthead{min-height:145px;}
			#contact #masthead h2{width:700px;}
		#contact #fact{top:63px; background: url(../images/bg-graphics/masthead-sprite-2.png) no-repeat 0 -162px;; height:151px;; width:280px;}
			#contact #fact h3 {padding-top:15px;}
	
		#contact #content{background: url(../images/bg-graphics/bg-contact-content.jpg) no-repeat 0 0;}
			#contact #one{float:left; margin-right:20px; padding-top:45px; width:380px;}
				#contact #one p.contact-info{background: url(../images/bg-graphics/bg-star.png) repeat-x 0 0; padding-top:40px; font-weight:900;}
				#contact #one p.contact-info,
				#contact #one p.contact-info a
					{color:#24a6bf; text-transform:uppercase;}
					#contact #one p.contact-info a:hover{color: #a54a8d;}
			#contact #two{background: url(../images/bg-graphics/bg-contact-form.jpg) no-repeat 0 0; float:left; min-height:350px; padding:28px 40px 32px 15px; width:525px;}
				
			/*Contact form*/
				#contact #contact-form{background: url(../images/bg-graphics/bg-form-contact-bottom.jpg) no-repeat 0 100%; margin-left:-15px; padding:0 60px 30px 15px; width:525px;}
				#contact #contact-form ol li{width:515px;}
					#contact #contact-form ol li input[type="text"]{background-image: url(../images/bg-graphics/bg-form-input-contact.jpg); width:425px;}
					#contact #contact-form ol li textarea{background-image: url(../images/bg-graphics/bg-form-textarea-contact.png); width:419px;}
						#contact #contact-form ol li textarea:hover{background-position:-526px 0;}
						#contact #contact-form ol li textarea:focus{background-position:-1050px 0;}

		
	
	/*Services*/
		#services #masthead{min-height:132px;}
			#services #masthead h2 {width:620px;}
		#services #fact{background: url(../images/bg-graphics/masthead-sprite-2.png) no-repeat 0 -1633px; display:block; padding:31px 53px 0;width:236px; min-height:150px; top:24px;}
			#services #fact:hover{background-position: 0 -1438px; cursor:pointer;}
				#services #fact p{width:150px;margin-left:40px;}
				#services #fact a:hover{color:#f4f2e9;}
		#services #content{background: url(../images/bg-graphics/bg-services-content.jpg) no-repeat 0 0; padding-top:45px;}
			#services #one{float:left; padding-bottom:40px;}
			#services #two{background: url(../images/bg-graphics/bg-small-bar.jpg) repeat-x 0 0; float:left; margin-bottom:60px; padding-top:60px;  }
				#services .column{padding-top:0;}
				#services h3{display:block;}
			#services #three{background: url(../images/bg-graphics/bg-wide-slim.jpg) no-repeat 0 0; clear:both; display:block; float:left; height:88px; margin-bottom:40px; padding:25px 20px; width:940px;}
				#services #three h3{color:#a54a8d; margin-bottom:15px;}
				#services #three h4{float:left; margin-right:140px; background:transparent url(../images/bg-graphics/bg-star.png) repeat-x scroll bottom; margin-bottom:0; padding-bottom:15px;}
				#services #three p{margin-bottom:0;}
	
	
	
	/*Process*/
		#process #masthead{min-height:84px;}
			#process #masthead h2{width:1000px;}
		#process ol li.step{background: url(../images/bg-graphics/bg-process-steps.jpg) no-repeat 278px 0; clear:both; display:block; float:left; overflow:auto; padding-bottom:50px; width:1000px;}
		
			#process .step-name{background: url(../images/bg-graphics/masthead-sprite-2.png) no-repeat 0 -661px; clear:both; color:#f4f2e9; float:left; height:114px; margin-right:20px; text-align:center; text-transform:uppercase; padding:30px 10px 0; width:260px; font-weight:900; font-size:24px; line-height:24px; letter-spacing:1px;}
			#process .column{width:380px;}
			#process ul.tasks{display:block; float:left; padding-top:30px; width:280px;}