/* -------------------------------------------------------------- 
   tracermedia interactive
  
   www.tracermedia.com
   
   Version: 1.0
   * Author: Carl DeCaire
   * Question/Comments: cdecaire@tracermedia.com
   * Last Modified: September 12, 2009
-------------------------------------------------------------- */


/* -------------------------------------------------------------- 
  =General
-------------------------------------------------------------- */

	body {
		font: 62.5%/1.5em Helvetica, Arial, Verdana, sans-serif;
		color: #2e3037;
		background-color: #2e3037;
		}
		
		body.homepage {
			background: #2e3037 url('../img/interface/homepage_bg.png') 0px 0px repeat-x;
			}
			
		body.standard {
			background: #2e3037 url('../img/interface/standard_bg.png') 0px 0px repeat-x;
			}
			
	#container {
		width: 960px;
		margin: 0px auto 0px auto;
		}
	
	.clear {
		clear:both;
		display:block;
		overflow:hidden;
		width:960px;
		height:1px;
		}
		
	.hide {
	    display: none;
		}
		
	#ie {
		display: none;
		}
		
	hr {
		border: 0px;
		width: 100%;
		background-color: #e5e5e5;
		height: 1px;
		}

/* -------------------------------------------------------------- 
  =Link Styles
-------------------------------------------------------------- */

	a {
		color: #ef5923;
		}
	
	a:hover {
		color: #ef5923;
		text-decoration: none;
		}

/* -------------------------------------------------------------- 
  =Header
-------------------------------------------------------------- */
		
		#header {
			padding-bottom: 30px;
			background: transparent url('../img/interface/light_div.png') bottom left no-repeat;
			}
		
		#logo {
			margin: 20px 0px 0px 15px;
			width: 262px;
			height: 64px;
			float: left;
			}
			
			#logo h1 {
				width: 262px;
				height: 64px;
				background: transparent url('../img/interface/tracermedia_logo.png') 0px 0px no-repeat;
				}
				
				#logo h1 a,
				#logo h1 a:visited,
				#logo h1 a:hover,
				#logo h1 a:active {
					height: 64px;
					width: 262px;
					display: block;
					text-decoration: none;
					color: #df6d27;
					font-size: 2.4em;
					text-indent: -9999px;
					}
					
