/*********************************************
 *********************************************

		Author: Joe Edelmann
	   Website: www.teamdigital.com
	Copyright©: Joe Edelmann / teamDigital

 *********************************************
 *********************************************/

/***** RESET *****/
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
ol, ul, li { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; }
q:before, q:after { content:''; }
a { margin:0; padding:0; text-decoration:none; outline:none; border:0; }


/***** BASICS *****/
strong { font-weight:bold; }
em { font-style:italic; }
* a { position:relative; }
a img { padding:0; border:0; }

body { font-family:Arial,sans-serif; font-size:12px; color:#7E7577; background:#FFF url(../images/bg-body.png) top repeat-x; }

h1 { margin:0 0 0 5px; width:168px; height:52px; text-indent:-9999px; background:url(../images/tD-logo.png) no-repeat; float:left; position:relative; }
h1 a { position:absolute; top:0; left:0; width:168px; height:52px; }
h1 a:hover { border:0; }
body.home h2,body.work h2 { margin:0 0 2px; padding:0; font-size:20px; color:#43423E; line-height:22px; letter-spacing:normal; }
h2#headline { margin:0 0 0 400px; padding:60px 0 0; color:#F37217; font-size:65px; font-weight:bold; letter-spacing:-1.5px; line-height:65px; }
body.company h2#headline,body.careers h2#headline { margin:0 0 14px 400px; padding:0; line-height:54px; }
body.contact h2#headline,body.subscribe h2#headline,body.documents h2#headline,body.access h2#headline,body.accessReg h2#headline { margin:0 0 20px 0; padding-bottom:14px; border-bottom:1px solid #000; }
h3 { margin:0 0 2px; font-size:12px; font-weight:normal; color:#F60; line-height:normal; letter-spacing:-.5px; }
h3#subline { margin:0 0 20px 400px; font-size:44px; color:#000; font-weight:normal; line-height:32px; }
body.company h3#subline,body.careers h3#subline { margin:0 0 0 400px; padding:60px 0 0; line-height:44px; }
h4 { margin:0 0 12px; padding:0 0 0 8px; height:12px; font-size:16px; text-transform:uppercase; border-left:4px solid #F60; line-height:13px; }

p { line-height:20px; }
p.section,#home-content li p.section { margin:0 0 2px; font-size:12px; color:#F60; line-height:14px; letter-spacing:-.5px; }
h4 + p { font-size:14px; line-height:24px; }


/***** LINKS *****/
a { color:#F60; }
a:hover { color:#930; border-bottom:2px solid #F60; }

h2 a, h4 a { color:#7E7577; }
h2 a:hover, h4 a:hover { color:#F60; border:0; }

body.home h2 a { color:#43423E; }
body.home h2 a:hover { color:#F60; border:0; }


/***** CONTAINERS *****/
#container { margin:0 auto; width:960px; }
#header { padding:40px 0 14px; overflow:auto; position:relative; }
#page-header { margin:0 0 40px; min-height:320px; height:auto !important; height:320px; border-bottom:1px solid #000; }
#main { margin:0 0 14px; clear:both; overflow:auto; }
#content { width:580px; float:left; }
#sidebar { margin:0 0 40px; padding:20px 20px 10px; width:300px; background:#EAEAEA; }
#sidebar.left { margin-right:40px; float:left; }
#sidebar.right { margin-left:40px; float:right; }
#showcase { margin:0 0 8px; width:960px; height:320px; background:#171717; }
/* OLD #home-clients { margin:0 0 14px; height:54px; background:#F60 url(../images/bg-home-clients.png) no-repeat; text-indent:-9999px; overflow:hidden; }*/
#home-clients { margin:0 0 14px; height:54px; background:#F60; overflow:hidden; }
#pane1, #pane2, #pane3, #pane4{
	width: 960px;
	float: left;
	height: 54px;
}
#pane1 ul li, #pane2 ul li, #pane3 ul li, #pane4 ul li{
	text-indent: -9900px;
	}
#pane1{
	background: #fb7232 url(../images/logo_banner.gif) no-repeat 0px 0px;
}
#pane2{
	background: #fb7232 url(../images/logo_banner.gif) no-repeat 0 -54px;
	}
#pane3{
	background: #fb7232 url(../images/logo_banner.gif) no-repeat 0 -108px;
	}
#pane4{
	background: #fb7232 url(../images/logo_banner.gif) no-repeat 0 -162px;
	}


#footer { padding:20px 0 14px; font-size:10px; clear:both; }


/***** NAV *****/
#nav { margin:21px 0 0; float:right; overflow:auto; }
#nav li { margin:0 0 0 28px; padding:0 0 2px; font-size:12px; text-transform:uppercase; float:left; }
#nav li a { color:#43423E; letter-spacing:-0.5px; }
#nav li a:hover { border-bottom:2px solid #F60; }
#nav li.current a { color:#F60; }
#nav li.attention { font-weight:bold; }

#subnav { position:absolute;top:30px; right:0; }
#subnav li { margin:0 8px 0 0; padding:0 8px 0 0; font-size:10px; float:left; line-height:10px; border-right:1px solid #F60; }
#subnav li a { color:#60605C; }
#subnav li a:hover { color:#F60; border:0; }
#subnav li.end { margin:0; padding:0; border:0; }


/***** PAGE HEADER *****/
.description { margin:0 0 0 400px; padding:0 0 40px; font-size:18px; color:#828383; line-height:24px; }


/***** HOME *****/
#home-content { overflow:auto; }
#home-content li { margin:0 18px 0 0; padding:0 18px 0 0; width:288px; height:182px; float:left; border-right:2px solid #AAA; overflow:hidden; }
#home-content li#home-download { margin:0; border:0; }
#home-content li p { font-size:14px; line-height:20px; }


/***** WORK *****/
#featured-work { margin:20px 0 0; width:960px; height:600px; overflow-x:scroll; position:relative; z-index:2; }

ul#work { position:relative; left:-540px; width:2280px; z-index:1; }
ul#work li { margin:0 40px; padding:39px 18px 0; width:564px; background:#FFF url(../images/bg-browser.png) center top no-repeat; float:left;  }
ul#work li p.browserImg { margin:0 0 35px; width:564px; height:360px; background:#171717; }
ul#work li p.browserImg img { background:#000; }
ul#work li .work-descrip { position:relative; }
ul#work li .work-descrip img { position:absolute; top:18px; left:15px; }
ul#work li .work-descrip h2 { margin:0 0 8px 125px; color:#3D3F3C; font-size:22px; font-weight:normal; }
ul#work li .work-descrip h3 { margin:0 0 2px 125px; font-weight:bold; }
ul#work li .work-descrip p { margin:0 0 0 125px; font-size:14px; color:#3D3F3C; }
ul#work li .work-descrip p.category { margin:0 0 2px 125px; font-size:12px; color:#F60; line-height:14px; font-weight:bold; }

.prev { width:26px; height:51px; position:absolute; top:180px; left:140px; text-indent:-9999px; background:url(../images/img-arrowL2.png) no-repeat; cursor:pointer; }
.next { width:26px; height:51px; position:absolute; top:180px; right:140px; text-indent:-9999px; background:url(../images/img-arrowR2.png) no-repeat; cursor:pointer; }


/***** SERVICES *****/
body.services #page-header { background:url(../images/bg-header-services.jpg) bottom left no-repeat; }
body.services div.col { margin:30px 20px 20px 0; width:180px; float:left; text-align:center; position:relative; }
body.services div.col.end { margin:30px 0 20px; }
body.services #content div.col p.heading { margin:0 0 4px; font-size:30px; font-weight:bold; color:#111; line-height:30px; }
body.services div.col img { position:absolute; top:6px; right:-16px; }
body.services #content div.col p { margin:0 0 14px; font-size:14px; color:#626262; line-height:inherit; }
body.services div.col li { font-size:14px; color:#F60; line-height:28px; }


/***** COMPANY *****/
body.company #page-header { background:url(../images/bg-header-company.jpg) 20px 25px no-repeat; }
body.company div.col { margin:24px 65px 20px 0; width:250px; float:left; }
body.company div.col.end { margin-right:0; }
body.company div.col img { margin:0 0 8px; border-top:4px solid #CCC; border-bottom:4px solid #CCC; }


/***** CONTACT / SUBSCRIBE *****/
body.contact #main,body.subscribe #main { padding:0 0 0 400px; min-height:600px; height:auto !important; height:600px; background:url(../images/bg-iPhone.jpg) 40px 60px no-repeat; }
fieldset p { margin:0 0 8px; padding:8px; background:#F9F9F9; border-bottom:1px solid #EEE; }
fieldset p:hover,.inputHover { background:#F6F6F6 url(../images/bg-form-p.png) repeat; border-bottom:1px solid #E6E6E6; }
fieldset p input:focus,fieldset p textarea:focus { border-color:#F90; }
fieldset p label { padding:1px 0 0; width:140px; float:left; font-size:12px; color:#333; }
fieldset p input,fieldset textarea { padding:2px; width:250px; font-family:Arial; font-size:12px; color:#666666; background:#FFF url(../images/bg-input.png) top repeat-x; border:1px solid #CECECE; }
/*
fieldset p.nlOptin { padding:8px 8px 8px 148px; overflow:auto; }
fieldset p.nlOptin span { margin:0 0 4px; float:left; color:#333; width:150px; }
fieldset p.nlOptin label { margin:0 4px 0 0; padding:0; float:none; }
fieldset p.nlOptin input { margin:0 12px 0 0; padding:0; position:relative; top:2px; width:auto; background:none; border:0; }
*/
fieldset p#contact-submit { background:none; border:0; clear:both; }
fieldset p#contact-submit input { margin:0 0 0 140px; padding:4px 14px; width:auto; font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; color:#FFF; background:#F60; border:0; cursor:pointer; -moz-border-radius:2px; }
fieldset p#contact-submit input:hover { background:#930; }

fieldset p span.note { padding:0 0 0 8px; color:#BBB; font-size:11px; }

p.errors { margin:0 auto 12px; padding:8px; text-align:center; color:red; font-weight:bold; background:#f7e2e2; border:2px solid red; }
.err { font-weight:bold; color:red; }

/*body.contact #main p,body.subscribe #main p { margin:0 0 14px 400px; font-size:14px; }*/


/***** DOWNLOADS *****/
body.downloads #page-header { background:url(../images/bg-header-downloads.jpg) 20px 25px no-repeat; }
body.downloads #content { float:right; }
body.downloads #content ul { padding:20px 80px 20px 20px; background:#E5E5E5; }
body.downloads #content li { margin:0 0 30px; padding-left:140px; color:#535353; position:relative; }
body.downloads #content li img { position:absolute; top:0; left:0; border:1px solid #C0C0C0; }
body.downloads #content li p.title { margin:0; font-size:16px; font-weight:bold; }
body.downloads #content li p { margin:0 0 4px; font-size:14px; }


/***** DOCUMENTS *****/
body.documents #content { width:960px; }
#document-list { margin:0 auto; width:60%; border:1px solid #CCC; }
#document-list th {  }
#document-list tr {  }
#document-list td { padding:4px 8px; }
#document-list td.type { width:10%; text-align:center; border-right:1px solid #CCC; }


/***** CAREERS *****/
body.careers #page-header { background:url(../images/bg-header-careers.jpg) 60px bottom no-repeat; }
body.careers #content { width:960px; }
.current-positions { padding:20px 30px; color:#535353; background:#E5E5E5; overflow:auto; }
.current-positions dl { margin:0 30px 0 0; width:280px; float:left; }
.current-positions dl.end { margin:0; }
.current-positions dt { font-size:16px; font-weight:bold; }
.current-positions dd { margin:0 0 14px; font-size:14px; line-height:18px; }
.current-positions dd.requirement { font-size:14px; }
.current-positions dd ul { margin:8px 0 4px; padding:0 0 0 16px; }
.current-positions dd li { margin:0 0 8px; list-style:disc; font-size:12px; line-height:14px; }


/***** SIDEBAR *****/
#sidebar p { line-height:20px; }
p.latest { margin:0 0 2px; padding:0; font-size:20px; color:#535353; font-weight:bold; line-height:22px; }
p.latest a { color:#535353; }
p.latest a:hover { color:#F60; border:0; }
#sidebar p.link { margin:0 0 24px; font-size:14px; }


/***** PRIVACY POLICY *****/
body.privacy h2 { margin:0 0 24px; font-size:30px; font-weight:normal; color:#535353; }
body.privacy #content { padding:40px 30px 0; width:auto; }
body.privacy #content p { margin:0 0 18px; line-height:20px; }


/***** FOOTER *****/
#footer ul { margin:0 0 4px; text-align:center; }
#footer li { margin:0 9px; display:inline; }
#footer a { color:#7E7577; }
#footer a:hover { color:#F60; border:0; }
#footer li#company-email a { font-weight:bold; }
#affiliate { font-size:10px; text-align:center; }

#fbLike { text-align:center; }


/***** MISC *****/
.left { float:left; }
.right { float:right; }