/*
Theme Name: LoveInColor
Theme URI: http://loveincolor.com/
Description: Version 2 of the infamous loveincolor's, Andrew Christensen's online portfolio.
Version: 2
Author: Andrew Christensen
Author URI: http://loveincolor.com
Tags: blue, portfolio, web design, graphic design, photography, andrew christensen, design, code
*/

/*-----------
=GLOBAL CSS
-----------*/

	body {
		background: #fff url(/img/bg.gif) left top repeat;
		margin: 0;
		padding: 0;
	}

	ul, ol, form, h1, h2, h3, h4, blockquote, fieldset {
		margin: 0;
		padding: 0;
		border: none;
		list-style: none;
	}
	
	.clear {
		clear: both;
	}
	
	a:active, a:visited, a:link {color: #A4A48E; text-decoration: underline;}
	a:hover {color: #33ADFF; text-decoration: none;}
	
/*-----------
=LAYOUT CSS
-----------*/

	/*-----------
	=LAYOUT-LANDING CSS
	-----------*/
	
			/*-----------
			=LANDING-TOP CSS
			-----------*/
			
				#top {
					background: transparent url(/img/top_bg.jpg) left top repeat-x;
					width: 100%;
				}
				
					#top #mid {
						background: transparent url(/img/top_midBg.jpg) left top no-repeat;
						height: 540px;
						width: 1000px;
						margin: 0 auto;
						padding-top: 1px;
					}
					
						#mid h1 {
							text-indent: -500em;
						}
						
							#mid h1 a {
								background: transparent url(/img/top_logo.jpg) left top no-repeat;
								display: block;
								height: 47px;
								width: 309px;
								margin: 15px 0 0 15px;
							}
							
						#mid #header {
							height: 393px;
							width: 874px;
							margin: 3px auto;
						}
						
						#mid ul#nav {
							margin: 21px 0 8px 0;
							padding: 0 90px;
							float: left;
						}
						
							body#child #mid ul#nav {
								margin: 7px 0 0 0;
								padding: 0 90px;
								float: left;
							}
						
							#mid ul#nav li {
								margin: 0 4px;
								float: left;
							}
							
								#mid ul#nav li a {
									height: 55px;
									display: block;
									float: left;
									font-size: 0px/0;
									text-indent: -500em;
									outline: none;
								}
								
								#mid ul#nav li.home a {
									background: transparent url(/img/nav_home.jpg) left top no-repeat;
									width: 120px;
									outline: none;
								}
								
								#mid ul#nav li.about a {
									background: transparent url(/img/nav_about.jpg) left top no-repeat;
									width: 156px;
									outline: none;
								}
								
								#mid ul#nav li.services a {
									background: transparent url(/img/nav_services.jpg) left top no-repeat;
									width: 133px;
									outline: none;
								}
								
								#mid ul#nav li.work a {
									background: transparent url(/img/nav_work.jpg) left top no-repeat;
									width: 168px;
									outline: none;
								}
								
								#mid ul#nav li.contact a {
									background: transparent url(/img/nav_contact.jpg) left top no-repeat;
									width: 196px;
									outline: none;
								}
								
									#mid ul#nav li a:hover {
										background-position: bottom left;
									}
	
			/*-----------
			=LANDING-CONTENT CSS
			-----------*/
			
				/*-----------
				=CONTENT-RECENTWORK CSS
				-----------*/
				
					#content {
						background: transparent url(/img/content_bgHighlight.jpg) left top no-repeat;
						width: 940px;
						margin: 0 auto;
						padding: 0 30px 0 30px;
					}
						
						#content #recentWork {
							position: relative;
							background: transparent url(/img/landing_recentWork_bg.jpg) left bottom no-repeat;
							margin: 0 0 -75px 0;
							left: 40px;
							padding: 20px 0 120px 0;
						}
					
							#content h2#landing_recentWork {
								background: transparent url(/img/landing_h2recentWork.jpg) left top no-repeat;
								height: 22px;
								width: 202px;
								margin: 0 0 0 -20px;
								padding: 0;
								text-indent: -500em;
								z-index: 50;
							}
							
								#content p.recentWorkTitle {
									position: relative;	
									background: transparent url(/img/landing_recentWork_title.jpg) left top no-repeat;
									height: 19px;
									width: 449px;
									margin: 3px 0 15px -10px;
									text-indent: -500em;
									font-size: 0px/0;
									z-index: 50;
								}
								
								#content p.landing_thumbImg {
									position: relative;
									float: left;
									z-index: 1;
								}
								
									#content p.landing_thumbImg img {
										border: 8px solid #383838;
									}
									
								#content p.recentWorkDetail {
									position: relative;
									height: 29px;
									width: 334px;
									margin: 20px 0 0 15px;
									float: left;
									text-indent: -500em;
									z-index: 50;
								}
								
									#content p.recentWorkDetail a.recentWorkDetailimg {
										background: transparent url(/img/landing_recentWork_title2.png) left top no-repeat;
										height: 29px;
										width: 334px;
										display: block;
									}
									
								#content p.recentWorkText {
									position: relative;
									width: 537px;
									padding: 0 80px 0 0;
									float: right;
									font: 14px "Arial Narrow", "Arial", sans-serif;
									letter-spacing: 1px;
									color: #aaa59a;
									z-index: 50;
								}
								
								#content p.recentWorkButtons {
									position: absolute;
									width: 500px;
									margin: 171px 0 0 305px;
									float: left;
								}
								
									#content p.recentWorkButtons a.visitSite {
										background: transparent url(/img/landing_recentWork_butSite.jpg) left top no-repeat;
										height: 66px;
										width: 125px;
										margin: 0 13px 0 20px;
										display: block;
										float: left;
										text-indent: -500em;
									}
									
										#content p.recentWorkButtons a.visitSite:hover, #content p.recentWorkButtons a.caseStudy:hover {
											background-position: left bottom;
										}
								
									#content p.recentWorkButtons a.caseStudy {
										background: transparent url(/img/landing_recentWork_butCase.jpg) left top no-repeat;
										height: 66px;
										width: 140px;
										display: block;
										float: left;
										text-indent: -500em;
									}
			
				/*-----------
				=CONTENT-SAMPLEWORK CSS
				-----------*/
				
					#content #freshWork {
						position: relative;
						background: transparent url(/img/landing_fresh_bg.jpg) left top no-repeat;
						width: 882px;
						margin: 15px auto 45px auto;
						padding: 40px 0 10px 38px;
						border-bottom: 1px solid #505051;
					}
						
						#content #freshWork p.leftBtn {
							position: absolute;
							left: 10px;
							top: 165px;
						}
						
						#content #freshWork p.rightBtn {
							position: absolute;
							right: 10px;
							top: 165px;
						}
						
							#content #freshWork p.leftBtn a, #content #freshWork p.rightBtn a {
								background: transparent url(/img/landing_freshLeftBt.jpg) left top no-repeat;
								height: 31px;
								width: 31px;
								display: block;
								text-indent: -500em;
							}
							
							#content #freshWork p.rightBtn a {
								background: transparent url(/img/landing_freshRightBt.jpg) left top no-repeat;
							}
							
								#content #freshWork p.leftBtn a:hover, #content #freshWork p.rightBtn a:hover {
									background-position: bottom left;
								}
					
							#content #freshWork .work {
								width: 280px;
								float: left;
							}
							
								#content #freshWork .work h3 {
									margin: 0 0 -20px 21px;
									font: lighter 14px "Georgia", serif;
									text-transform: uppercase;
								}
								
									#content #freshWork .work h3 a {color: #aea896; text-decoration: none;}
									
									#content #freshWork .work h3 a:hover {color: #fff;}
							
								#content #freshWork .work p {
									font: 11px "Arial", sans-serif;
									padding: 0 30px;
									color: #929292;
								}
							
								#content #freshWork .work p.thumb {
									background: transparent url(/img/landing_fresh_workBg.png) center center no-repeat;
									width: 247px;
									padding: 20px;
									text-align: center;
								}
								
									#content #freshWork .work p.thumb a img {border: 0;}
								
								#content #freshWork .work p.workTitle {
									font: 18px/0 "Georgia", serif;
									margin: 0 0 15px 30px;
									padding: 0;
									text-transform: lowercase;
									color: #a2a285;
								}
								
								#content #freshWork .work p.workDetails {
									font: 14px "Arial Narrow", sans-serif;
									margin: 5px 0 5px 30px;
									padding: 0;
									color: #92b9c9;
								}
								
								#content #freshWork .work a.freshstudy {
									background: transparent url(/img/landing_fresh_casebtn.jpg) top left no-repeat;
									height: 36px;
									width: 134px;
									margin: 5px 0 0 -7px;
									display: block;
									font-size: 0;
									text-indent: -500em;
								}
								
									#content #freshWork .work a.freshstudy:hover {
										background-position: bottom left;
									}
			
				/*-----------
				=CONTENT-LANDINGMISC CSS
				-----------*/
				
					#content #landingMisc {
						background: transparent url(/img/landing_miscDiv.jpg) 270px -160px repeat-y;
						width: 938px;
						margin: 0 0 0 10px;
					}
			
					/*-----------
					=LANDINGMISC-SERVICESOFFERED CSS
					-----------*/
					
						#content #landingMisc #landing_Services {
							background: transparent url(/img/landing_servicesBg.jpg) left 40px no-repeat;
							width: 280px;
							float: left;
							font: 12px "Georgia", serif;
							color: #b4b4b4;
						}
					
							#content #landing_Services h3 {
								position: relative;
								background: transparent url(/img/landing_servicesH3.jpg) left top no-repeat;
								height: 29px;
								width: 195px;
								display: block;
								margin: 0;
								padding: 0;
								text-indent: -500em;
								font-size: 0px/0;
							}
							
								#content #landing_Services p {
									position: relative;
									margin: 8px;
									z-index: 100 !important;
								}
							
								#content #landing_Services i {
									font-style: italic;
									color: #98d2ff;
								}
							
								#content #landing_Services dl {
									position: relative;
									margin: -55px 15px 15px 0px;
									padding: 60px 0 0 34px;
									overflow: visible;
									z-index: 1;
								}
								
									#content #landing_Services dl dt {
										margin: 5px 0;
										font: 15px "Georgia", serif;
										color: #fff;
									}
									
										#content #landing_Services dl dd {
											position: relative;
											margin: 10px 15px;
											font: 10px "Verdana", sans-serif;
											color: #9d9d9d;
											z-index: 1;
										}
										
											#content #landing_Services dl dd a:active, #content #landing_Services dl dd a:visited, #content #landing_Services dl dd a:link {color: #7aabd7; text-decoration: underline;}
											#content #landing_Services dl dd a:hover {background-color: #13171a; color: #90caff; text-decoration: none;}
										
							#content #landing_Services p a:active, #content #landing_Services p a:visited, #content #landing_Services p a:link {color: #d7d7d7; text-decoration: underline;}
							#content #landing_Services p a:hover {color: #fff; text-decoration: none;}
			
					/*-----------
					=LANDINGMISC-UPDATES CSS
					-----------*/
					
						#content #landingMisc #landing_Updates {
							width: 608px;
							height: 330px;
							float: right;
							margin: 0 30px 0 0;
							padding: 0 0 0 20px;
						}
						
							#content #landing_Updates h3 {
								background: transparent url(/img/landing_updatesTitle.jpg) top left no-repeat;
								height: 124px;
								width: 658px;
								margin: 0 0 0 -20px;
								text-indent: -500em;
								font-size: 0px/0;
							}
							
								#content #landing_Updates h4 {
									background: transparent url(/img/landing_updatesDiv.jpg) left center repeat-x;
									width: 528px;
									margin: 0 0 8px 0;
									padding: 0;
									float: right;
									font: lighter 17px "Georgia", serif;
									text-transform: uppercase;
								}
								
									#content #landing_Updates h4:hover {background-image: url(/img/landing_updatesDivh.jpg);}
								
									#content #landing_Updates h4 a {background: transparent url(/img/bg.gif) left center repeat-x; padding: 0 10px 0 0;}
								
									#content #landing_Updates h4 a:active, #content #landing_Updates h4 a:visited, #content #landing_Updates h4 a:link {color: #d2c9be; text-decoration: none;}
									#content #landing_Updates h4 a:hover {color: #fff;}
									
								#content #landing_Updates p {
									padding: 0 0 0 80px;
									margin: 10px 0;
									font: 12px/18px "Arial", sans-serif;
									color: #8f897e;
								}
									
									#content #landing_Updates p.date {
										width: 70px;
										margin: 0;
										padding: 0;
										float: left;
										letter-spacing: 0;
										font: 14px "Georgia", serif;
										color: #7b7466;
									}
									
									#content #landing_Updates p.readmore a:active, #content #landing_Updates p.readmore a:visited, #content #landing_Updates p.readmore a:link {color: #ccbea6; text-decoration: none;}
									#content #landing_Updates p.readmore a:hover {color: #fff; text-decoration: none;}
									
								#content #landing_Updates div.clear {
									margin: 10px 0;
									height: 1px;
								}
			
					/*-----------
					=LANDINGMISC-PLACESTOFINDME CSS
					-----------*/
					
						#content #landingMisc #landing_Findme {
							background: transparent url(/img/landing_findmeDiv.jpg) left top repeat-x;
							width: 608px;
							margin: 15px 30px 30px 0;
							padding: 5px 0 0 0;
							float: right;
						}
						
							#content #landing_Findme h3 {
								background: transparent url(/img/landing_findmeTitle.jpg) left top no-repeat;
								height: 82px;
								width: 139px;
								float: left;
								text-indent: -500em;
								font-size: 0px/0;
							}
							
								#content #landing_Findme ul {
									width: 465px;
									padding: 20px 0 0 0;
									float: left;
								}
								
									#content #landing_Findme ul li {
										background: transparent url(/img/landing_findmevDiv.jpg) right top repeat-y;
										padding: 8px 12px;
										float: left;
									}
									
										#content #landing_Findme ul li a {
											height: 31px;
											text-indent: -500em;
											font-size: 0px;
										}
										
											#content #landing_Findme ul li.flickr a {
												background: transparent url(/img/landing_findmeFlick.jpg) left top no-repeat;
												width: 67px;
												display: block;
											}
										
											#content #landing_Findme ul li.twitter a.twit {
												background: transparent url(/img/landing_findmeTwit.jpg) left top no-repeat;
												width: 81px;
												display: block;
											}
											
												#content #landing_Findme ul li.twitter #twitBox {
													position: absolute;
													width: 514px;
													height: 86px;
													float: left;
													text-align: right;
													z-index: 10 !important;
												}
											
												#content #landing_Findme ul li.twitter ul#twitter_update_list {
													background: transparent url(/img/landing_twitter.jpg) -12px 0 no-repeat;
													position: relative;
													width: 514px;
													margin: 5px 0 0 0;
													padding: 20px 0 40px 0;
													z-index: 50 !important;
													overflow: visible;
												}
												
													#content #landing_Findme ul li.twitter ul#twitter_update_list li {
														background: transparent none no-repeat;
														padding: 20px 40px 10px 10px;
														float: left;
														font: 10px "Verdana", sans-serif;
														text-align: justify;
														letter-spacing: .2px;
														color: #9f9f9f;
													}
												
														#content #landing_Findme ul li.twitter ul#twitter_update_list li a {
															position: inherit;
															height: inherit;
															font: bold 9px "Georgia", serif;
															text-decoration: none;
														}
														
															#content #landing_Findme ul li.twitter ul#twitter_update_list a:active, #content #landing_Findme ul li.twitter ul#twitter_update_list a:visited, #content #landing_Findme ul li.twitter ul#twitter_update_list a:link {color: #446d8e;}
															#content #landing_Findme ul li.twitter ul#twitter_update_list a:hover {color: #62a9e0;}
													
													#content #landing_Findme ul li.twitter a#twitter-link {
														background-color: transparent;
														position: absolute;
														right: 54px;
														top: 104px;
														clear: both;
														display: inline;
														font: 10px "Arial", sans-serif;
														text-indent: 0;
														z-index: 50;
													}
													
														#content #landing_Findme ul li.twitter a#twitter-link:active, #content #landing_Findme ul li.twitter a#twitter-link:visited, #content #landing_Findme ul li.twitter a#twitter-link:link {color: #676767;}
													
														#content #landing_Findme ul li.twitter a#twitter-link:hover {color: #fff;}
										
											#content #landing_Findme ul li.kontain a {
												background: transparent url(/img/landing_findmeKont.jpg) left top no-repeat;
												width: 124px;
												display: block;
											}
										
											#content #landing_Findme ul li.linked a {
												background: transparent url(/img/landing_findmeLinked.jpg) left top no-repeat;
												width: 92px;
												display: block;
											}
											
												#content #landing_Findme ul li a:hover, #content #landing_Findme ul li a.twit:hover {
													background-position: left bottom;
												}
	
			/*-----------
			=CHILDPAGE-CONTENT CSS
			-----------*/
			
				body#child #top {
					background: transparent url(/img/top_bgCS.jpg) left top repeat-x;
				}
				
					body#child #top #mid {
						background: transparent url(/img/top_midBgCS.jpg) left top no-repeat;
						height: 340px;
					}
							
						body#child #mid #header {
							height: 212px;
							width: 850px;
							margin: 1px auto 0px auto;
						}
						
							body#child #mid .headerAbout {
								background-image: url(/img/child_about_header.jpg);
							}
						
							body#child #mid .headerService {
								background-image: url(/img/child_services_header.jpg);
							}
						
							body#child #mid .headerWork {
								background-image: url(/img/child_work_header.jpg);
							}
						
							body#child #mid .headerContact {
								background-image: url(/img/child_contact_header.jpg);
							}
						
						body#child #content {
							padding: 15px 0 0 0;
						}
	
							/*-----------
							=CHILDPAGE-CONTENT-LEFT CSS
							-----------*/
						
								#content #childLeft {
									background: transparent url(/img/child_leftBg.gif) right top repeat-y;
									width: 180px;
									float: left;
									padding: 30px 0 0 0;
								}
								
									#childLeft h2 {
										width: 164px;
										height: 119px;
										text-indent: -500em;
										font-size: 0px;
									}
									
										#childLeft h2#titleAbout {
											background: transparent url(/img/child_titleAbout.jpg) left top no-repeat;
										}
									
										#childLeft h2#titleService {
											background: transparent url(/img/child_titleService.jpg) left top no-repeat;
										}
									
										#childLeft h2#titleWork {
											background: transparent url(/img/child_titleWork.jpg) left top no-repeat;
										}
									
										#childLeft h2#titleContact {
											background: transparent url(/img/child_titleContact.jpg) left top no-repeat;
										}
									
										#childLeft h2#titleBlog {
											background: transparent url(/img/child_titleBlog.jpg) left top no-repeat;
										}
											
											#childLeft ul {
												padding: 30px 0;
												text-align: right;
											}
										
												#childLeft ul li {
													background: transparent url(/img/child_leftbDiv.jpg) bottom right no-repeat;
													margin: 0 0 3px 0;
													padding: 0 15px 3px 0;
													font: 10px "Verdana", sans-serif;
													color: #736554;
												}
											
													#childLeft ul li.title {
														background: transparent url(/img/child_lefttDiv.jpg) bottom right no-repeat;
														margin: 37px 0 4px 0;
														padding: 0 8px 2px 0;
														color: #b7a998;
													}
													
													#childLeft ul li strong {
														display: block;
														color: #867b6e;
													}
													
											#childLeft a:active, #childLeft a:visited, #childLeft a:link {color: #786f64;}
											#childLeft a:hover {color: #518d9a; text-decoration: none;}
	
							/*-----------
							=CHILDPAGE-CONTENT-RIGHT CSS
							-----------*/
						
								#content #childRight {
									width: 740px;
									float: right;
									padding: 30px 0 0 0;
								}
								
									#childRight h2 {
										background: transparent url(/img/child_rightH2u.jpg) left bottom no-repeat;
										margin: 0 0 0 -7px;
										padding: 0 0 0 7px;
										font: lighter 18px "Georgia", serif;
										color: #679ce8;
									}
									
									#childRight h3 {
										margin: 10px;
										font: lighter 13px "Arial", sans-serif;
										color: #546b8c;
									}
									
									#childRight p {
										padding: 0 20px;
										letter-spacing: 1px;
										font: 13px "Arial Narrow", sans-serif;
										color: #88877d;
									}
	
							/*-----------
							=CHILDPAGE-CONTENT-SERVICE CSS
							-----------*/
							
								#content #childRight #excerpt {
									background: transparent url(/img/child_blogExcerpt.jpg) top center no-repeat;
									height: 165px;
									width: 694px;
									margin: 0 0 15px 0;
								}
									
									#content #childRight #excerpt p {
										margin: 0;
										padding: 20px;
										text-align: justify;
										font: 15px/25px "Georgia", serif;
										letter-spacing: 3px;
										color: #a8a8a8;
									}
	
							/*-----------
							=CHILDPAGE-CONTENT-SERVICE CSS
							-----------*/
							
								#content #childRight ul.serviceUL {
									width: 220px;
									margin: 20px 0 0 10px;
									float: left;
								}
								
									#childRight ul.serviceUL li {
										background: transparent url(/img/child_serviceBullet.jpg) center left no-repeat;
										margin: 2px 0 2px 6px;
										padding: 0 0 0 18px;
										font: 12px "Arial Narrow", "Arial", sans-serif;
										text-transform: uppercase;
										color: #949384;
									}
									
										#childRight ul.serviceUL li.title {
											background: transparent url(/img/child_serviceUl.jpg) bottom left no-repeat;
											margin: 0 0 6px 0;
											padding: 0 0 2px 4px;
											font-size: 15px;
											color: #c4c3b9;
										}
										
										#content #childRight p.serviceCTA {
											margin: 20px 0 0 0;
											padding: 0;
										}
										
											#content #childRight p.serviceCTA a {
												background: transparent url(/img/child_serviceCTA.jpg) top left no-repeat;
												height: 67px;
												width: 737px;
												display: block;
												text-indent: -500em;
												font-size: 0;
											}
											
											#content #childRight p.serviceCTA a:hover {
												background-position: bottom left;
											}
	
							/*-----------
							=CHILDPAGE-CONTENT-WORK CSS
							-----------*/
							
								#content #childRight .workThumbs {
									background: transparent url(/img/child_workDiv.jpg) bottom left no-repeat;
									width: 400px;
									margin: 15px 0 5px 0;
									padding: 0 0 20px 320px;
									float: left;
									clear: both;
								}
								
									#content #childRight .workThumbs img {
										background: transparent url(/img/child_workThumbBG.jpg) top left no-repeat;
										margin: 20px 15px 10px -320px;
										padding: 10px;
										float: left;
									}
									
									#content #childRight .workThumbs h3 {
										margin: 0;
										padding: 0;
										font: 16px "Georgia", serif;
										color: #a3a194;
									}
									
										#content #childRight .workThumbs h3 span {
											font-size: 13px;
											color: #7a7767;
											letter-spacing: -2px;
										}
										
										#content #childRight .workThumbs h3 a {
											font-size: 12px;
											letter-spacing: 0;
										}
										
										#content #childRight .workThumbs h3 a:active, #content #childRight .workThumbs h3 a:visited, #content #childRight .workThumbs h3 a:link {color: #7193c5; text-decoration: none;}
										
										#content #childRight .workThumbs h3 a:hover {color: #92b4e5; text-decoration: underline;}
									
									#content #childRight .workThumbs p {
										width: 330px;
										text-align: justify;
										font: 10px/15px "Verdana", sans-serif;
										letter-spacing: 0;
										color: #7e7863;
									}
									
										#content #childRight .workThumbs p.date {
											margin: 0;
											padding: 0;
											font: 15px "Arial Narrow", "Arial", sans-serif;
											letter-spacing: -1px;
											color: #615f57;
										}
										
									#content #childRight .workThumbs p.arrow {
										background: transparent url(/img/child_workArrow.jpg) bottom left no-repeat;
										position: relative;
										width: 140px;
										margin: -4px 30px 8px 1px;
										padding: 0 0 1px 10px;
										float: left;
										color: #9d907d;
									}
										
										#content #childRight .workThumbs p.arrow a:active, #content #childRight .workThumbs p.arrow a:visited, #content #childRight .workThumbs p.arrow a:link {color: #bdb496; text-decoration: underline;}
										
										#content #childRight .workThumbs p.arrow a:hover {color: #d90000; text-decoration: none;}
										
	
							/*-----------
							=CHILDPAGE-CONTENT-CONTACT CSS
							-----------*/
							
								#content #childRight .contact {
									background: transparent url(/img/child_contactBg.jpg) top left no-repeat;
									width: 719px;
									height:  400px;
									padding: 10px;
								}
								
									#content #childRight .contact div.submit input#sendbutton {
										background: transparent url(/img/child_contactSend.png) top left no-repeat;
										height: 79px;
										width: 253px;
										float: right;
										text-indent: -500em;
										font-size: 0;
										border: 0;
									}
									
										#content #childRight .contact div.submit input#sendbutton:hover {
											background-position: bottom left;
											cursor: pointer;
										}
								
									#childRight .contact .contactLeft {
										float: left;
										width: 390px;
									}
									
									#childRight .contact .contactLeft div.input label {
										position: relative;
										width: 110px;
										display: block;
										margin: 0 0 0 -10px;
										float: left;
										font: 14px "Arial Narrow", sans-serif;
										letter-spacing: 0;
										text-transform: uppercase;
										color: #88877d;
									}
									
										#childRight .contact .contactLeft input, #childRight .contact .contactLeft textarea {
											background: transparent url(/img/child_contactInputL.jpg) top left no-repeat;
											height: 12px;
											width: 242px;
											padding: 4px;
											font: 10px "verdana", sans-serif;
											text-transform: uppercase;
											color: #7e7d6f;
											border: 0;
										}
									
										#childRight .contact .contactLeft textarea {
											background: transparent url(/img/child_contactTxtaL.jpg) top left no-repeat;
											height: 59px;
											width: 242px;
										}
										
											#childRight .contact .contactLeft input:focus, #childRight .contact .contactLeft textarea:focus {
												background-position: bottom left;
												color: #a7a69a;
											}
								
									#childRight .contact .contactRight {
										position: relative;
										float: right;
										width: 320px;
										margin: -11px 0 0 0;
									}
									
										#childRight .contact .contactRight h3 {
											background: transparent url(/img/child_contactRightU.jpg) bottom left no-repeat;
											font: 18px "Arial Narrow", "Arial", sans-serif;
											color: #a8a7a7;
										}
										
											#childRight .contact .contactRight div.input,
											#childRight .contact .contactLeft div.input {
												margin: 15px 0 15px 15px;
												padding: 0;
												font: 14px "Arial Narrow", sans-serif;
												letter-spacing: 0;
												text-transform: uppercase;
												color: #6f6f62;
											}
								
											#childRight .contact .contactRight div.input label {
												width: 120px;
												display: block;
												float: left;
												font: 14px "Arial Narrow", sans-serif;
												letter-spacing: 0;
												text-transform: uppercase;
												color: #6f6f62;
											}
									
											#childRight .contact .contactRight input, #childRight .contact .contactRight textarea {
												position: relative;
												background: transparent url(/img/child_contactRInput.jpg) top left no-repeat;
												height: 12px;
												border: 1px solid #fff;
												width: 171px;
												padding: 4px;
												font: 10px "verdana", sans-serif;
												text-transform: uppercase;
												color: #7e7d6f;
												border: 0;
											}
											
											#childRight .contact .contactRight fieldset {
												float: right;
												border: 0;
												font: 10px "Verdana", sans-serif;
												color: #6f6f62;
											}
											
												#childRight .contact .contactRight fieldset input {
													float: right;
													display: inline;
													margin: 0;
													padding: 0;
												}
											
											#childRight .contact .contactRight select {
												background-color: #23211f;
												width: 171px;
												text-transform: uppercase;
												font: 10px "verdana", sans-serif;
												color: #7e7d6f;
												border: 1px solid #4a443a;
											}
											
												#childRight .contact .contactRight select option {
													padding: 1px;
													border: 0;
													text-align: right;
												}
											
											#childRight .contact .contactRight input:focus, #childRight .contact .contactRight textarea:focus {
												background-position: bottom left;
											}
											
											#childRight .contact .contactRight .rightTier {
												position: relative;
												width: 184px;
												margin: -16px 0 0 0;
												float: right;
												font: 12px "Arial Narrow", sans-serif;
												letter-spacing: 0;
												text-transform: uppercase;
												color: #6f6f62;
											}
											
												#childRight .contact .contactRight .rightTier p {
													margin: 0;
													padding: 0;
												}
											
													#childRight .contact .contactRight .rightTier input {
														width: 10px;
														float: left;
													}
													
													#childRight .contact .contactRight .rightTier label {
														width: 150px;
														margin: 0;
														padding: 0;
														float: right;
													}
 	
								.error-message {
									padding: 3px 25px 0 0;
									text-align: right;
									text-transform: none; 
									color: #fff;
									font: italic 11px "Georgia", serif; }
									
			/*-----------
			=CASESTUDY-CONTENT CSS
			-----------*/
			
				body#casestudyb #top {
					background: transparent url(/img/top_bgCS.jpg) left top repeat-x;
				}
				
					body#casestudyb #top #mid {
						background: transparent url(/img/top_midBgCS.jpg) left top no-repeat;
						height: 405px;
					}
							
						body#casestudyb #mid #header {
							background: transparent url(/img/top_header.jpg) left top no-repeat;
							height: 258px;
							width: 874px;
							margin: 8px auto;
						}
						
						#content #caseStudy {
							position: relative;
							margin: 0 0 -75px 0;
							left: 40px;
							padding: 20px 0 120px 0;
						}
					
							#caseStudy h2#titleCasestudy {
								background: transparent url(/img/casestudy_h2Case.jpg) left top no-repeat;
								height: 26px;
								width: 170px;
								margin: 0 0 0 -20px;
								float: left;
								text-indent: -500em;
								font-size: 0px;
							}
							
								#caseStudy h3  {
									height: 26px;
									margin: 0 0 0 15px;
									float: left;
									text-indent: -500em;
									font-size: 0px;
								}
								
									#caseStudy #caseRedFly {
										background: transparent url(/img/casestudy_h3redfly.jpg) left top no-repeat;
										width: 235px;
									}
								
									#caseStudy #caseSimplyFit {
										background: transparent url(/img/casestudy_h3simplyfit.jpg) left top no-repeat;
										width: 160px;
									}
								
									#caseStudy #caseEWD {
										background: transparent url(/img/casestudy_h3ewd.jpg) left top no-repeat;
										width: 325px;
									}
			
									/*-----------
									=CASESTUDY-LEFT CSS
									-----------*/
									
										#caseStudy #caseLeft {
											width: 665px;
											float: left;
											padding: 0 0 0 20px;
											clear: left;
										}
										
											#caseStudy #caseLeft ul {
												padding: 25px 0 0 0;
												float: left;
											}
										
												#caseStudy #caseLeft ul li {
													width: 517px;
													margin: 0 0 20px 0;
													float: right;
													text-align: justify;
													letter-spacing: .4px;
													word-spacing: 1px;
													font: 14px "Arial Narrow", "Arial", sans-serif;
													color: #aaa;
												}
												
													#caseStudy #caseLeft ul li.title {
														height: 13px;
														width: 128px;
														margin: 2px 15px 0 0;
														float: left;
														clear: right;
														text-indent: -500em;
														font-size: 0px/0;
													}
													
														#caseStudy #caseLeft ul li.client {
															background: transparent url(/img/casestudy_leftClient.jpg) right top no-repeat;
														}
													
														#caseStudy #caseLeft ul li.industry {
															background: transparent url(/img/casestudy_leftInd.jpg) right top no-repeat;
														}
													
														#caseStudy #caseLeft ul li.target {
															background: transparent url(/img/casestudy_leftAud.jpg) right top no-repeat;
														}
													
														#caseStudy #caseLeft ul li.challenge {
															background: transparent url(/img/casestudy_leftChall.jpg) right top no-repeat;
														}
													
														#caseStudy #caseLeft ul li.solution {
															background: transparent url(/img/casestudy_leftSolu.jpg) right top no-repeat;
														}
														
											#caseStudy #caseLeft p.smallThumbs {
												background: transparent url(/img/casestudy_leftImgBg.jpg) left top no-repeat;
												height: 119px;
												width: 502px;
												margin: 0 0 0 150px;
												padding: 28px 5px;
												clear: left;
											}
											
												#caseStudy #caseLeft p.smallThumbs img {
													margin: 0 22px;
													border: 5px solid #1b1b1b;
												}
													
			
									/*-----------
									=CASESTUDY-RIGHT CSS
									-----------*/
									
										#caseStudy #caseRight {
											background: transparent url(/img/casestudy_rightvDiv.jpg) left top repeat-y;
											width: 230px;
											float: right;
											margin: 30px 0 0 0;
											padding: 0;
										}
										
											#caseStudy #caseRight ul {
												padding: 30px 0 0 0;
											}
										
												#caseStudy #caseRight ul li {
													background: transparent url(/img/casestudy_rightbDiv.jpg) bottom left no-repeat;
													width: 150px;
													margin: 0 0 28px 0;
													padding: 0 0 3px 15px;
													font: 10px "Verdana", sans-serif;
													color: #927f68;
												}
											
													#caseStudy #caseRight ul li.title {
														background: transparent url(/img/casestudy_righttDiv.jpg) bottom left no-repeat;
														margin: 0 0 4px 0;
														padding: 0 0 2px 5px;
														color: #b7a998;
													}
													
													#caseStudy #caseRight ul li.testi {
														margin: 60px 0 4px 0;
													}
													
														#caseStudy #caseRight ul li.testili {
															background: transparent url(/img/casestudy_rightQr.jpg) bottom right no-repeat;
															padding: 0;
															width: 160px;
															margin: 0;
															font: 16px "Georgia", serif;
															color: #6f675f;
														}
														
															#caseStudy #caseRight ul li.testili p {
																background: transparent url(/img/casestudy_rightQl.jpg) top left no-repeat;
																margin: 8px;
																padding: 5px;
															}

	/*-----------
	=LAYOUT-FOOTER CSS
	-----------*/
	
		#footer {
			background: #111 url(/img/footer_bg.jpg) top left repeat-x;
			width: 100%;
			padding: 80px 0 0 0;
		}
		
			#footer .innerFoot {
				width: 900px;
				margin: 0 auto;
				padding: 15px 0;
			}
		
			#footer p {
				margin: 0;
				padding: 0;
			}
			
				#footer p.crafted {
					background: transparent url(/img/footer_crafted.jpg) left top no-repeat;
					height: 35px;
					width: 117px;
					float: left;
					text-indent: -500em;
					font-size: 0px/10px;
				}
				
				#footer p.copy {
					background: transparent url(/img/footer_copy.jpg) left top no-repeat;
					height: 33px;
					width: 551px;
					float: right;
					text-indent: -500em;
					font-size: 0px/10px;
				}