/* -------------------------------------------------------------- 
  =Column Structure
-------------------------------------------------------------- */
			.col2 {
				margin: 50px 15px 0px 15px;
				width: 450px;
				float: left;
				display: block;
				}
				
			.col2-alt {
				margin: 50px 15px 0px 15px;
				width: 210px;
				float: left;
				display: block;
				}
			
			.col3 {
				margin: 50px 15px 0px 15px;
				width: 290px;
				float: left;
				display: block;
				background: transparent url('../img/interface/ourwork_reflection.png') 0px 170px no-repeat;
				}
			
			.col3-alt {
				margin: 0px 15px 0px 15px;
				width: 290px;
				float: left;
				display: block;
				}
			
				.col3 p,
				.col3-alt p,
				.col2 p,
				.col2-alt p	{
					color: #e5e5e5;
					font-size: 1.2em;
					line-height: 1.6em;
					}
					
					.col3 p a,
					.col3-alt p a {
						padding-left: 8px;
						background: transparent url('../img/interface/orange_right_arrow.png') 0px 1px no-repeat;
						}
					
				.col3 img {
					margin-bottom: 10px;
					}
					
			.col3-2 {
				margin: 0px 15px 0px 15px;
				width: 610px;
				float: left;
				display: block;
				}
				
			.col3-1 {
				margin: 0px 15px 0px 15px;
				width: 290px;
				float: left;
				display: block;
				}
			
			
			.col5 {
				margin: 50px 15px 0px 15px;
				width: 160px;
				float: left;
				display: block;
				}
				
				.col5 .process-arrow {
					margin: 10px 0px 20px 55px;
					}
								
				.col5 h4,
				.col5-1 h4,
				.col5-3 h4,
				.col3-alt h4,
				.col2 h4, 
				.col2-alt h4,
				.sidenav h4 {
					color: #e5e5e5;
					font-size: 1.5em;
					font-weight: bold;
					margin-bottom: 10px;
					text-indent: -99999px;
					height: 34px;
					}
							
			.col5-1 {
				margin: 25px 15px 0px 15px;
				width: 160px;
				float: left;
				display: block;
				}
				
				.col5-1 h3 {
					font-weight: normal;
					}
				
				.col5-1 p,
				.col5-3 p {
					color: #e5e5e5;
					line-height: 1.6em;
					}
					
				.col5 ul h5 {
					padding-bottom: 5px;
					color: #e5e5e5;
					font-weight: bold;
					padding-left: 20px;
					line-height: 1.5em;
					font-size: 1.2em;
					background: transparent url('../img/interface/core_services_icon.png') top left no-repeat;
					border-bottom: 1px solid #3c3e47;
					}
					
				.ourwork-middle .col5-1 ul li,
				.col5 ul li,
				.col2-alt ul li,
				.sidenav ul li {
					color: #ced0d5;
					padding-top: 5px;
					padding-bottom: 5px;
					border-bottom: 1px solid #3c3e47;
					}				
					
					li.white {
						padding-left: 8px;
						background: transparent url('../img/interface/white_right_arrow.png') 0px 6px no-repeat;
						}

					li.orange {
						padding-left: 8px;
						background: transparent url('../img/interface/orange_right_arrow.png') 0px 6px no-repeat;
						}				

					li.checkmark {
						color: #e5e5e5;
						padding-left: 18px;
						background: transparent url('../img/interface/checkmark.png') 0px 7px no-repeat;
						}
						
					li.flickr {
						padding-left: 21px;
						background: transparent url('../img/interface/flickr_16.png') 0px 4px no-repeat;
						}

					li.facebook {
						padding-left: 21px;
						background: transparent url('../img/interface/facebook_16.png') 0px 4px no-repeat;
						}
						
					li.twitter {
						padding-left: 21px;
						background: transparent url('../img/interface/twitter_16.png') 0px 4px no-repeat;
						}
						
					li.meetup {
						padding-left: 21px;
						background: transparent url('../img/interface/meetup_16.png') 0px 4px no-repeat;
						}
					
			.col5-2 {
				margin: 25px 15px 0px 15px;
				width: 350px;
				float: left;
				display: block;
				}
				
			.col5-3 {
				margin: 25px 15px 0px 15px;
				width: 550px;
				float: left;
				display: block;
				}
			
				.col5 p,
				.col3-alt p {
					color: #e5e5e5;
					font-size: 1.2em;
					line-height: 1.6em;
					margin-bottom: 20px;
					}
				
/* -------------------------------------------------------------- 
  =Navigation
-------------------------------------------------------------- */	
	
		#top-nav {
			height:70px;
			float: right;
			}
			
			#top-nav ul {
				float: right;
				}
				
				#top-nav ul li {
					width: 81px;
					height: 70px;
					float: left;
					display: block;
					margin-left: 40px;
					text-align: center;
					line-height: 9.3em;
					font-size: 1.1em;
					}

					#top-nav ul li a {
						float: left;
						display: block;
						width: 81px;
						height: 70px;
						text-decoration: none;
						color: #2d2f36;
						text-align: center;
						line-height: 9.3em;
						font-size: 1.1em;
						}
						
					#top-nav ul li a:hover {
						color: #ef5923;
						background: transparent url('../img/interface/top-nav_arrow.png') 34px 0px no-repeat;
						}
						
						#top-nav ul li a.selected {
							color: #ef5923;
							background: transparent url('../img/interface/top-nav_arrow.png') 34px 0px no-repeat;
							}
