/*

[ CSS Document ]

	Style Sheet Name: Jimmy2008_style.css
	Style Sheet URL: www.jimmyweb.net
	Author: Ken Davis - Jimmyweb Web Design
	Author URL: www.jimmyweb.net
	Version: 1.0
	Date: 20/12/08

[ Table Of Contents ]

	0- Reset
	1- Global
	2- Headings
	3- Header
	4- Navigation
	5- Main Content
	6- Main Content Elements
	7- Extras
	8- Forms
	9- Footer

*/ 
 

/* =0 Reset 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

	/* Universal - reset browser default styles */
		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; font-style:italic;}
		
	/* Define focus styles! */
		:focus 	{ outline: 0; }
		
	/* 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; }



/* =1 Global 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
	
	/* General style applied to HTML */
		html 	{ text-align: center; padding: 0; margin: 0; border: 0; font-family: Arial, Helvetica, sans-serif; 
		background: #f0f0f0 url(../img/BG_main.jpg) top center repeat-x; width: 100%; }
		
	/* Body style */
		body 	{ clear: both; padding: 0; margin: 0 auto; text-align: center; }		
		
	/* Preset global styles */
		.right 	{ float: right; } 
		.left 	{ float: left; } 
		.align-left { text-align: left; } 
		.align-right { text-align: right; } 
		.align-center { text-align:center; } 
		.justify { text-align:justify; } 
		
		.hide 	{ display: none; } 
		.clear 	{ clear: both; } 
		.bold 	{ font-weight:bold; } 
		.italic { font-style:italic; } 
		 
		img.centered { display: block; margin-left: auto; margin-right: auto; } 
		img.alignleft { float:left; margin:4px 10px 4px 0; } 
		img.alignright { float:right; margin:4px 0 4px 10px; } 
		
		.spacer { display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
		
		

/* =2 Headings
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

	/* General headings */
	h1 		{ font-size: 0.1em; color: #353535; background: url(../img/logo.jpg) top no-repeat; height: 97px; width: 366px; margin: 10px 0 0 36px; 
			padding: 0; position:relative; top: 0px; left: 0px; }
	h2, h3, h4, h5, h6 { color: #fff; font-family: Trebuchet MS, Arial, Helvetica, sans-serif;}
		h2 	{ color: #49453a; font-size: 1.4em;margin: 0 0 1em 0;}
		h3 	{ color: #49453a; font-size: 1.2em;margin: 1em 0 0.5em 0; clear: both;}
		h4 	{ color: #49453a; font-size: 1.0em;margin: 1em 0 0 0; clear: both;}
		h5 	{ color: #b3b2af; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 0.7em; border-bottom: 1px dotted #b2b1ae; margin: 1em 0 0 0;}
		
	/* Specific headings - defined within specific divs*/





/* =3 Header
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/
		
	#head_wrap {width: 938px;text-align:left; margin: 0; background: url(../img/BG_head.jpg) top center no-repeat;padding: 56px 0 0 0;position: relative;}
		#head-feature {background: url(../img/BG_head-feature.jpg) top center no-repeat;margin: 0px 10px 0 10px;height: 192px;padding: 26px 36px 0 36px;position: relative;top:0;}		
		#head-feature-text {width: 430px;}
		#head-feature-text p{color: #fff;font-size: 1.6em; font-weight: 900; margin:0 0 1em 0;font-family: Trebuchet MS, Arial, Helvetica, sans-serif;}
		#head-feature .jimmyweb{color: #f7c224;}
		#folio_img{float: right; position: absolute; top:-54px; left:-330px;}	
		
	/* Style selector */
	.selecta{position: absolute; top: 8px;}
	.selecta a:link, .selecta a:visited{ border-top: 11px solid #474747;}
	.selecta a:hover{border-top: 11px solid #f7c224;}
	
	
/* =4 Navigation
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/	
	
	/* Top navigation */
	.lavaLampBottomStyle { position: relative; top: -3px;right: 0; height: 21px; width: 580px; background: url(../img/bg_nav.jpg) no-repeat; 
		padding: 4px 0px 15px 20px; margin: 0px 0px 0px 350px; overflow: hidden; border: none; }
		.lavaLampBottomStyle li { float: left; list-style: none; border-right: 1px solid #474747; }
		.lavaLampBottomStyle li.back { border-top: 7px solid #f7c224; width: 0px; height: 22px; z-index: 8; position: absolute; border-right: none; }
		.lavaLampBottomStyle li a { font-size: 0.8em; text-decoration: none; color: #fff; outline: none; text-align: center; top: 7px; text-transform: lowercase; 
		padding: 6px 4px 0 4px; letter-spacing: 0; z-index: 10; display: block; float: left; height: 22px; position: relative; overflow: hidden; 
		margin: auto 10px auto 10px; _margin: auto 5px auto 5px; }
		.lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited { border: none; }
		.lavaLampBottomStyle li a:hover { color: #f7c224;}
		#last{border-right: none;}
			
			
			
	/* =5 Main Content 
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

	/* Div styles - layout specific */			
	#wrap { width: 938px; text-align: left; margin: 0 auto; }
		#content_wrap { width: 938px; text-align: left; margin: 0; background: #fff url(../img/BG_body.jpg) top center repeat-y;}
							
	/* =Content - Both Columns */		
	#content { padding: 10px 46px 0 46px; position: relative; z-index: 100;}
						
	/* =Main Column */		
	#content_main { padding: 0px 0px 0 0px; float: left; width: 480px; text-align: justify;}		
	
		/* =Portfolio page */
		#folio_main{ margin: 20px 0 20px 0; padding: 0; border-left: 3px solid #c7aca1; border-right: 3px solid #c7aca1; float: left;}
		#content #folio_main ul { float: left; margin: 0 0 0 26px; padding: 0;}
		#content #folio_main ul li { float: left; margin: 0; padding: 0 10px 0 0;}
			#content #folio_main h4 { padding: 0; margin: 0 0 15px 26px;}
		#content #folio_main a:hover{ border: none;}
		#folio_main a:link img, #folio_main a:visited img{ padding: 8px; border: 1px solid #b2b1ae; background-color: #ececec; margin: 0 0 10px 0;}
		#folio_main a:hover img{ padding: 8px; border: 1px solid #c06641; background-color: #dd977b; margin: 0 0 10px 0;}
		#folio_main a:hover{ border: none;}
		#folio_single{ float: right; position: absolute; top: -28px; right: 46px;}
						
		/* =Contact Image - Small "Contact Us" piece on homepage */
		#contact_slip{position: relative; left:250px; top: -44px;margin: 0 0 -34px 0;}					
		#contact_slip h4{padding:0 ; margin: 0 0 0 0px; }
		p#contact_img {border-right: 1px solid #b3b2af;width: 240px;margin: 0 0 0 0;padding: 0;}
		#content #contact_img a:link, #content #contact_img a:visited{border-bottom:none;color:#792100; display: block; background: url(../img/contact.jpg) top center no-repeat;
		width: 221px; height: 43px;padding-left:5px;font-size: 0.1em;}
		#content #contact_img a:hovered{border-bottom:none; color:#792100;display: block; background: url(../img/contact.jpg) bottom center no-repeat;width: 221px; 
		height: 43px;font-size: 0.1em;padding-left:5px;}

		/* =Travel page */	
		.travel_wrap{width: 374px;float: right;margin-bottom: 20px;}

	/* =Side Column */
	#content_side {padding: 38px 10px 0 0px;float: right; width: 320px;position: relative; z-index: 105;text-align: justify;}
	
		/* =Portfolio Side Include */
		#folio_recent { }
		#content #folio_recent a:hover{border:none;}
		#folio_recent a:link img, #folio_recent a:visited img{ padding: 8px; border: 1px solid #b2b1ae;background-color: #ececec; margin: 0 0 10px 0;}
		#folio_recent a:hover img{  padding: 8px; border: 1px solid #c06641;background-color: #dd977b;margin: 0 0 10px 0;}
		#folio_recent a#middle:link img, #folio_recent a#middle:visited img{ margin: 0 11px 10px 11px;}
		#folio_recent a#middle:hover img{ margin: 0 11px 10px 11px;}
	
		/* =Blog Side Include */			
		#blog_entry { margin: 0 0 10px 24px; border-left: 3px solid #c7aca1; padding:0 0 0 16px; }
		#blog_entry h4{ font-weight: 500;margin:0; padding:0;}
		p.date{ color: #b3b2af;font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;font-size: 0.7em;}
		ul li .date{ color: #b3b2af;font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;font-size: 0.7em;position: relative; top: -4px;}
		#blog_entry p{ font-style: oblique;}
		.left_icon{float: left; margin: 10px 10px 10px 8px;}
			


/* =6 Main Content Elements
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

	/* Main content - specific element styles */
		
		/* General paragraph style */
		p { padding: 0em 0 1em; margin: 0; font-size: 0.8em; color: #000; word-spacing: 0.1em; line-height: 1.3em; }
		.spacer { clear:both; }
		.jimmyweb{ color: #c24311;}
		.smaller{ font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; font-size: 0.6em; position: relative; top: -5px; font-weight: 500;}
		.email_right{ float: right; margin: 4px 0px 10px 16px; border: 1px solid #d1d0ce; padding: 3px;}	
				
		/* List styles  */
		#content ul { padding: 0em 0 1em; margin: 0 0 0 40px; font-size: 0.8em; color: #000; word-spacing: 0.1em; line-height: 1.3em;}
		#content ul ul li { font-size: 1.2em; line-height: 1.3em;}
				
		/* Link styles  */
		#content a:link, #content a:visited { text-decoration: none; color: #c24311;}
		#content a:hover { text-decoration: none;color: #ab3000; border-bottom: 1px dashed #c24311;}
		#content h4 a:link, #content h4 a:visited { text-decoration: none;color: #49453a;}
		#content h4 a:hover { text-decoration: none; color: #ab3000; border-bottom: none;}	



/* =7 Extras
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ 

	/* Image styles  */
		#content_main .left, #content_side .left { float:left; margin: 4px 16px 10px 0; border: 1px solid #d1d0ce; padding: 3px;}
		#visual_wrap { padding:10px 0 0 0px;}
		#visual_wrap .left { margin: 4px 0px 10px 14px;}
		
	/* Fader style - used for jQuery Innerfade  */
		#fader{}
		
	/* =Google Side Ads Include */			
		#google_box{width: 320px; margin: 40px 0 10px 0; padding: 20px 0 14px 0; border-top: 1px dotted #b2b1ae;border-bottom: 1px dotted #b2b1ae;}
		
	/* Other jQuery style */
	
#tooltip{
	position:absolute;
	z-index: 5000;
	border:1px solid #333;
	background:#f7f5d1;
	padding:6px 10px;
	color:#A1140A;
	display:none;
	text-align: left;
	font-weight: 900;
	
	}
	
	
	/* Google Map style */
	
	/* Video style */
	


/* =8 Forms
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/

	/* Form elements  */
	#contactform { width: 98%; background-color: #ece6df; padding: 4px 0 0 14px; margin: 20px 0; }
		#contactform p { color: #78726a; }
		#contactform h3 {  }
		input, textarea { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#404040; border: 1px solid #d7cdc2; width: 270px; 
		background: url(../img/bg_input1.gif) top repeat; padding: 2px; }
		label { font-size: 0.7em; color:#78726a; padding-left:2px; vertical-align:center; line-height: 15px; }
		select { margin-top: 8px; width: 286px; border: 1px solid #d4d4d4; font-size: 0.7em; }
		.selectLabel { position:relative; top: 6px; }
		.radioBtn { border: 0; width: 24px; background: none; }
		label.chosen { color:#333; }
		/*Button*/
		#contactform .buttonSubmit{ margin:0px 0 14px 0; width:69px; height:22px; color:#ab3000; font-weight:bold; padding:2px 5px 7px 3px; background-image: none; 
		background-color: #f9f9f9;border:1px solid #d7cdc2; cursor: pointer;}
		


/* =9 Footer
–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/ 

	/* Footer style  */
	#footer { clear:both; background: url(../img/BG_foot.jpg) top center no-repeat; width: 938px; height: 100px;}
		#footer p { }
		#footer p a:link, #footer p a:visited { }
		#footer p a:hover { }