@charset "UTF-8";
/* CSS Document */

/* Global Elements */
html body {background-color:#000; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:100%; color:#fff; margin:0px; padding:0px;}
body {background:url(../images/global/bg_texture.jpg) repeat-x; background-attachment:fixed;}
h1 {color:#59b3ff; font-size:0.8em; font-weight:normal; text-transform:uppercase; margin:0px 0px 3px 0px;}
h1.tier-2 {margin-top:20px;}
p {font-size:0.8em; line-height:1.5em; margin:0px 0px 12px 0px;}
a, a:visited {color:#ffb200; text-decoration:none;}
a:hover {color:#ffe433;}
img, img a {border:none;}
ul {padding-left:10px; margin:3px 0px;}
ul li {font-size:0.8em; margin:0px 0px 2px 0px;}
li {list-style:none; background:url(../images/global/li_dash.gif) no-repeat 0px 5px; padding-left:10px;}



/* Custom IDs */
#container {width:964px; margin:0 auto;}
#header {border-bottom:1px solid #3a3a3a; padding:40px 0px 31px 0px; width:864px; margin:0 auto; position:relative; height:43px; overflow:hidden;}
#logo {float:left;}
#topnav {font-family:Helvetica, Arial, sans-serif; /*font-size:0.75em;*/ font-size:95%; color:#6f6f6f;}
#topnav ul {margin:15px 0px 0px 0px; padding:0px; display:block; float:right;}
#topnav li {display:inline; float:left; text-transform:uppercase; background:none; list-style:none; padding-left:0px; margin:0px;}
#topnav li a,
#topnav li a:link,
#topnav li a:visited {color:#6f6f6f;}
#topnav li a,
#topnav li a:link {padding:11px 20px; background:url(../images/global/dotted_divider_swatch.gif) repeat-y; text-decoration:none;}
#topnav li a:hover {color:#fff;}
#topnav li a.first {background:none;}
#topnav li a.active {color:#fff;}

#work .wrapper {width:964px; margin:0 auto;}
#work .container {width:864px; height:500px; margin:0 auto; position:relative; top:0px; overflow:hidden;}
#work .nav {width:36px;}
#work .arrow {cursor:pointer; padding:221px 0px; margin:0px;}
#work #arrow-left,
#work #arrow-right {height:58px;}
#work #arrow-left.off {background:url(../images/global/work_arrow_left_off.png) no-repeat;}
#work #arrow-left.over {background:url(../images/global/work_arrow_left_over.png) no-repeat;}
#work #arrow-right.off {background:url(../images/global/work_arrow_right_off.png) no-repeat;}
#work #arrow-right.over {background:url(../images/global/work_arrow_right_over.png) no-repeat;}
#work .container .image {width:864px; margin:0px; position:absolute;}
#work .details {width:864px; margin:0 auto; padding-bottom:16px; background:url(../images/global/dotted_divider_workdetails_swatch.gif) repeat-y; border-top:1px solid #3a3a3a; position:relative; overflow:hidden;}
#work .details .info {position:relative; top:0px; left:0px;}
#work .details h1 {}
#work .details p {}
#work .details a {}
#work .details .col-1 {width:225px; /*margin:20px 20px 14px 20px;*/ margin-bottom:30px; position:relative; top:20px; left:20px; float:left;}
#work .details .col-2 {width:293px; /*margin:20px 20px 14px 20px;*/ margin-bottom:30px; position:relative; top:20px; left:60px; float:left;}
#work .details .col-3 {width:226px; /*margin:20px 20px 14px 20px;*/ margin-bottom:30px; position:relative; top:20px; left:100px; float:left;}

#about {width:864px; margin:0 auto;}
#about .profile {padding:26px 26px 26px 0px; border-bottom:1px solid #3a3a3a;}
#about .image {float:left; margin-right:26px;}
#about .profile h1 {margin-top:12px;}
#about .details {background:url(../images/global/dotted_divider_about_swatch.gif) repeat-y; overflow:hidden; padding-bottom:12px;}
#about .details .col-1 {width:577px; position:relative; margin-bottom:30px; top:20px; left:0px; float:left;}
#about .details .col-2 {width:226px; position:relative; margin-bottom:30px; top:20px; left:40px; float:left;}
#about .details p.quote {margin:0px 0px 3px 0px;}
#about .details p.quote-source {text-align:right; color:#999; margin-bottom:24px; font-size:0.75em;}

#contact {width:864px; margin:0 auto;}
#contact .details {background:url(../images/global/dotted_divider_contactdetails_swatch.gif) repeat-y; overflow:hidden; padding-bottom:12px;}
#contact .no-bg {background:none !important;}
#contact .details .col-1 {width:312px; position:relative; margin-bottom:30px; top:20px; left:20px; float:left;}
#contact .details .col-2 {width:480px; position:relative; margin-bottom:30px; top:20px; left:60px; float:left;}
#contact .form {margin:6px 0px 20px 18px; width:420px;}
#contact .form input {border:none;}
#contact .form label {font-size:0.8em;}
#contact .form .labels {width:96px; padding-top:11px;}
#contact .form .fields {}
#contact .form .text-entry {background:#fff url(../images/global/form_field_bg.gif) repeat-x; border:none; padding:4px; margin:7px 0px; width:310px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.8em;}
#contact .form .phone-3 {width:36px; text-align:center;}
#contact .form .phone-4 {width:42px; text-align:center;}
#contact .form .text-area {background:#fff url(../images/global/form_field_bg.gif) repeat-x; border:none; margin:7px 0px; height:120px; width:318px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:0.8em;}
#contact .form .submit {background:#4d9cde url(../images/global/form_btn_off.gif) repeat-x; padding:4px 9px; color:#fff; cursor:pointer; margin-top:14px;}
#contact .form .submit:hover {background:#f1a639 url(../images/global/form_btn_over.gif) repeat-x;}
#contact-sf,
#contact-sf-label,
#contact-sf-label2,
#contact-sf-input {height:1px; overflow:hidden; background:none !important; border:none !important; padding:0px !important; display:none;}
#contact-sf-input {background:#fff url(../images/global/form_field_bg_sbf.gif) repeat-x !important;}
#contact-sbf-img {display:none;}

#incompatible {width:864px; margin:0 auto;}
#incompatible .details .col-1 {width:822px; position:relative; margin-bottom:30px; top:20px; left:20px; float:left;}
#incompatible .details ol {font-size:0.8em; line-height:1.5em;}
#incompatible .details li {margin:0px 0px 12px 0px;}
#incompatible .details p.disclaimer {margin-top:40px; text-align:right; color:#7a7a7a;}
#incompatible .details p.disclaimer a,
#incompatible .details p.disclaimer a:visited {color:#bcbcbc;}
#incompatible .details p.disclaimer a:hover {border-bottom:1px dotted;}

#error {width:864px; margin:0 auto; margin-top:90px;}
#error .details {background:url(../images/global/dotted_divider_errordetails_swatch.gif) repeat-y; overflow:hidden; padding-bottom:12px;}
#error .details .col-1 {width:401px; position:relative; margin-bottom:20px; top:20px; left:0px; float:left; text-align:right; padding-top:7px;}
#error .details .col-2 {width:401px; position:relative; margin-bottom:20px; top:20px; left:60px; float:left;}

#footer {width:864px; margin:0 auto; border-top:1px solid #3a3a3a; padding:9px 0px 12px 0px; position:relative;}
#footer p {margin:0px; font-size:0.625em; color:#6f6f6f;}
#footer a,
#footer a:link {color:#6f6f6f;}
#footer a:hover {color:#fff;}
#footer .sm-icon {margin-right:6px;}
#footer .sm-link {margin-right:12px;}



/* Custom Classes */
.horizontal-divider {margin:28px 0px 20px 0px; border-bottom:1px solid #3a3a3a;}
.float-left {float:left;}
.float-right {float:right;}
.clear {clear:both;}



/* IE6 PNG support - NO LONGER USING - USING IE6 SNIFFER AND DISPLAYING INCOMPATIBLE PAGE IF IE6 FOUND. */
img, 
img a,
#arrow-left,
#arrow-left,
#arrow-right,
#arrow-right {/*behavior:url(http://www.hesslerdesign.com/stage/js/iepngfix.htc);*/}



/*
	SIZE CONVERSION REFERENCE TABLE
	----------------------------------------------
	Points   |   Pixels   |   Ems   |   Percent
	----------------------------------------------
	6pt          8px          0.5em     50%
	7pt          9px          0.55em    55%
	7.5pt        10px         0.625em   62.5%
	8pt          11px         0.7em     70%
	
	9pt          12px         0.75em    75%
	10pt         13px         0.8em     80%
	10.5pt       14px         0.875em   87.5%
	11pt         15px         0.95em    95%
	----------------------------------------------
	12pt         16px         1.0em     100%
	----------------------------------------------
	13pt         17px         1.05em    105%
	13.5pt       18px         1.125em   112.5%
	14pt         19px         1.2em     120%
	14.5pt       20px         1.25em    125%
	
	15pt         21px         1.3em     130%
	16pt         22px         1.4em     140%
	17pt         23px         1.45em    145%
	18pt         24px         1.5em     150%
	
	20pt         26px         1.6em     160%
	22pt         29px         1.8em     180%
	24pt         32px         2.0em     200%
	26pt         35px         2.2em     220%
	
	27pt         36px         2.25em    225%
	28pt         37px         2.3em     230%
	29pt         38px         2.35em    235%
	30pt         40px         2.45em    245%
	
	32pt         42px         2.55em    255%
	34pt         45px         2.75em    275%
	36pt         48px         3.0em     300%
*/