/* FACTORY INTERACTIVE
   http://factory-interactive.com */

/*	CONTENTS ----------
	
       1.RESET OBJECTS
	   2.BODY
	   3.HEADINGS
	   4.LINKS
	   5.IMAGES
	   6.LAYOUT
	   7.TYPOGRAPHY
	   8.NAVIGATION
	   9.FOOTER
	   10.HOME PAGE
	   11.CONTACT/FORMS/BUTTONS
	   12.TABLES
	   
	-------------------
*/


/* 1. RESET STYLES STORED IN RESET.CSS */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,textarea, input {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
textarea, input{ outline:none;}

/* 2. HTML & BODY */
html { font-size:100.01%; height:101%; }
body { background:#fff url(../images/ui/bg-body.png) repeat-x; color:#444; font: 70% "Helvetica Neue", Arial, sans-serif; }

/* 3. HEADINGS*/
h1, h2, h3, h4 { font-weight:normal; color:#111; }
h1 { font-family:Georgia, "Book Antiqua", Palatino, serif; font-size:2.4em; margin:0 0 0.65em 0; }
h2 { font-family:Georgia, "Book Antiqua", Palatino, serif; font-size:2.1em; line-height:1.2em; margin:0.5em 0 0.65em 0; }
h3 { font-family:Georgia, "Book Antiqua", Palatino, serif; font-size:1.5em; margin:1.5em 0 0.8em 0; }
h4 { font-family:Georgia, "Book Antiqua", Palatino, serif; font-size:1.3em; line-height:1.25; margin:1.0em 0 0.5em 0; }
h5 { font-size:1em; font-weight:bold; margin-bottom:1.5em; }
h6 { font-size:1em; font-weight:bold; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0; }
#content-main h1 { font-family: Georgia, "Book Antiqua", Palatino, serif; font-size: 2.1em; letter-spacing:0.02em; line-height:1.2em; margin:18px 35px 20px 0; text-transform:uppercase; }
#content-main h4 { clear:both; font-size:1.4em; margin-top:2.0em; }
#content-sub-left h4 { clear:both; font-size:1.5em; margin:1.1em 0 1.0em 0; }
#content-sub-right h4 { clear:both; font-size:1.5em; margin:1.1em 0 1.0em 0; }
h2.blog-title { text-align:center; } 
.work-item h3 { font-size:1.6em; margin-top:0; }
.four-column h3 { margin: 0 15px 15px 15px; }
.four-column p { margin: 0 15px 20px 15px; }

/* 4. LINKS */
#logo h1 a { background:#000 url(../images/ui/logo.png) 0 13px no-repeat; outline: none; width:141px; height:135px; display:block; text-indent:-9999px; }
a:link { color:#9A101E; text-decoration:none; }
a:visited { color:#9A101E; text-decoration:none; }
a:hover { color:#666; text-decoration:none; }
a.active { color:#000; }
#content-main h1 a { color:#111; text-decoration:none; }
#content-main h1 a:hover { text-decoration:underline; }
.more a:link, .more a:visited { color: #333; text-decoration:none; }
.more a:hover { text-decoration:underline; }
.archive-link a { color: #333; text-decoration:none; }
.archive-link a:hover { text-decoration:underline; }
#content-sub h4 a { color:#111; text-decoration:none; }
#content-sub h4 a:hover { text-decoration:underline; }
h2 a:link { color:#000; text-decoration:none; }
h2 a:visited { color:#111; text-decoration:none; }
h2 a:hover { color:#9A101E; text-decoration:none; }
h3 a:link { color:#111; text-decoration:none; }
h3 a:visited { color:#111; text-decoration:none; }
h3 a:hover { color:#111; text-decoration:underline; }

/* 5. IMAGES */
.work-item img { padding:2px; border:1px solid #000; }
.tech-logo { margin-bottom:0px; }
#work-detail-image img { padding:2px; border:1px solid #000; }
.frame { padding:2px; border:1px solid #000; }



/* 6. LAYOUT */
#header { margin: 0 auto; overflow:visible; position:relative; width:960px; z-index:1000 !important; }
#hello { text-align:center; }
#hello p { padding:35px 20px 15px 35px; color:#000; font-family:Georgia; font-size:1.65em; line-height:1.55em; }
[if IE 7] #hello p  { font-family: Georgia, "Times New Roman", serif; font-size:1.65em; line-height:1.55em; } 
#logo { margin:0 auto; height:141px; width:130px; }
[if IE 7] #logo { margin: 0 0 0 420px; }
#header .searchbox { clear:both; padding:0; text-align: right; }
#header .searchbox .txtbox { border:none; background:#000 url(../images/ui/bg-search-box.png) 0 0 no-repeat; height:25px; margin:0 -4px 0 0; padding: 0px 4px 0 4px; font: 1.1em "Helvetica Neue", Arial, sans-serif; color: #999; vertical-align:top; width:170px; }
#header .searchbox .button-search { background:url(../images/ui/button-search.png) 0 0 no-repeat; width:27px; height:25px; border:none; position:relative; text-indent:-9999px; vertical-align: top; }
[if IE 7] #header .searchbox .button-search { background:url(../images/ui/button-search.png) 0 1px no-repeat; height:26px; }
.tools { float:right; margin: 50px 0 0 0; }
#wrapper { clear:both; background:#fff; width:960px; margin:0 auto; }
#content-container { background:#fff; clear:both; margin: 30px 0 0 0; overflow:hidden; padding:0 0 20px 0; position:relative; }
#content-container-home { background:#fff; clear:both; margin: 30px 0 0 0; overflow:hidden; padding:0 0 20px 0; position:relative; }
#content-main { float:left; position:relative; width:530px; }
#content-sub-left { float:left; margin:0 10px 0 0; overflow:hidden; position:relative; width:190px; }
#content-sub-left .menu-container { padding-bottom: 20px; }
#content-sub-right { float:right; margin:0 0 0 20px; position:relative; width:200px; }
.four-column { clear:both; overflow:hidden; postion:relative; width:960px; }
.four-left { float:left; height:210px; overflow:hidden; postion:relative; width:480px; }
.four-right { float:right; height:210px; overflow:hidden; postion:relative; width:480px; }
.four-left-left { border-right: 1px solid #000; float:left; postion:relative; overflow:hidden; height:210px; width:239px; }
.four-left-right { border-right: 1px solid #000; float:right; postion:relative; overflow:hidden; height:210px; width:239px; }
.four-right-left { border-right: 1px solid #000; float:left; postion:relative; overflow:hidden; height:210px; width:239px; }
.four-right-right { float:right; height:210px; overflow:hidden; postion:relative; width:240px; }
.col-left { float:left; margin-bottom:40px; overflow:hidden; width: 49%; }
.col-right { float:right; margin-bottom:40px; overflow:hidden; width: 49%; }
#services-title { }
.blog-item { overflow:hidden; margin: 0 0 40px 0; }
.blog-item-archive { overflow:hidden; border-bottom:1px solid #d5d5d5; padding: 0; margin: 0 0 20px 0; }
.comment-item { overflow:visible; border-bottom:1px solid #d5d5d5; padding: 10px 20px 20px 20px; margin: 0 0 20px 0; }
.work-item { float:left; margin:0 40px 30px 0; postion:relative; width:280px; }
#work-detail-image { float:left; width:508px; }
#work-detail-description { float:right; width:420px; }
#newsletter-signup { background:#fff url(../images/ui/bg-newsletter-signup.png) 0 0 no-repeat; margin: 20px 10px; min-height: 150px; padding-top:80px; width:160px; }
#newsletter-signup label { font-weight: normal; }
#newsletter-signup .newsletter .txtbox { border:1px solid #000; background-color:#fff; margin:0; padding: 7px 7px 7px 7px; font: 1.15em Helvetica, Arial, sans-serif; color: #666; vertical-align:top; width:150px; }
#newsletter-signup .newsletter .button-signup { background:url(../images/ui/button-signup.png) 0 0 no-repeat; float:right; width:79px; height:25px; border:none; text-indent:-9999px; margin-top: 5px; position:relative; text-indent:-9999px; vertical-align: top; }
#footer { background: #000; clear:both; min-height:120px; overflow:hidden; position:relative; }
.footer-col { float:left; margin:0; width:49%; }
#footer p { color:#999; font:normal 1em "Helvetica Neue", Arial, sans-serif; letter-spacing:0.03em; line-height:1.35em; margin: 20px 0 20px 0; }
#footer a:link, #footer a:visited { color:#ccc; text-decoration:none; }
#footer a:hover { color:#fff; text-decoration:underline; }
#footer h4 { float:left; font-size: 0.9em; font-weight:bold; color:#fff; margin: 20px; text-transform:uppercase; width:70px; }
#social-icons { margin:0 0 0 100px; padding:20px 0 40px 0; }
#social-icons ul { list-style-type:none; margin:0 20px 0 20px; }
#social-icons ul li { float:right; padding:0 25px 0 0; }
#social-icons .last { clear:both; margin:5px; }
.center { margin: 20px auto; text-align:center; width:100%; }
.left { float: left; display: inline; }
.addthis_button_compact { float:right;}
.contact { float:left; margin:0 5px; position:relative; width:255px; }

/* ACC Links */
ul#acc-links { display:none; }

/* 7. TYPOGRAPHY */
p { font-size:1.1em; line-height:1.5em; margin:0 20px 15px 0; overflow:visible;}
p img.left { float:left; margin:1.5em 1.5em 1.5em 0; padding:0; }
p img.right { float:right; margin:1.5em 0 1.5em 1.5em; }
blockquote { color:#333; font-style:normal; margin:0; padding:0 20px; overflow:visible; }
strong { font-weight:bold; }
em, dfn { font-style:italic; }
dfn { font-weight:bold; }
sup, sub { line-height:0; }
abbr, acronym { border-bottom:1px dotted #666; }
address { margin:0 0 1.5em; font-style:italic; }
del { color:#666; }
pre { margin:1.5em 0; white-space:pre; }
pre, code, tt { font:1em 'andale mono', 'lucida console', monospace; line-height:1.5; }
dl { margin:0 0 1.5em 0; }
dl dt { font-weight:bold; }
dd { margin-left:1.5em; }
.small { font-size:.8em; margin-bottom:1.875em; line-height:1.875em; }
.large { font-size:1.2em; line-height:2.5em; margin-bottom:1.25em; }
.hide { display:none; }
.quiet { color:#666; }
.loud { color:#000; }
.highlight { background:#ff0; }
.added { background:#060; color:#fff; }
.removed { background:#900; color:#fff; }
.top { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }
.datestamp { font:0.9em "Helvetica Neue", Arial, sans-serif; margin:0px 40px 20px 0; text-transform: uppercase; color: #666; }
.photo-credit { font-size:0.9em; font-style:italic; }
.more { font: 0.8em "Helvetica Neue", Arial, sans-serif; margin:10px 60px 20px 30px; text-transform: uppercase; color: #666; }
.deck { font-weight:bold; }
.launch-date { color:#666; font-size:0.9em; margin:-10px 0 10px 0; text-transform:uppercase; }
.site-link { border-top:1px solid #D7D7D7; border-bottom:1px solid #D7D7D7; clear:both; font-size:0.9em; margin-top:20px; padding:8px 0; position:relative; text-indent:10px; text-transform:uppercase; width:90%; }
.back { clear:both; }
#content-container ul, ol { font-size:1.1em; line-height:1.55em; margin-left:30px; }
#content-container li { list-style:square; padding-left:3px; }
#content-sub { color: #666; font:1.0em "Helvetica Neue", Arial, sans-serif; margin-top:20px; text-transform: uppercase; }
#content-sub-left p { margin:0 40px 8px 0; }
#content-sub-right p { margin:0 40px 8px 0; }
#content-sub .datestamp { font-size: 0.9em; clear:both; }
.contact-data { border-top:1px solid #D7D7D7; margin:5px 20px 10px 0; overflow:hidden; padding:8px 0 3px 0; text-indent:3px; }
.first { border:none; margin-bottom:5px;}
.datalabel { color:#000; width:120px; }
#content-sub-left .archive-link { margin-top: 20px; }



/* FEATURE SECTION */
#features { border-top:7px solid #000; border-bottom:7px solid #000; height:305px; margin:0 0 0 0; overflow:hidden; position:relative; }
#feature_wrapper { overflow:hidden; width: 690px; }
#features .image_wrapper, #category_feature_img { margin: 13px 20px 14px 0; width: 215px; }
#feature_copy_holder { position: relative; width: 410px; height: 284px; margin: 15px 15px 10px 0; overflow:hidden; }
#feature_copy { position: absolute; bottom: 2px; left: 2px; padding-bottom:5px; }
#feature_copy p { margin: 0 20px 0 0; }
#feature_copy .category { color:#666; font-size:0.85em; font-weight:normal; margin:0; text-transform:uppercase; }
#feature_copy .big_name { font-family:Georgia, "Book Antiqua", Palatino, serif; font-size: 2.35em; line-height: 1.2em; margin: 0 0 0 0; }
#feature_copy .credits { margin: 0 0 20px 0; }
#feature_copy .comments { margin: 6px 0 0 0; }
.author { color:#000; text-transform:uppercase; }
.byline { color:#666; font-style:italic; font-family:Georgia, "Book Antiqua", Palatino, serif; }
.credit { margin:-5px 0 30px 0; text-align:center; }
#blog-signature { clear:both; border-top:1px solid #d7d7d7; margin-top:35px; padding-top:10px; }
#feature_copy a:link { color:#9A101E; text-decoration:none; }
#feature_copy a:visited { color:#9A101E; text-decoration:none; }
#feature_copy a:hover { color:#666; text-decoration:none; }
#feature_links p { margin:0; padding:0; }
#feature_links { overflow:hidden; width: 267px; }
[if Gecko] #feature_links .link { width: 265px; border-left: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; background: url(../images/ui/feature_dotted_line.gif) repeat-x bottom; text-align: center; padding: 11px 0; }
[if Webkit] #feature_links .link { width: 265px; border-left: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; background: url(../images/ui/feature_dotted_line.gif) repeat-x bottom; text-align: center; padding: 13px 0 14px 0; }
[if IE 7] #feature_links .link { width: 265px; border-left: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; background: url(../images/ui/feature_dotted_line.gif) repeat-x bottom; text-align: center; padding: 12px 0 12px 0; }
[if IE 8] #feature_links .link { width: 265px; border-left: 1px solid #E5E5E5; border-right: 1px solid #E5E5E5; background: url(../images/ui/feature_dotted_line.gif) repeat-x bottom; text-align: center; padding: 12px 0 12px 0; }
#feature_links .link a { display: block; width: 100%; height: 100%; width: 250px; margin: 0 0 0 8px; outline: none; }
#feature_links a:link { color:#333; text-decoration:none; }
#feature_links a:visited { color:#333; text-decoration:none; }
#feature_links a:hover { color:#000; }
#feature_links .selected a { margin: 0 0 0 6px; }
#feature_links .bottom_link { background: none; }
#feature_links .selected { width: 261px; border-left: 5px solid #000000; border-right: 1px solid #000000; background: url(../images/ui/feature_solid_line.gif) repeat-x bottom; }
#feature_links .prev_selected { background: url(../images/ui/feature_solid_line.gif) repeat-x bottom; }
#feature_links .selected .category, #feature_links .selected .medium_name, #feature_links .selected .byline, #feature_links .selected .date, #feature_links .selected .author { position: relative; right: 2px; }
#feature_links .link .category { font-size:0.8em; line-height:1.75em; padding: 0; text-transform:uppercase; }
#feature_links .link .medium_name { font-family:Georgia, "Book Antiqua", Palatino, serif; font-size: 1.35em; padding: 0; }
.big_name a:link { color:#000 !important; }
.big_name a:visited { color:#000 !important; }
.big_name a:hover { color:#666 !important; }

/* 8. NAVIGATION */
#top-nav { background:#000; overflow:hidden; position:relative; margin: 19px auto 0 auto; text-align:center; width:430px; }
[if IE 7] #top-nav { margin: 24px auto 0 auto; }
ul#dropdownmenu { background:#000; font-family: Arial, sans-serif; font-weight:normal; height:25px; padding:0; position: relative; list-style-type:none; width:auto; }
[if IE 7] ul#dropdownmenu { height:30px; margin-top: -5px;}
ul#dropdownmenu li { float:left; text-transform:uppercase; line-height:1.75em; font-size:0.85em; position:relative; }
ul#dropdownmenu li a { display:block; float:left !important; height:25px; padding:5px 15px 0 15px; color:#999; margin: 0 2px 0 0; overflow:visible; text-decoration:none; border:none; }
ul#dropdownmenu li:hover a, ul#dropdownmenu li.sfHover a { color:#fff; background:#000; overflow:visible; }
ul#dropdownmenu li.current a { color:#fff; background:#000 url(../images/ui/bg-nav-active.png) center 23px no-repeat; overflow:visible; }

/* 11. FORMS */
label { font-weight:bold; }
fieldset { margin:1.5em 0; border:none; }
legend { font-weight:bold; font-size:1.2em; }
input[type=text], input[type=password], input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; padding:0;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#666; }
input[type=text], input[type=password], input.text, input.title, textarea, select { margin:0.5em 0; }
input.text, input.title { width:300px; padding:0; }
[if ie 7] input.text { padding:3px; }
input.title { font-size:1.5em; }
textarea { width:390px; height:250px; padding:5px; }
input[type=checkbox], input[type=radio], input.checkbox, input.radio { position:relative; top:.25em; }
form.inline { line-height:3; }
form.inline p { margin-bottom:0; }
.error, .notice, .success { padding:.8em; margin-bottom:1em; border:2px solid #ddd; }
.error { background:#FBE3E4; color:#8a1f11; border-color:#FBC2C4; }
.notice { background:#FFF6BF; color:#514721; border-color:#FFD324; }
.success { background:#E6EFC2; color:#264409; border-color:#C6D880; }
.error a { color:#8a1f11; }
.notice a { color:#514721; }
.success a { color:#264409; }
.post-comment { background-color:#000; border:4px double #fff; color:#fff; font-family:Georgia, "Times New Roman", Times, serif; padding:4px; }

/* 12. TABLES */
table { margin-bottom:1.4em; width:100%; }
th { font-weight:bold; }
thead th { background:#c3d9ff; }
th, td, caption { padding:4px 10px 4px 5px; }
tr.even td { background:#e5ecf9; }
tfoot { font-style:italic; }
caption { background:#eee; }