/* -------------------------------------------------------------- 
  =Homepage Feature
-------------------------------------------------------------- */
							
		#feature {
			height: 524px;
			width: 960px;
			background: transparent url('../img/interface/feature_bottom_highlight.jpg') bottom left no-repeat;
			}
			
			#feature .feat { 
				display: none; 
				position: aboslute; 
				}
            #feature .selectedFeat { 
            	display: block; 
            	position: aboslute;
            	}
			
			#featimg {
				margin-top: 10px;
				width: 547px;
				height: 453px;
				float: left;
				}
						
			#synctxt {
				margin-top: 55px;
				width: 400px;
				float: right;
				}
				
				#synctxt h2 {
					width: 308px;
					height: 35px;
					text-indent: -99999px;
					overflow: hidden;
					background: transparent url('../img/features/sync_objects_hdr.png') 0px 0px no-repeat;
					margin-bottom: 10px;
					}
					
				#synctxt p,
				#ilabstxt p,
				#cornholetxt p,
				#videoeggtxt p,
				#efluencytxt p,
				#abbtxt p {
					font-size: 1.5em;
					line-height: 1.4em;
					margin-bottom: 20px;
					color: #3d4049;
					}
					
				#synctxt img,
				#ilabstxt img,
				#cornholetxt img,
				#videoeggtxt img,
				#efluencytxt img,
				#abbtxt img {
					margin-bottom: 20px;
					}
					
			#ilabstxt {
				margin-top: 125px;
				width: 400px;
				float: right;
				}
				
				#ilabstxt h2 {
					width: 212px;
					height: 28px;
					text-indent: -99999px;
					overflow: hidden;
					background: transparent url('../img/features/ilabs_hdr.png') 0px 0px no-repeat;
					margin-bottom: 10px;
					}					

			#abbtxt {
				margin-top: 125px;
				width: 400px;
				float: right;
				}
				
				#abbtxt h2 {
					width: 294px;
					height: 68px;
					text-indent: -99999px;
					overflow: hidden;
					background: transparent url('../img/features/abb_hdr.png') 0px 0px no-repeat;
					margin-bottom: 10px;
					}

			#cornholetxt {
				margin-top: 75px;
				width: 400px;
				float: right;
				}
				
				#cornholetxt h2 {
					width: 277px;
					height: 29px;
					text-indent: -99999px;
					overflow: hidden;
					background: transparent url('../img/features/cornhole_hdr.png') 0px 0px no-repeat;
					margin-bottom: 10px;
					}


			#videoeggtxt {
				margin-top: 100px;
				width: 400px;
				float: right;
				}
				
				#videoeggtxt h2 {
					width: 148px;
					height: 34px;
					text-indent: -99999px;
					overflow: hidden;
					background: transparent url('../img/features/videoegg_hdr.png') 0px 0px no-repeat;
					margin-bottom: 10px;
					}										

			#efluencytxt {
				margin-top: 100px;
				width: 400px;
				float: right;
				}
				
				#efluencytxt h2 {
					width: 272px;
					height: 68px;
					text-indent: -99999px;
					overflow: hidden;
					background: transparent url('../img/features/efluency_hdr.png') 0px 0px no-repeat;
					margin-bottom: 10px;
					}

				#synctxt h3 {
					width: 259px;
					height: 17px;
					text-indent: -99999px;
					overflow: hidden;
					background: transparent url('../img/features/max_finalist_hdr.png') 0px 0px no-repeat;
					margin-bottom: 10px;
					}

				#cornholetxt h3 {
					width: 274px;
					height: 22px;
					text-indent: -99999px;
					overflow: hidden;
					background: transparent url('../img/features/download-app_hdr.png') 0px 0px no-repeat;
					margin-bottom: 10px;
					}
				
				#dots {
					margin: 15px auto 0px auto;
					height: 27px;
					width: 960px;
					background: transparent url('../img/features/feature_pagination_div.png') 0px 13px no-repeat;
					}
					
					#pagination {
						margin: 0px auto 0px auto;
						width: 160px;
						}
					
					.leftarrow {
						margin-left: 6px;
						float: left;
						display: block;
						}
						
					.rightarrow {
						margin-right: 6px;
						float: right;
						display: block;
						}
				
				ul.navigation {
					margin: 0px auto 0px auto;
					padding: 6px 0px 0px 7px;
					width: 78px;
					height: 27px;
					display: block;
					float: left;
					}
				
				ul.navigation li {
					width: 13px;
					height: 13px;
				    display: block;
				    float: left;
				    background: transparent url('../img/features/dot_off.png') no-repeat top left;
					}
				
				ul.navigation a {
					width: 13px;
					height: 13px;
					text-indent: -9999px;
				    display: block;
					}
				
				ul.navigation a:hover {
					background: transparent url('../img/features/dot_on.png') no-repeat top left;
				    display: block;
					}
				
				ul.navigation a.selected {
				    display: block;
				    background: transparent url('../img/features/dot_on.png') no-repeat top left;
					}
				
				ul.navigation a:focus {
				    display: block;
				    background: transparent url('../img/features/dot_on.png') no-repeat top left;
					}
					
