/* Project: SZ
*  Copyright Since 2009 SZ Creative Solutions, LLC All Rights Reserved.
*  Structure of this document:
* 1) GLOBAL 2) LAYOUT 3) STYLES 4) NAVIGATION 


/* ***GLOBAL*** */
	/*Initialize the browser's CSS Except for table structure*/
	@import url(reset.css);

	body {background: #e1d8ce url(../images/back-body.jpg) repeat; font: 13px Tahoma, Geneva, sans-serif; color: #383837 }
	
	h1 {font-size: 33px; color: #4a4a4a }
	
	h1 span.accent {color: #00baff } h1 span.gray {color: #4e4e4e }
	
	h2 {font-size: 24px; color: #666 }
	
	h3 {font-size: 18px; color: #ff6600 }
	
	h4 {font-size: 16px; color: #00baff }
	
	h5 {font-size: 14px; color: #ff6600 }
	
	h6 {font-size: 13px; color: #a91a1a }
	
	p {margin-bottom: 23px; }
	
	strong {font-weight: bold }
		
	a:link {color: #d84d11; font-weight: normal; text-decoration: underline; outline: none }
	
	a:visited {color: #b33e0b; font-weight: normal; text-decoration: underline; outline: none }
	
	a:hover, a:active {color: #f66f34; font-weight: normal; text-decoration: underline }
/* ***END GLOBAL*** */



/* ***LAYOUT*** */
	#shadow, #header, #container-shadow, #container, #footer {margin: 0 auto; }
	
	#background {background: url(../images/back-background.jpg) repeat-x; }
	
	#shadow {width: 100%; background: url(../images/back-shadow.jpg) no-repeat center top; display: table }
	
	#container-shadow {width: 940px; position: relative }
	
	#container {padding: 0 2px }
	
	#optin-container {width: 311px; height: 483px; background: url(../images/back-optin.png) no-repeat; position: absolute; top: 165px; right: 57px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='images/back-optin.png') }
	
	.left-col {width: 640px; float: left; padding: 31px 0 0 10px }
	
	#header {height: 148px }
	
	#header-home {height: 216px; background: url(../images/home-tagline.jpg) no-repeat center bottom }
	
	#header-image {padding: 0 0 0 3px;  }
	
	#home-portfolio {margin: 8px 0 0 2px; width: 934px; position: relative }
	
	#logo {position: absolute; top: 36px; left: 15px; text-indent: -99999px }
	
	#logo a {width: 319px; height: 130px; display: block; outline: none }
	
	#shadow-bottom {background: url(../images/bak-container-bottom.jpg) no-repeat; height: 69px; width: 922px; margin: 0 auto }
	
	#optin-container form {position: absolute; top: 274px; left: 40px; border: none; }
	
	#optin-container .textfield {width:200px; height:23px; padding:2px 5px; border:none; background:transparent; font-size:14px }
	
	#optin-container #Contact0FirstName {margin:0 0 12px 8px;}
	
	#optin-container #Contact0Email {margin:0 0 8px 8px;}
	
	#sidebar {float: right; width: 252px; margin: 29px 0 0 0; color: #4d4d4d; padding: 0  }
	
	.wide-col {clear: both; }
		
	#footer {background: #9c1301; background: url(../images/back-footer.jpg) repeat-x; width: 100% }
	
	#footer-shadow {display: table; width:100%; background: url(../images/back-footer-shadow.jpg) no-repeat center top }
	
	#footer .footer-content {width: 940px; margin: 0 auto; min-height: 200px; _height: 200px; padding: 74px 15px 34px; color: #ffddc9; font-size: 13px; position: relative }
	
	#footer ul.footerlinks {list-style: none; margin: 0; float: left; width: 310px }
	
	#footer ul.footerlinks li {color: #ffddc9; position: relative; background: none }
	
	#copyright {color: #ff2f02;	position: absolute;	bottom:24px; left: 19px; width: 300px }
	
	#footer-logo {float: right; background: url(../images/footer-logo.png) no-repeat right top; width: 600px; height: 260px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='images/footer-logo.png'); margin: 0 12px 0 0 }
	
	#credits {width: 800px; margin: 0 auto; text-align: center }
	
	#home-content {background: url(../images/back-home-content.jpg) no-repeat center top }
	
	#home-content ul {list-style: none}
	
	#home-content dl div {background: url(../images/back-list-home.jpg) no-repeat left bottom; padding: 11px 0 14px }
	
	#home-content dl {float: left; width: 297px; padding: 91px 0 0 }
	
	#home-content dt {color: #4e4d4d; font-weight: bold; padding: 0 0 0 20px; background: url(../images/arrow.gif) no-repeat left 5px; cursor: pointer }
	
	#home-content dd {display: inline }
	
	#latest-blog-posts dd {font-size:90% !important}
	
	#home-content .more {padding: 10px 0 0 0}
	
	#featured-services, #home-testimonials, #latest-blog-posts {background: url(../images/heading-featured-services.jpg) no-repeat }
	
	#home-testimonials {background: url(../images/heading-testimonials.jpg) no-repeat; margin: 0 0 0 20px}
	
	#latest-blog-posts {background: url(../images/heading-latest.jpg) no-repeat; margin: 0 0 0 20px }
/* *** END LAYOUT*** */


/* ***STYLES*** */
	
	h1.tagline {color: #00baff; font-size: 36px; text-align: center; font-style: italic; line-height: 2em }
	
	.recover {clear: both; line-height:0 }
	
	.italic {font-style: italic }
	
	.strong {font-weight: bold }
	
	.handwriting-must-read {position: absolute; top: 570px; left: -20px; width:71px; height: 86px; background: url(../images/handwriting-must-read.png) no-repeat; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='images/handwriting-must-read.png') }
	.handwriting-loaded {position: absolute; top: 650px; right: -50px; width:102px; height: 237px; background: url(../images/handwriting-loaded.png) no-repeat; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='images/handwriting-loaded.png') } 
	
	.txtcenter {text-align: center }
	
	#footer-sitemap {background: url(../images/back-footer-sitemap.png) no-repeat; padding: 54px 0 0; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='images/back-footer-sitemap.png')}
	
	#footer-sitemap li {list-style-image: url(../images/list-footer-sitemap.gif); margin: 0 0 14px 20px }
	
	#footer-contact-us {background: url(../images/back-footer-contact-us.png) no-repeat; padding: 54px 0 0}
	
	#footer-other {background: url(../images/back-footer-other.png) no-repeat; padding: 54px 0 0; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='images/back-footer-other.png')}
	
	#footer-other li {list-style-image: url(../images/list-footer-other.gif); margin: 0 0 14px 20px }
	
	#footer-contact-us form {background: url(../images/back-footer-form.png) no-repeat; padding: 47px 0 0 56px; text-align: right; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='images/back-footer-form.png') }
	
	#footer-contact-us note {display: block}
	
	#footer-contact-us .textfield {display: block; width: 215px; padding: 8px 7px; height: 15px; margin: 0 0 8px; background: transparent; border: 0; position: relative }
	
	#footer-contact-us textarea {display: block; width: 215px; padding: 8px 7px; height: 85px; background: transparent; border: 0; position: relative }
	
	#footer-contact-us #submit {border: 0; background: url(../images/btn-send.gif) no-repeat; width:78px; height:22px; padding-top: 22px; overflow: hidden; cursor: pointer; margin: 4px 29px 0 0 }
	
	.links-more {margin: 20px 0 0 222px; display: block; background: url(../images/btn-more.gif) no-repeat; width: 78px; height: 22px; text-indent: -8000px; overflow: hidden; outline: none; cursor: pointer }
	
	.first-letter {font-size: 24px; font-weight: bold }
	
	.graytouch {color: #6b6b6b }
	
	.showcase {color: #6b6b6b; padding: 0 0 27px 0 }
	
	.showcase-divider {clear: both; background: url(../images/line-dash.gif) repeat-x left bottom; margin: 0 0 30px 0; padding-top: 5px }
	
	.content-divider {clear: both; background: url(../images/line-dash.gif) repeat-x left bottom; margin: 0 0 15px 0; padding-top: 5px }
	
	.showcase img {border: #7c7974 solid 3px; float:left; margin: 0 15px 10px 0 }
	
	.heading-title {font-size: 32px; color: #4a4a4a }
	
	.heading-page {}
	
	#sidebar h2 {color: #4a4a4a; margin: 0 0 10px 0; background: url(../images/back-side-title.png) no-repeat left bottom; padding: 0 0 11px 8px }
	
	.side-subtitle {font-size: 13px; font-weight: normal; color: #848484 }
	
	#sidebar ul {list-style: none; margin: 0 }
	
	#sidebar li {background: url(../images/back-side-title.gif) no-repeat right 17px; padding: 0 0 5px 0 }
	
	#sidebar li.side-switch {background: url(../images/back-side-title-closed.gif) no-repeat right 17px }
	
	#sidebar ul ul {list-style: none; margin: 0 0 0 10px }
	
	#sidebar li li {background: url(../images/back-side-item.jpg) no-repeat left bottom; margin: 0 0 6px 0  }
	
	#tabs-menu {list-style: none; }
	
	#tabs-menu li {float: left; margin: 0 25px 0 0 }
	
	.ui-tabs .ui-tabs-hide {display:none !important }	
	
	.ui-tabs .ui-tabs-panel {display:block}
	
	#contactForm #phone {display:none}
	
	.headline1 {font-size: 28px; color: #494a45; letter-spacing: -0.005em; margin: 24px 0 15px }
	
	.custom-solutions {font-size: 14px}
	
	#ourwork-bg {background: url(../images/ourwork-bg.jpg) no-repeat; height: 390px; min-height: 390px; height:auto !important; padding: 0 0 0 490px }
	
	#info_request {width: 800px}
	#info_request .textfield {padding:5px; width:200px }
	#info_request td input {font-size: 12px; font-weight: normal }
	#info_request td {font-weight: bold; }
/* *** END STYLES*** */




/* *** NAVIGATION *** */
	#globalnav {position: absolute; top: 65px; height: 24px; right: 19px; width: 555px }
	
	#globalnav ul {list-style: none; float: right  }
	
	#globalnav ul li {float: left; padding: 0 0 0 55px; line-height: 24px; background: url(../images/globalnav-divider.gif) no-repeat right 3px }
	
	#globalnav a:link, #globalnav a:visited {color: #666; text-decoration: none; font-weight: bold; font-size: 13px; height: 24px }
	
	#globalnav a.hire-us:link, #globalnav a.hire-us:visited {color: #fff }
	
	a.hire-us {background: url(../images/back-hire-us.gif) no-repeat; display: block; width: 53px; padding: 0 0 0 6px  }
	
	.showcase a:link, .showcase a:visited {text-decoration: none; font-weight: bold; }
	
	#sidebar a:link, #sidebar a:visited {color: #9d4f13 }
	
	#sidebar h2 a:link, #sidebar h2 a:visited {color: #4a4a4a; text-decoration: none  }
	
	#sidebar li li a:link, #sidebar li li a:visited {color: #4e4d4d; background: url(../images/back-side-item.gif) no-repeat left top; padding: 1px 0 6px 14px; display: block; text-decoration: none }
	
	#footer a:link, #footer a:visited {color: #ffddc9; text-decoration: none; font-size: 13px }
	
	#footer a:active, #footer a:hover {color: #fff; text-decoration: underline }
	
	a.attribution:link, a.attribution:visited, a.attribution:hover {color: #666; text-align: center; display: block; text-decoration: none; font-style: italic; letter-spacing: 1px; font-size: 11px }
	
	#footer-sitemap li a, #footer-other li a {font-weight: bold}
/* ***END NAVIGATION*** */


/* ***For Use With jQuery *** */
#container #home-content dd {display:none }

#slider ul, #slider li{margin:0; padding:0; list-style:none }

#slider li{width:934px;	height:267px; overflow:hidden }

#prevBtn, #nextBtn{display:block; width:30px; height:77px; position:absolute; left:6px; top:133px }	

#nextBtn{left:891px }

#prevBtn a, #nextBtn a{display:block; width:34px; height:35px; background:url(../images/btn-prev.png) no-repeat 0 0; outline: none }	

#nextBtn a{background:url(../images/btn-next.png) no-repeat 0 0}

.graphic, #prevBtn, #nextBtn {text-indent:-8000px }
/* ***End Use With jQuery *** */