/* iSoPretty screen stylesheet, jan 09 */

* { margin: 0; padding: 0 }

a:link { border-bottom: 1px solid #ddd; color: #fff; text-decoration: none }
a:visited { border-bottom: 1px solid #ccc; color: #ccc; text-decoration: none }
a:hover { border-bottom: 1px solid #fc5; color: #fc5 }
a:active { /*background: #ffd*/ }

html { height: 100%; padding: 0 0 1px 0 }
body { background: #500e14 url(./images/body.jpg) repeat-x; color: #ddd; font: 62.5%/1.5 "Lucida Grande", "Trebuchet MS", Arial, sans-serif }

h1 {}
h2 { color: #fff; font-size: 2.5em; font-weight: normal; line-height: 1.3em; margin: 1px 0 1.4em 0; text-shadow: #111 0 1px 0 }

p, dl { font-size: 1.3em; margin-bottom: 15px; text-shadow: #111 0 1px 0 }
strong { color: #fff }

#brand { height: 105px }
	#brand h1 { margin: 0 auto; width: 940px }
	#brand h1 em { display: block; height: 0; text-indent: -9999px }

#content #phone { background: url(./images/phone.png) no-repeat; height: 550px; position: absolute; right: 0; top: -170px; width: 330px }
	#content #phone a { border: 0; display: block; height: 60px; text-indent: -9999px; width: 40px; outline: none }
		#content #phone #prev a { left: 0; position: absolute; top: 205px; outline: none }
		#content #phone #next a { left: 290px; position: absolute; top: 205px; outline: none !important }

		#content #phone .pics { right: 61px; position: absolute; top: 79px }

.pics {  
    height:  312px;  
    width:   208px;  
    padding: 0;  
    margin:  0;  
} 
 
.pics img {  
    padding: 0;  
    border:  0;
    background-color: #eee;  
    width:  208px; 
    height: 312px; 
    position: absolute;
    top: 79px;
} 


#content-wrap { background: url(./images/site_title.gif) center -1px no-repeat; padding: 105px 0 0 0 }
	#content { margin: 0 auto; padding: 20px 0 0 0; position: relative; width: 940px }
	#about-info { color: #eee; width: 600px }
	#intro { float: left; width: 300px }
	#info { float: right; width: 280px }
		#info dl dt { padding: 0 0 0 30px; display: none }
		#info dl dd a#email, #info dl dd em { font-style: normal; color: #000; text-shadow: none; background: url(./images/buttons.gif) no-repeat; height: 36px; border: 0; width: 205px; line-height: 36px; padding: 0 0 0 35px; display: block }
			#info dl dd em { background: url(./images/buttons.gif) 0 -56px no-repeat !important }
			#info dl dd em#phonenr { background: url(./images/buttons.gif) 0 -112px no-repeat !important }
			#info dl dd em#phonenr a { background: none; font-style: normal; color: #000; text-shadow: none; text-decoration: none;}
		#info dl dd a:hover { color: #444 }
		#info dl dd { margin: 0 0 15px 0; padding: 0 0 0 0px }
	#buttons { width: 560px }
		#blog-button a, #contact-button a { display: block; border: 0; height: 36px; outline: none; text-indent: -9999px; width: 240px }
		#blog-button a { background-image:url(images/button_read.gif); float: left }
		#contact-button a { background-image:url(images/button_tell.gif); float: right }

#services-wrap { margin: 20px 0 0 0 }
#services-inner { background: url(./images/three.gif) top center no-repeat }
#services { margin: 0 auto; padding: 0 0 25px 0; width: 940px }
	#services h1 { height: 85px; text-indent: -9999px }
	#consulting, #design, #marketing { float: left; width: 300px }
	#design { margin: 0 20px }

#apps { float: left; width: 100%; background: #000 url(images/apps-by-h.png) 50% 0 no-repeat }
#apps-wrap { width: 960px; margin: 0 auto; padding: 80px 0 0 20px }
	#apps h1 { text-indent: -9999px }
	#apps h2 { font-size: 1.8em }
	#ew { background: url(images/ew-ico.png) no-repeat }
	#slydial { background: url(images/sly-ico.png) no-repeat }
	#accp { background: url(images/accp.jpg) no-repeat }
	#quoted { background: url(images/q-ico.png) no-repeat }
	.app { float: left; width: 190px; padding: 0 0 0 100px }
		.app a { margin-right: 20px }
	.middle { margin: 0 30px }

#copy-wrap { background: #000 }
#copy { color: #999; clear: both; margin: 0 auto; text-align: center; width: 940px }
	#copy strong { color: #ccc }
	#copy p { font-size: 1.1em; padding: 60px 0 60px 0; margin: 0 }
	
	
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }	


form {  }

.window_holder {
	font-size:0;
	line-height:0;
	height:0;
	width:0;
	margin:0 auto;
	position:relative;
	z-index:100;
}
.window {
	background: transparent;
font-size: 10px;
	position:absolute;
	left:-470px;
	top:130px;
	width:940px;
	height:476px;
	color:#333;
	display:none;
}

.winwow p { font-size: inherit }

.window_bg * { position:relative;}
.window_bg { background:url(images/window.png) no-repeat; width:940px; height: 476px }
.window form { padding: 50px 60px 0 0 }
.window #mssg-data { float: left; width: 380px; position: relative }
.window #mssg-data p  { margin: 0 0 22px 0 }
.window #message { float: right; width: 486px }
.window #message p label { line-height: 19px }

.window_bg form h1 { background: url(images/form_title.gif) no-repeat; border-bottom: solid 1px #ccc; display: block; height: 64px; margin: 0 0px 30px 60px !important; width: 820px; text-indent: -9999px }
form label, form em { font-style: normal; line-height: 22px; text-shadow: #fff 0 1px 0 }
form em { line-height: 38px; display:block; float: left; width: 640px }

.window label, .window #mssg-data p label { line-height: 24px; float: left; width: 140px; text-align: right; font-weight: bold }
.window #mssg-data p  {  }
.window .field { font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Arial, sans-serif; background: #fff; float:right; margin-left:12px; width: 212px; padding:5px 4px; margin-bottom:5px }
	
.window textarea.field { width:312px; height:180px; }
.window #btnp { clear: both; text-align: right; border-top:solid 1px #acacac; padding: 15px 0 0 0; margin: 5px 0 0 60px; width: 820px }
.window #btnp input { float: right }

.window .close { border: 0;
	position:absolute;
	width:30px;
	height:29px;
	background:url(images/close.gif) no-repeat 0 0;
	text-indent: -9999px;
	font-size:0;
	line-height:0;
	top:10px;
	right:10px;
	z-index:300;
}

#black_screen {
	background:#000;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:100;
	display:none;
}