/* -------------------------------------------------------------- 
  =Our Work Feature
-------------------------------------------------------------- */
							
		.standard #feature {
			height: 180px;
			width: 960px;
			background: transparent url('../img/interface/standard_bottom_highlight.jpg') 0px 100px no-repeat;
			}
			
			#ourwork-hdr {
				padding-top: 25px;
				width: 600px;
				height: 120px;
				background: transparent url('../img/interface/ourwork_hdr.png') 15px 30px no-repeat;
				}
								
				#ourwork-hdr p {
					text-indent: -9999px;
					overflow: hidden;
					}
					
/* -------------------------------------------------------------- 
  =Our Work Detail Feature
-------------------------------------------------------------- */

			#detail-hdr {
				padding: 20px 15px 15px 15px;
				width: 915px;
				}
				
				#detail-hdr .back {
					float: left;
					display: block;
					}
				
				#detail-hdr .back a {
					padding-left: 8px;
					background: transparent url('../img/interface/black_left_arrow.png') left top no-repeat;
					color: #252525;
					text-decoration: none;
					}

				#detail-hdr .back a:hover {
					padding-left: 8px;
					background: transparent url('../img/interface/orange_left_arrow.png') left top no-repeat;
					color: #ef5923;
					text-decoration: none;
					}

				#detail-hdr .next {
					float: right;
					display: block;
					}
					
				#detail-hdr .next a {
					padding-right: 8px;
					background: transparent url('../img/interface/black_right_arrow.png') right top no-repeat;
					color: #252525;
					text-decoration: none;
					}	
					
				#detail-hdr .next a:hover {
					padding-right: 8px;
					background: transparent url('../img/interface/orange_right_arrow.png') right top no-repeat;
					color: #ef5923;
					text-decoration: none;
					}	
					
					.detail-feature {
						margin: -130px 15px 0px 15px;
						}
					
					.detail-feature	.detail-img {
						width: 960px;
						height: 348px;
						float: left;
						background: transparent url('../img/interface/detail_reflection.png') 0px 288px no-repeat;
						}
												
						.detail-feature .detail-img p {
							margin-top: 10px;
							}
						
						.detail-feature .detail-img p a.view-work {
							padding-left: 8px;
							background: transparent url('../img/interface/orange_right_arrow.png') top left no-repeat;
							}	

						.detail-feature .detail-img p a.close-work {
							padding-left: 11px;
							background: transparent url('../img/interface/orange_close_btn.png') top left no-repeat;
							}	
							
					.detail-content {
						height: 348px;
						}	
						
						.detail-content p {
							margin: 17px 0px 10px 0px;
							}
						
						.detail-content div {
							height: 68px;
							}
							
						.detail-content .category {
							display: block;
							margin: 17px 0px 10px 0px;
							}
								
							.detail-content p.detail-overview {
								margin-top: 55px;
								color: #e5e5e5;
								font-size: 1.5em;
								line-height: 1.5em;
								}
						
							.detail-content .detail-quote {
								font-family: Georgia, Times, Serif;
								font-style: italic;
								margin-top: 35px;
								color: #e5e5e5;
								font-size: 1.5em;
								line-height: 1.5em;
								}
								
								.detail-quote span {
									margin-top: 10px;
									float: right;
									font-size: .9em;
									color: #959595;
									}
								
		#screenshots {
			margin: 0px 15px 0px 15px;
			width: 930px;
			display: none;
			}
			
			#screenshots li {
				padding-bottom: 25px;
				}
				
				#screenshots li p {
					padding-top: 10px;
					}
				
				#screenshots li p a {
					padding-left: 10px;
					background: transparent url('../img/interface/orange_up_arrow.png') 0px 0px no-repeat;
					}
					
					
