/*----------
=GENERAL CSS
----------*/

body {
	background: #242424 url(images/top_bg.jpg) left -40px repeat-x;
	margin: 0;
	padding: 0;
	overflow-x:hidden;
	
}

body#thanks_success{
	background: black none;
	padding-top:150px;
	
}	
	
	body#thanks_success #top{
		
		background-image:url(images/thanks_bg.jpg);
		padding-top:65px;
	}		
	
		body#thanks_success #top p.message{
			color:white; 
			font-weight:bold; 
			font-size:130%;
			width:85%; 
			margin:auto;
			line-height:150%;
		}
		
		body#thanks_success #top p.redirect{
			color:white;
			font-weight:bold;
			font-size:110%;
			margin-top:15px;
		}

ul, ol, p, form, h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
	list-style: none;
}

.clear {
	clear: both;
}

	/*----------
	=TOP CSS
	----------*/
	
		#top {
			background: transparent url(images/intro_bg.jpg) top center no-repeat;
			height: 100px;
			width: 896px;
			margin: 0 auto;
			padding: 75px 0 45px 0;
			position:relative;
			text-align:center;
			margin-top:-40px;
		}
		
			#top p {
				margin: 0;
				padding: 0 10px;
				font: 16px/150% "Georgia", serif;
				text-align: center;
				color: #fff;
				line-height:125%;
			}
			
			#top blockquote{
				margin:0;
				padding:0;
				text-align:center;
				margin:auto;
				position:relative;
				font: 16px/150% "Georgia", serif;
				text-align: center;
				color: #fff;	
				width:80%;
				background: transparent url(images/left-quote.gif) top left no-repeat;
				
			}
			
			#top blockquote div{
				background: transparent url(images/right-quote.gif) right bottom no-repeat;
				padding:10px;
			}
			

	/*----------
	=LAYOUT CSS
	----------*/
	
		#layout {
			background: transparent url(images/cont_bg.jpg) top center repeat-y;
			width: 814px;
			margin: 0 auto;
		}
			
			#layout .cont_top {
				background: transparent url(images/cont_top.jpg) top left no-repeat;
				width: 595px;
				padding: 0 110px;
			}
			
			#layout h1 {
				text-indent: -500em;
			}
		
			#layout h2#title {
				background: transparent url(images/cont_title.jpg) top left no-repeat;
				height: 34px;
				width: 608px;
				margin: 50px 0 15px -31px;
				text-indent: -500em;
				font-size: 0px/0;
			}
			
			#layout h3#titleProDesign {
				background: transparent url(images/cont_titleProDesigner.jpg) top left no-repeat;
				height: 23px;
				width: 392px;
				text-indent: -500em;
				font-size: 0px/0;
			}

				/*----------
				=LAYOUT-LEFT CSS
				----------*/
			
					#layout #left {
						background: transparent url(images/cont_div.gif) top right repeat-y;
						width: 357px;
						margin: 20px 0;
						padding: 0 0 0 15px;
						float: left;
					}
					
						#layout #left dt {
							width: 354px;
							margin: 0 0 0 -20px;
							text-indent: -500em;
							font-size: 0px/0;
						}
						
							#layout #left dt.title1 {
								background: transparent url(images/cont_leftTitle1.jpg) top left no-repeat;
								height: 59px;
							}
						
							#layout #left dt.title2 {
								background: transparent url(images/cont_leftTitle2.jpg) top left no-repeat;
								height: 55px;
							}
						
								#layout #left dd ul{
									list-style-type:disc !important;
									margin-left:15px;
									padding-left:15px;
									margin-bottom:10px;
									margin-top:10px;
								}
								
							
							#layout #left dt.title3 {
								background: transparent url(images/cont_leftTitle3.jpg) top left no-repeat;
								height: 36px;
							}
							
						
						#layout #left dd {
							margin: 15px 40px 15px 20px;
							text-align: left;
							font: 90% "Georgia", serif;
							color: #111;
						}

				/*----------
				=LAYOUT-RIGHT CSS
				----------*/
				
					#layout #right {
						width: 220px;
						margin: 20px 30px 0 0;
						float: right;
					}
					
						#layout #right h3 {
							font: 15px "Georgia", serif;
							margin: 0 0 -20px 0;
							color: #708f3f;
						}
			
							/*----------
							=RIGHT-FORM CSS
							----------*/
								
								#layout #right form {
									background: transparent url(images/cont_rightFormBg.jpg) top center no-repeat;
									height: 305px;
									width: 150px;
									margin: 0 0 0 -10px;
									padding: 35px 30px;
								}
								
									#right form label {
										display: block;
										font: 13px "Georgia", serif;
										color: #3d640f;
									}
									
									#right form input, #right form textarea {
										background-color: #d3e9bb;
										width: 160px;
										margin: 3px 5px 8px;
										padding: 2px;
										font: 13px "Arial Narrow", "Arial", sans-serif;
										letter-spacing: 1px;
										color: #324612;
										border: 1px solid #7eb244;
									}
									
									#right form textarea{
										height:100px;
										overflow:auto;
									}
									
									#right form input.submit {
										background: transparent url(images/cont_rightFormSubmit.jpg) top left no-repeat;
										height: 36px;
										width: 97px;
										text-indent: -500em;
										font-size: 0px/0;
										margin: 3px 10px;
										border: none;
									}
					
							#layout #right p img {
								border: 5px solid #8e9982;
								margin: 6px;
							}
					
			#layout .cont_footer {
				background: transparent url(images/cont_footer.jpg) bottom left no-repeat;
				width: 634px;
				margin: 0 0 0 -20px;
				padding: 0 0 50px 20px;
				position:relative;
				_margin-right:-60px;
			}
			
			#layout .cont_footer #me{
				background:url(images/me.jpg) no-repeat;
				width:241px;
				height:417px;
				position:absolute; 
				right:-205px;
				_right:-180px;
				top:50px;
				z-index:300;
				text-indent:-9999px;
				outline:none;
				
			}
			
			
	
			
	/*----------
	=FOOTER CSS
	----------*/
	
		#footer {
			background: transparent url(images/footer_bg.jpg) top left repeat;
			width: 100%;
			margin: 60px 0 0 0;
			padding: 40px 0;
			border-top: 10px solid #141414;
		}
		
			#footer #footerCont {
				background: transparent url(images/footer_contBg.png) top left repeat;
				width: 630px;
				margin: 0 auto;
				padding: 15px 15px 0 15px;
				color: #fff;
			}
			
				#footerCont h2 {
					margin: 0 0 20px 0;
					font: 18px "Georgia", serif;
					color: #97ff23;
				}
				
				#footerCont img {
					border: 5px solid #72b12b;
					float: left;
				}
				
				#footerCont ul {
					float: right;
					width: 470px;
					font: 13px "Arial Narrow", "Arial", sans-serif;
					text-transform: uppercase;
					color: #a3a3a3;
				}
				
					#footerCont ul li {
						background: transparent url(images/footer_workUnderlineDark.gif) bottom left repeat-x;
						padding: 2px 0;
					}
					
						#footerCont ul li.title {
							background-image: url(images/footer_workUnderline.gif);
							color: #d5d5d5;
						}
						
						#footerCont ul li.desc {
							background-image: none;
						}
						
							#footerCont ul li.desc p {
								background: transparent url(images/footer_workUnderlineTrans.png) top left repeat;
								padding: 3px 0 0 0;
								line-height: 185%;
								letter-spacing: 1px;
								text-transform: none;
								text-align: justify;
								color: #757575;
								
							}
						
				#footerCont .clear {
					height: 30px;
				}
				
			#footer #copyright {
				background-color: #222;
				width: 100%;
				margin: 40px 0 -40px 0;
				padding: 15px 0;
				text-align: center;
				font: 16px "Arial Narrow", "Arial", sans-serif;
				color: #fff;
				border-top: 5px solid #111;
			}
			
				#footer #copyright p a{
					color:white;
				}