/*  CSS Document 
	Created for kyletunneyphotography.com
	December 2008
	By Kyle Tunney
	At IT Devotion 	*/
	
* { margin: 0; padding:0; line-height: 1;/*menu*/}
html, body 			{ /* height: 100%; */ }
html 				{ padding: 0px ; background-color:#f7f7f7; }
body 				{ margin: 0px; padding: 0px; }

/*.wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -4em; }
.footer, .push { height: 4em;}*/
a, a:link, a:visited, a:hover, a:active img{border:none; text-decoration:none; }
img					{ border:none; text-decoration:none; }
hr					{ visibility:hidden; }
strong				{ font-weight:600; }
em					{ font-style:italic; line-height:1.5em; /* LH-fixs IE snag */}
p					{ font-family:"Trebuchet MS", Verdana, Arial;  font-style:normal; 
					  color:#64665f/*979a90*/; text-align:left; padding-bottom:20px; font-size: 80%; line-height:22px; }
p a 				{ text-decoration:none; color:#8bc30f; }
p a:visited 		{ text-decoration:none; color:#8bc30f; }
p a:visited:hover	{ text-decoration:none; color:#5d810d; }
p a:hover 			{ text-decoration:none; border-bottom:none; color:#5d810d; }
#skip				{ position: absolute; text-indent: -9999px; list-style: none; }
#logo				{ background:url(http://www.kyletunneyphotography.com/imgs/base/logo.jpg) no-repeat; width:269px; height:160px;
					  position:absolute; z-index:9; margin-top:6px; }

/*--------------------*/
/*    LAYOUT TOOLS    */
/*--------------------*/
.clear				{ clear: both; }
.clearF				{ clear: both; }


/*------------------*/
/*   Span Classes   */
/*------------------*/
.h					{ visibility:hidden; }
.h:link, .h:hover .h:visited .h:visited:hover {text-decoration:none;}
span.blue, .blue	{ color:#0f4fc3; }
span.grn, .grn		{ color:#8bc30f; }
span.redU, .redU	{ color:#dd071e; border-bottom:1px solid #eaebe7; }
span.pink, .pink	{ color:#ea6ab2; }
.strike				{ text-decoration:line-through; }
.update				{ border:1px solid #CCCCCC; padding:10px; }
/*-----------------------*/
/*     Main Elements     */	
/*-----------------------*/
#header				{ background:url(http://www.kyletunneyphotography.com/imgs/base/header_rpt.gif) repeat-x; height:220px; }
#mid				{ background:url(http://www.kyletunneyphotography.com/imgs/base/mid_rpt.gif) repeat-x; height:214px; }
#main				{ background:url(http://www.kyletunneyphotography.com/imgs/base/main_rpt.gif) repeat-x; height:100%; }/* MAY NEED TO CHANGE 80% */
#main .100			{ height:100%; }
#container			{ width:900px; }
#footTHEfooter		{ min-height: 100%; position: relative; padding-bottom:20px;}
#positionUP			{ margin-top:-16px; }
#full_page			{ width:820px; margin:0 auto 0 auto;}
#footer				{ background:url(http://www.kyletunneyphotography.com/imgs/base/footer_rpt.gif) repeat-x; 
					  height:68px; position:relative; bottom:0; float: left; width: 100%; }

#footer .it_devotion	
{ background:url(http://www.kyletunneyphotography.com/imgs/base/itdevotion.gif) no-repeat; display:block;
position:absolute; bottom:20px; right:0px; width:110px; height:32px; text-decoration:none; }

.itd_btn				{ display:block; width:110px; height:32px; padding:0;}							  


.borderME			{ padding:10px; background:#FFFFFF; }	
.clients			{ position:absolute; top:4.5px; right:0px; width:130px; height:26px; 
					  background:url(http://www.kyletunneyphotography.com/imgs/other/clients.gif) no-repeat; text-decoration:none; display:block; }
.clients:hover		{ cursor:pointer; }					  
.centre				{ width:826px; margin:0 auto 0 auto; }/*826*/
.main_content		{ width:826px; margin:0 auto 0 auto; padding-top:0px; }
.min_content		{ width:520px; padding:0 0 0 0; }
.min_content_port	{ width:900px; }
.3rd				{ padding:90px 0 0 0 ; }
.copy				{ padding-top:6px; width:221px; margin:0 auto 0 auto;  color:#676865; background:url(http://www.kyletunneyphotography.com/imgs/base/footer_line.gif) no-repeat top;}
.c2					{ margin:0 auto 0 auto; width:170px; }
#mid .tagline		{ background:url(http://www.kyletunneyphotography.com/imgs/titles/header_tagline.gif) no-repeat; width:416px; height:82px; }
#mid p				{ width:400px; padding:10px 0 0 6px;  }

/*------------------------*/
/* Individual page titles */
/*------------------------*/
.dat_h2, .client_h2, .housing_h2, .portrait_h2, .products_h2, .modelling_h2, .sports_h2, .contact_h2, .services_h2, .portfolio_h2, .about_h2, .privacy_h2, .sitemap_h2, .terms_h2, .tuts_h2, .proj_earthy_h2	{ width:524px; height:85px; padding-bottom:30px; }
.dat_h2				{ background:url(http://www.kyletunneyphotography.com/imgs/titles/services_DAT.gif) no-repeat;  }
.client_h2			{ background:url(http://www.kyletunneyphotography.com/imgs/titles/client.gif) no-repeat;  }
.housing_h2			{ background:url(http://www.kyletunneyphotography.com/imgs/titles/services_housing.gif) no-repeat;  }
.portrait_h2		{ background:url(http://www.kyletunneyphotography.com/imgs/titles/services_portrait.gif) no-repeat;  }
.products_h2		{ background:url(http://www.kyletunneyphotography.com/imgs/titles/services_products.gif) no-repeat;  }
.modelling_h2		{ background:url(http://www.kyletunneyphotography.com/imgs/titles/services_modelling.gif) no-repeat;  }
.sports_h2			{ background:url(http://www.kyletunneyphotography.com/imgs/titles/services_sport.gif) no-repeat;  }
.contact_h2			{ background:url(http://www.kyletunneyphotography.com/imgs/titles/contact.gif) no-repeat;  }
.services_h2		{ background:url(http://www.kyletunneyphotography.com/imgs/titles/services.gif) no-repeat;  }
.portfolio_h2		{ background:url(http://www.kyletunneyphotography.com/imgs/titles/portfolio.gif) no-repeat;  }
.privacy_h2			{ background:url(http://www.kyletunneyphotography.com/imgs/titles/privacy.gif) no-repeat;  }
.tuts_h2			{ background:url(http://www.kyletunneyphotography.com/imgs/titles/tutorials.gif) no-repeat;  }
.terms_h2			{ background:url(http://www.kyletunneyphotography.com/imgs/titles/terms.gif) no-repeat;  }
.sitemap_h2			{ background:url(http://www.kyletunneyphotography.com/imgs/titles/sitemap.gif) no-repeat;  }
.about_h2			{ background:url(http://www.kyletunneyphotography.com/imgs/titles/about.gif) no-repeat; }
.proj_earthy_h2		{ background:url(http://www.kyletunneyphotography.com/imgs/titles/Projects_Earthy_Creatures.gif) no-repeat; }
.cl_btn				{ display:block; width:100px; height:30px; padding-left:30px;}


/* T+C */
.disclaim			{ background:url(http://www.kyletunneyphotography.com/imgs/titles/disclaim.gif) no-repeat; width:267px; height:13px; }
.exclusion			{ background:url(http://www.kyletunneyphotography.com/imgs/titles/exclusion.gif) no-repeat; width:227px; height:13px; }
.nounlaw			{ background:url(http://www.kyletunneyphotography.com/imgs/titles/no_unlaw.gif) no-repeat; width:323px; height:13px; }
.third				{ background:url(http://www.kyletunneyphotography.com/imgs/titles/third_par.gif) no-repeat; width:301px; height:13px; }
.general_tc			{ background:url(http://www.kyletunneyphotography.com/imgs/titles/general.gif) no-repeat; width:129px; height:13px; }
/* Tutorial titles */
.tut_dat, .tut_photo_count { margin-left:100px; }
.tut_btn				{ display:block; width:433px; height:22px;}
.tut_dat			{ background:url(http://www.kyletunneyphotography.com/imgs/tutorials/tut_create_dat.gif) no-repeat; width:433px; height:22px; }
.tut_photo_count	{ background:url(http://www.kyletunneyphotography.com/imgs/tutorials/tut_photo_layers.gif) no-repeat; width:433px; height:22px; }
.ser_btn_dat		{ display:block; width:350px; height:28px; }
.ser_btn_hous		{ display:block; width:123px; height:27px; }
.ser_btn_port		{ display:block; width:121px; height:22px; }
.ser_btn_prod		{ display:block; width:126px; height:23px; }
.ser_btn_mod		{ display:block; width:145px; height:28px; }
.ser_btn_sport		{ display:block; width:94px; height:27px; }
.ser_dat			{ background:url(http://www.kyletunneyphotography.com/imgs/titles/services/ser_dat.gif) no-repeat; width:350px; height:28px; }
.ser_house			{ background:url(http://www.kyletunneyphotography.com/imgs/titles/services/ser_house.gif) no-repeat; width:123px; height:27px; }
.ser_port			{ background:url(http://www.kyletunneyphotography.com/imgs/titles/services/ser_portr.gif) no-repeat; width:121px; height:22px; }
.ser_prod			{ background:url(http://www.kyletunneyphotography.com/imgs/titles/services/ser_pro.gif) no-repeat; width:126px; height:23px; }
.ser_mod			{ background:url(http://www.kyletunneyphotography.com/imgs/titles/services/ser_mod.gif) no-repeat; width:145px; height:28px; }
.ser_sport			{ background:url(http://www.kyletunneyphotography.com/imgs/titles/services/ser_sport.gif) no-repeat; width:94px; height:27px; }
.cont_email2			{ display:block; width:524px; height:70px; }
.cont_btn_email2		{ background:url(http://www.kyletunneyphotography.com/imgs/other/email_direct.gif) no-repeat; width:524px; height:70px; display:block; }
.cont_email1			{ display:block; width:524px; height:70px; }
.cont_btn_email1	{ background:url(http://www.kyletunneyphotography.com/imgs/other/email.gif) no-repeat; width:524px; height:70px; }
.cont_phone			{ display:block; width:524px; height:85px; }
.cont_btn_phone		{ background:url(http://www.kyletunneyphotography.com/imgs/other/phone.gif) no-repeat; width:524px; height:85px; }

#side_model			{ /*width:100%; margin-right:-214px;*/ }
.side_model			{ width:214px; height:438px; background:url(http://www.kyletunneyphotography.com/imgs/pictures/modelling_side.gif) no-repeat;
					  position:absolute; right:0; z-index:999; }
					  
#side_sports		{  /*margin-right:-214px;*/}
#side_sports		{ width:400px; height:333px; background:url(http://www.kyletunneyphotography.com/imgs/pictures/sport_side.gif) no-repeat;
					  position:absolute; right:0; z-index:9; }					  
.barchart			{ width:530px; height:130px; background:url(http://www.kyletunneyphotography.com/imgs/other/housing_barchart.gif) no-repeat;
					  padding:0 0 36px 0;}
#corner_house		{ width:100%; height:198px; margin-top:-150px; }					  
.corner_house		{ width:353px; height:198px; background:url(http://www.kyletunneyphotography.com/imgs/other/corner_house.gif) no-repeat;
					  position:relative; float:right;}

					  
	  
#who_am_i			{ width:290px; margin-bottom:50px;}
#who_am_i .title	{ background:url(http://www.kyletunneyphotography.com/imgs/titles/who_am_title.gif) no-repeat; width:90px; height:65px; }
#who_am_i .who_am_p	{ padding:20px 0 0 0; }


#what .title		{ background:url(http://www.kyletunneyphotography.com/imgs/titles/what_do_title.gif) no-repeat; width:95px; height:65px; }
#work .title		{ background:url(http://www.kyletunneyphotography.com/imgs/titles/work_title.gif) no-repeat; width:58px; height:65px; }
/*#what				{ width:290px; } #work	{ width:100px; } */


#norm_copy			{ width:600px; padding:20px 0 10px 0; }




/* 3Column Layout */
#mainleft 		{ width:40%; float:left; padding-bottom:10px; }
#maincenter 	{ width:34%; float:left; padding-bottom:10px; }
#mainright 		{ width:26%; float:left; padding-bottom:10px; }


ul.services 	{ margin:18px 0 20px 5px; padding:0; list-style:none; color: #4c4e48; font-size: 100%;
				  font-family:Georgia, "Times New Roman", Times, serif;}
ul.services li 	{ width:74%; display:block; background:url('http://www.kyletunneyphotography.com/imgs/base/arrow.gif') no-repeat;
				 margin:3px 0 0 3px; padding:3px 0 6px 20px; border-bottom:1px solid #e3e5e0; }
ul.services li a, a:visited, a:visited:hover, a:hover {text-decoration:none;}				 
ul.services li a, a:visited { text-decoration:none; color:#8bc30f; }
ul.services li a:hover, a:visited:hover { text-decoration:none; color:#0f4fc3; }

ul.work 		{ margin:18px 0 20px 5px; padding:0; list-style:none; color: #4c4e48; font-size: 100%;
				  font-family:Georgia, "Times New Roman", Times, serif;}
ul.work li 		{ float: left; width: 40px; border: 1px solid #e4e4e4; border-bottom: 2px solid #e4e4e4;
			 	  margin: 0 10px 10px 0; padding: 2px 2px 0px 2px; }	
				  
ul.menu_footer	{ list-style:none; font-size:90%; font-family:Georgia, "Times New Roman", Times, serif;
				  padding:14px 0 8px 0; width:380px; margin:0 auto 0 auto; }
ul.menu_footer li	{ display:inline; line-height:1.2em;}	
ul.menu_footer li a	{ padding:5px; margin:0; color:#676865; }
ul.menu_footer li a:hover, a:visited:hover	{color:#999a96;}
#mid_left {width: 450px; float:left;}
#mid_right {float:right; margin-top:8px;}
				  
				  
/* NAV */

#subnav			{ font-family:"Palatino Linotype", "Trebuchet MS", Verdana, Arial;
				  font-size:160%; color:#b5b1b1; padding:30px 0 0 10px; }
#subnav a, a:hover, a:visited, a:visited:hover {color:#8bc30f; }				  
#subnav .b		{ color:#000000; font-weight:bold; }	
.sub			{ border-bottom:2px solid #d4d3d0; width:620px; }			  

#nav			{ padding-top:158px; margin-left:0px; /*z-index: 999;*/ list-style: none; font-size: 62.5%;
				  font-family: "Lucida Grande", Arial, Helvetica, Verdana, Tahoma, sans-serif; }
				  /*   position: absolute; bottom: 0; right: 0;*/

#nav li			{ float: left; margin-right: 3px; background: url(http://www.kyletunneyphotography.com/imgs/base/bg_nav_li2.gif) no-repeat right top;
				  font-size: 1.2em; /* text-transform: uppercase;*/ }

#nav li.current { background-position: right bottom; }
#nav li a		{ float: left; display: block; height: 22px; padding: 9px 14px 0; 
				  background: url(http://www.kyletunneyphotography.com/imgs/base/bg_nav_li_a2.gif) no-repeat left top; color: #9BAAB5; text-decoration: none; }

#nav li.current a{ background-position: left bottom; color: #27333A; }
#nav li:hover,
#nav li.sfhover	{ background-position: right -31px; }
#nav li.current:hover,
#nav li.sfhover.current{ background-position: right bottom; }

#nav li:hover a,
#nav li.sfhover a{ background-position: left -31px; color: #FFF; }

#nav li.current:hover a,
#nav li.sfhover.current a{ background-position: left bottom; color: #27333A; }

#nav li ul		{ clear: left; position: absolute; left: -999em; z-index: 999;
				  width: 161px; margin-top: 31px; margin-left: -1px; _margin-top: 0; /* IE6 only */
				  border: 1px solid #BABEB1; border-top: 0; border-bottom: 0; 
				  list-style: none; line-height: 1; }
				  

*+html #nav li ul{ margin-top: 0; }

#nav li li		{ display: inline; _display: block; float: none; _float: left; margin: 0; 
				  font-size: .9167em; text-transform: none; }

#nav li ul ul	{ margin: -31px 0 0 161px; }

#nav li:hover ul ul,
#nav li.sfhover ul ul{ left: -999em; }

#nav li:hover ul,
#nav li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul{ left: auto; }

#nav li li li{ font-size: 1em; }

#nav li:hover li a,
#nav li.sfhover li a{ float: none; width: 140px; height: auto; padding: 9px 14px; border-top: 1px solid #FBFCFE;
					  border-bottom: 1px solid #D3D6CD; background: #F1F3EE; color: #384751; line-height:1.4em; }


 

#nav li:hover li a:hover,
#nav li.sfhover li a:hover{ background: #e7e9e4; /* blue 98d0f3*/ }				  

#sitemap {list-style:none; margin-left:100px;}
#sitemap li{ color:#6666FF; list-style-image:url(http://www.kyletunneyphotography.com/imgs/other/sitemap_file.gif); padding-left:2px; line-height:0.7em; padding-top:10px;}
#sitemap ul li{ margin-left:5px;}
#sitemap ul li ul li{margin-left:20px;}
#sitemap a:link{color:#b5b1b1;text-decoration:none;}
#sitemap a:visited{color:#b5b1b1; text-decoration:none;}
#sitemap a:hover{color:#3a8cba; text-decoration:none;}