/* -------------------------------------------------------------- 
  =The Process
-------------------------------------------------------------- */
			
			#process-hdr {
				padding-top: 25px;
				width: 600px;
				height: 120px;
				background: transparent url('../img/interface/process_hdr.png') 15px 30px no-repeat;
				}
								
				#process-hdr p {
					text-indent: -9999px;
					overflow: hidden;
					}	
					
			.flickr-img {
				margin-right: 15px;
				width: 80px;
				height: 80px;
				float: left;
				background: transparent url('../img/interface/flickr_reflection.png') bottom left no-repeat;
				}				


/* -------------------------------------------------------------- 
  =Get In Touch
-------------------------------------------------------------- */
							
			#get-in-touch-hdr {
				padding-top: 25px;
				width: 600px;
				height: 120px;
				background: transparent url('../img/interface/get_in_touch_hdr.png') 15px 30px no-repeat;
				}
								
				#get-in-touch-hdr p {
					text-indent: -9999px;
					overflow: hidden;
					}	
					
			.directions img {
				margin-top: 32px;
				margin-bottom: 10px;
				}	
				
			.contacts p {
				width: 210px;
				padding-bottom: 10px;
				margin-bottom: 10px;
				border-bottom: 2px solid #3a3c44;
				}
				
				.contact p strong {
					color: #ef5923;
					}
				
/* -------------------------------------------------------------- 
  =Press
-------------------------------------------------------------- */
			#press-hdr {
				padding-top: 75px;
				width: 600px;
				height: 90px;
				background: transparent url('../img/interface/press_hdr.png') 15px 45px no-repeat;
				}
				
				#press-hdr p {
					text-indent: -9999px;
					overflow: hidden;
					}
				
			.entry {
				float: left;
				display: block;
				}
				
				.sidenav {
					margin: 25px 15px 0px 15px;
					width: 160px;
					float: right;
					display: block;
					color: #e5e5e5;
					}
									
					.side-block {
						padding-bottom: 20px;
						margin-bottom: 20px;
						background: transparent url('../img/interface/tiny_dark_div.png') bottom left no-repeat;
						}
						
						.presskit img {
							padding-top: 10px;
							}
					
				
				p.date {
					width: 160px;
					color: #97989b;
					font-size: 1.4em;
					margin-bottom: 10px;
					text-align: right;
					}
					

				p.tags {
					width: 160px;
					color: #97989b;
					margin-bottom: 10px;
					text-align: right;
					}
					
					p.tags strong {
						margin-right: 8px;
						color: #e5e5e5;
						font-weight: bold;
						}
				
				.summary {
					background: transparent url('../img/interface/sm_dark_div.png') bottom left no-repeat;
					}
					
					.summary hr {
						margin: 35px 0px 35px 0px;
						}
					
					.summary h2 {
						font-size: 1.6em;
						color: #ef5923;
						margin-bottom: 10px;
						}

					.summary p {
						margin: 0px 0px 20px 0px;
						padding: 0px;
						font-size: 1.2em;
						}
						
					.summary ul {
						font-size: 1.2em;
						line-height: 1.5em;
						margin-left: 20px;
						list-style: circle;
						color: #ffffff;
						}
					
					.summary h5 {
						font-size: 2em;
						color: #e5e5e5;
						display: block;
						font-weight: normal;
						margin-top: 5px;
						margin-bottom: 15px;
						}

						.summary h5 a {
							color: #e5e5e5;
							text-decoration: none;
							}

						.summary h5 a:hover {
							color: #ef5923;
							text-decoration: none;
							}
						
					.summary .article-img {
						float: left;
						margin-top: 5px;
						margin-right: 10px;
						margin-bottom: 10px;
						}
						
					.summary p img {
						float: left;
						margin: 20px;
						}
						
					.summary a img {
						padding-bottom: 20px;
						}
				
				
/* -------------------------------------------------------------- 
  =Middle Content
-------------------------------------------------------------- */
				
		#middle {
			margin: 0px auto 0px auto;
			width: 960px;
			background: transparent url('../img/interface/middle_top_highlight.png') 0px 0px no-repeat;
			}
	
		.dark-div {
			margin: 50px auto 0px auto;
			width: 960px;
			background: transparent url('../img/interface/dark_div.png') 0px 0px no-repeat;
			}

		.dark-div-alt {
			margin: 0px auto 0px auto;
			width: 960px;
			background: transparent url('../img/interface/dark_div.png') 0px 0px no-repeat;
			}
			
				#middle .back {
					padding-top: 25px;
					margin-left: 15px;
					width: 160px;
					display: block;
					clear: both;
					}
				
				#middle .back a {
					float: right;
					padding-left: 10px;
					background: transparent url('../img/interface/white_left_arrow.png') 0px 1px no-repeat;
					color: #e5e5e5;
					text-decoration: none;
					}
			
			#tweet {
				margin-bottom: 20px;
				}
			
			#tweet ul li {
				margin: 0px;
				padding: 0px;
				font-size: 1.2em;
				line-height: 1.5em;
				color: #e5e5e5;
				border: 0px;
				}
				
			.twitterTime {
				margin-top: 5px;
				font-size: .8em;
				color: #898989;
				}
									
					/*homepage*/
					
					.middle-content .one h4 {
						background: transparent url('../img/interface/latestnews_hdr.png') 0px 0px no-repeat;
						}
					.middle-content .two h4 {
						background: transparent url('../img/interface/ourtweets_hdr.png') 0px 0px no-repeat;
						}
					.middle-content .three h4 {
						background: transparent url('../img/interface/whoweare_hdr.png') 0px 0px no-repeat;
						}					
					.middle-content .four h4 {
						background: transparent url('../img/interface/whatwedo_hdr.png') 0px 0px no-repeat;
						}					
					.middle-content .five h4 {
						background: transparent url('../img/interface/ourclients_hdr.png') 0px 0px no-repeat;
						}	
						
					/*our work*/
					.ourwork-middle .one h4 {
						background: transparent url('../img/interface/morework_hdr.png') 0px 0px no-repeat;
						}
						
					.ourwork-middle .two h4 {
						background: transparent url('../img/interface/coreservices_hdr.png') 0px 0px no-repeat;
						}	
	
					.ourwork-middle .three h4 {
						background: transparent url('../img/interface/match_hdr.png') 0px 0px no-repeat;
						}				
								
					/*work detail*/
					.ourwork-middle .challenge h4 {
						background: transparent url('../img/interface/challenge_hdr.png') 0px 0px no-repeat;
						}
						
					.ourwork-middle .solution h4 {
						background: transparent url('../img/interface/solution_hdr.png') 0px 0px no-repeat;
						}	
	
					.ourwork-middle .result h4 {
						background: transparent url('../img/interface/results_hdr.png') 0px 0px no-repeat;
						}	

					/*process*/
					.listen h4 {
						background: transparent url('../img/interface/listen_hdr.png') 0px 0px no-repeat;
						}
						
					.strategy h4 {
						background: transparent url('../img/interface/strategy_hdr.png') 0px 0px no-repeat;
						}	
	
					.create h4 {
						background: transparent url('../img/interface/create_hdr.png') 0px 0px no-repeat;
						}	

					.deploy h4 {
						background: transparent url('../img/interface/deploy_hdr.png') 0px 0px no-repeat;
						}							

					.analyze h4 {
						background: transparent url('../img/interface/analyze_hdr.png') 0px 0px no-repeat;
						}	

					/*who we are*/
					.story h4 {
						background: transparent url('../img/interface/ourstory_hdr.png') 0px 0px no-repeat;
						}
						
					.office h4 {
						background: transparent url('../img/interface/ouroffice_hdr.png') 0px 0px no-repeat;
						}	
	
					.closer h4 {
						background: transparent url('../img/interface/closerlook_hdr.png') 0px 0px no-repeat;
						}
						

					/*get in touch*/
					.contact h4 {
						background: transparent url('../img/interface/contact_form_hdr.png') 0px 0px no-repeat;
						}
						
					.directions h4 {
						background: transparent url('../img/interface/getdirections_hdr.png') 0px 0px no-repeat;
						}

					.contacts h4 {
						background: transparent url('../img/interface/whotocontact_hdr.png') 0px 0px no-repeat;
						}

					.online h4 {
						background: transparent url('../img/interface/findusonline_hdr.png') 0px 0px no-repeat;
						}
	
					/*press*/
					.archives h4 {
						background: transparent url('../img/interface/archives_hdr.png') 0px 0px no-repeat;
						}	

					.tags h4 {
						background: transparent url('../img/interface/tags_hdr.png') 0px 0px no-repeat;
						}	
						
					.presskit h4 {
						background: transparent url('../img/interface/presskit_hdr.png') 0px 0px no-repeat;
						}	
												
					.tweets h4 {
						background: transparent url('../img/interface/ourtweets_hdr.png') 0px 0px no-repeat;
					}					
																				
/* -------------------------------------------------------------- 
  =Form
-------------------------------------------------------------- */
	#sm-form {
		}

		#sm-form input[type=text] {
			padding: 12px 0px 0px 8px;
			width: 180px;
			border: none;
			display: block;
			background: transparent;
			}

		#sm-form .txtinput {
			width: 195px;
			height: 40px;
			display: block;
			margin-bottom: 8px;
			background: transparent url('../img/interface/sm_input_bg.png') 0px 0px no-repeat;
			}			

		#sm-form .txtinput-error {
			width: 195px;
			height: 40px;
			display: block;
			margin-bottom: 8px;
			background: transparent url('../img/interface/sm_input_error_bg.png') 0px 0px no-repeat;
			}

		#sm-form textarea {
			width: 330px;
			height: 112px;
			background: transparent;
			border: none;
			margin: 0px;
			padding: 12px 8px 12px 8px;
			font-family: Helvetica, Arial, Verdana, sans-serif;
			font-size: 1.2em;
			}	


			
			#sm-form .text {
				width: 195px;
				float: left;
				display: block;
				margin-right: 4px;
				}	
	
	
			#sm-form .textarea {
				display: block;
				float: right;
				width: 341px;
				height: 136px;
				background: transparent url('../img/interface/sm_textarea_bg.png') 0px 0px no-repeat;
				}

			#sm-form .textarea-error {
				display: block;
				float: right;
				width: 341px;
				height: 136px;
				background: transparent url('../img/interface/sm_textarea_error_bg.png') 0px 0px no-repeat;
				}

			#sm-form input[type=image] {
				float: right;
				}
				
			#sm-form .submit {
				margin-top: 15px;
				width: 341px;
				float: right;
				}
				
				#sm-form .submit p.normal {
					float: right;
					color: #4e515b;
					font-size: .9em;
					line-height: 1.2em;
					text-align: right;
					padding: 3px 5px 0px 0px;
					}

				#sm-form .submit p.errormsg {
					color: #ef5923;
					font-size: 1.2em;
					float: right;
					line-height: 1.2em;
					text-align: right;
					padding: 3px 5px 0px 0px;
					}
					
	#lg-form {
		}

		#lg-form input[type=text] {
			padding: 12px 0px 0px 8px;
			width: 423px;
			border: none;
			display: block;
			background: transparent;
			}

		#lg-form .txtinput {
			width: 443px;
			height: 40px;
			display: block;
			margin-bottom: 8px;
			background: transparent url('../img/interface/lg_input_bg.png') 0px 0px no-repeat;
			}			

		#lg-form .txtinput-lg-error {
			width: 443px;
			height: 40px;
			display: block;
			margin-bottom: 8px;
			background: transparent url('../img/interface/lg_input_error_bg.png') 0px 0px no-repeat;
			}
			
			
		#lg-form textarea {
			width: 423px;
			height: 228px;
			background: transparent;
			border: none;
			margin: 0px;
			padding: 12px 8px 12px 8px;
			font-family: Helvetica, Arial, Verdana, sans-serif;
			font-size: 1.2em;
			}	


			
			#lg-form .text {
				width: 443px;
				display: block;
				margin-right: 4px;
				}
				
			#lg-form .text p.normal {
				display: block;
				width: 443px;
				margin-top: 10px;
				}	

			#lg-form .text p.errormsg {
				color: #ef5923;
				display: block;
				width: 443px;
				margin-top: 10px;
				}
	
			#lg-form .textarea {
				display: block;
				width: 443px;
				height: 268px;
				background: transparent url('../img/interface/lg_textarea_bg.png') 0px 0px no-repeat;
				}


			#lg-form .textarea-lg-error {
				display: block;
				width: 443px;
				height: 268px;
				background: transparent url('../img/interface/lg_textarea_error_bg.png') 0px 0px no-repeat;
				}

			#lg-form input[type=image] {
				float: right;
				}
				
			#lg-form .submit {
				margin-top: 15px;
				width: 443px;
				float: right;
				}
				
				#lg-form .submit p {
					float: right;
					color: #4e515b;
					font-size: .9em;
					line-height: 1.2em;
					text-align: right;
					padding: 3px 5px 0px 0px;
					}		
/* -------------------------------------------------------------- 
  =Footer
-------------------------------------------------------------- */
					
		#footer {
			margin: 50px auto 0px auto;
			width: 960px;
			background: transparent url('../img/interface/dark_div.png') 0px 0px no-repeat;
			height: 200px;
			}
											
			#footer ul {
				width: 370px;
				display: block;
				float: left;
				}
				
				#footer .col5-2 ul li {
					float: left;
					padding-right: 15px;
					display: block;
					padding-bottom: 10px;
					}
					
			#copyright {
				color: #e5e5e5;
				}
			
			#footer h5 {
				color: #e5e5e5;
				font-size: 1.2em;
				margin-bottom: 5px;
				width: 160px;
				}
				
				
/* -------------------------------------------------------------- 
  =vCard
-------------------------------------------------------------- */
	#contact-info {
		width: 960px;
		margin: 0px auto 0px auto;
		}
					
	.vcard {

		}
	
	.vcard .fn {
			}	
			
			.vcard a {
				}
			
			.vcard .fn {
				font-weight: normal;
				}
			
			.vcard .fn a:visited {
				}			
						
			.vcard .fn a:hover {
				}
				
	.vcard ul.adr {
		}
		
		.vcard .adr li {
			float: left;
			padding-right: 3px;
			color: #e5e5e5;
			}
			
			.vcard .adr .locality {
				clear: left;
				}
				
			.vcard .adr .postal-code {
				}
				
	.vcard .tel-num {
		padding-top: 10px;
		clear: both;
		}
		
	.vcard .fax-num {
		clear: both;
		}
		
	.vcard .vcard-download {
		clear: both;
		}
		
	.vcard .email-adr {
		clear: both;
		padding-bottom: 10px;
		}	
					
	.vcard img {
		padding-right: 8px;
		}