/*
Author:		Pete Boere
Company:	Hyperlaunch New Media
*/
/*--------------------------------------------------------------------------- Browser Reset and Utilities ---*/
html{overflow-y:scroll;}div,ul,ol,li,dt,dd,dl,blockquote,object,fieldset,table,td,th,p,h1,h2,h3,h4,h5,h6,body,form{padding:0;margin:0;}ul,ol{list-style:none;}abbr,img,fieldset{border:0;}.tr{text-align:right;}.tl{text-align:left;}.fl{float:left;}.fr{float:right;}.tc{text-align:center;}.hide{display:none;visibility:hidden;}table{border-collapse:collapse;}input,select,textarea{margin:0;}textarea{overflow-y:auto;}

.ca:after, .content:after, .li-ca li:after {content:".";display:block;visibility:hidden;height:0px;clear:both;}
.ca, .content, .li-ca li {zoom:1;}

/*--------------------------------------------------------------------------- Debug ---*/
/*a[target=_blank]:after {content:'^';background:red;color:#fff;font-weight:bold;padding:3px;}*/

/*--------------------------------------------------------------------------- Generic Styles ---*/
body {background:#f5f3e2 url(../images/skin/bg/body.png) fixed -79px 0 no-repeat;font:11px/1.2 arial,sans-serif;
	color:#747474;}
a {text-decoration:none;}
p {max-width:64em;}
h1,h2,h3,h4,#nav-1 {font-family:'trebuchet ms',arial,sans-serif;}
h1,h2,h3,h4 {color:#af0001;}
h1 {font-size:15px;}
h2 {font-size:13px;}
h3 {font-size:11px;}

/*--------------------------------------------------------------------------- Consistent Elements ---*/
#wrap {width:952px;position:relative;top:80px;left:230px;width:734px;padding:16px 19px 3em 17px;
	background:#f5f3e2 url(../images/skin/bg/content.png) no-repeat;min-hei ght:550px;_heig t:550px;}

#fixed-bar {width:200px;position:absolute;top:0;left:30px;text-align:right;
	color:#f5f3e2;}
	#fixed-bar a {color:#f5f3e2;}
#fixed-bar[id] {position:fixed;}
	#trinity-comm a {position:absolute;
		width:146px;height:95px;top:31px;left:28px;}
	#trinity-comm em {visibility:hidden;}
	#vcard {position:absolute;top:35em;right:27px;line-height:1.4;}
		#vcard h3 {color:#ffcf01;}
		#vcard a {font-weight:bold;}
		#vcard a:hover {color:#fff;}
		#vcard .tel span {visibility:hidden;position:absolute;}
		#vcard .tel.phone {background:url(../images/skin/phone.png) left center no-repeat;
			padding:0 0 0 18px;}
		#vcard .tel.mobile {background:url(../images/skin/mobile.png) left center no-repeat;
			padding:0 0 0 16px;}
		
#nav-1 {position:absolute;width:190px;top:135px;right:0;}
	#nav-1 a {font-size:16px;padding:3px 27px 5px 0;display:block;zoom:1;
		background:url(../images/skin/nav/stripe.png) right bottom no-repeat;}
	#nav-1 a:hover {color:#ffcf01;}
	#nav-1 li.last a {background:0;}
	
	#Home #nav-1-home a,
	#CoreServices #nav-1-core-services a,
	#HowWeWork #nav-1-how-we-work a,
	#OurClients #nav-1-our-clients a,
	#WhoWeAre #nav-1-who-we-are a,
	#News #nav-1-news a,
	#Blog #nav-1-blog a,
	#Contact #nav-1-contact a {color:#ffcf01;}

.content {padding:0 0 2em;min-height:300px;height:300px;position:relative;}
	.content[class] {height:auto;}
	.content h1,
	.content h2,
	.content h3 {font-weight:normal;font-size:19px;padding:0 0 .6em;}
	.content p {padding:0 0 1.2em;}
	.content a {color:#af0001;text-decoration:underline;}
	.content strong {color:#444;}
	.content .lead-heading {border-bottom:1px solid #cfcec0;padding:0 0 .5em;
		font-size:21px;margin:0 0 .5em;}

.content h1 a,
.content h2 a,
.content h3 a,
.content .cta a,
.content .link-button,
#list-home-news a {text-decoration:none;}

#footer {font-size:9px;font-family:tahoma,verdana,sans-serif;color:#94927b;
	border-top:1px solid #e1e0d6;padding:7px 0;zoom:1;}

/*--------------------------------------------------------------------------- Reusable Styles ---*/
.cta {display:block;padding:1.2em 0 5px;}
	.cta a,
	.content .link-button {background:#af0001 url(../images/skin/arrow.png) right center no-repeat;
		padding:2px 20px 2px 5px;color:#f5f3e2;}
	.cta a:hover,
	.content .link-button:hover {background-color:#222;}
	.content img.fl {margin:2px 15px 5px 0;}

.content .link-button {position:absolute;right:0px;top:7px;font-weight:bold;padding:2px 18px 3px 8px;
	zoom:1;_padding:2px 18px 2px 8px;*padding:2px 18px 2px 8px;}
.content .link-button.reverse {background-image:url(../images/skin/arrow-left.png);
	background-position:4px center;padding-right:8px;padding-left:16px;}

span.date {color:#717171;padding-right:2px;}

.list-units {}
	.list-units li {border-top:1px solid #cfcec0;padding:.8em 30px 1em 0;}
	.list-units li.first {border:0;padding-top:0;}
	.list-units h3 {font-size:17px;padding:0 0 .2em;}
		.list-units h3 a:hover {color:#222;}
	.list-units .fl {width:100px;overflow:hidden;padding-top:3px;text-align:center;}
	.list-units .fr {width:588px;}	

/*--------------------------------------------------------------------------- Home Page ---*/	
#home-row-top {}
	#home-row-top .fl {width:100px;min-height:100px;}
	#home-row-top .fr {width:196px;background:url(../images/skin/bg/shadow-home-news.png) no-repeat;
		padding-left:15px;min-height:250px;_height:250px;}
		#home-row-top .fr h2 {padding:.3em 0 .35em;}

#list-home-news {}
	#list-home-news a {font-weight:bold;color:#747474;padding:8px 0 8px 21px;
		border-bottom:1px solid #d1cfc2;display:block;zoom:1;
		background:url(../images/skin/bg/home-news-crest.png) left 50% no-repeat;}
	#list-home-news a:hover {color:#AF0001;}
	#list-home-news li.last a {border:0;}

#home-row-middle {border-bottom:1px solid #cfcec0;padding:1.5em 0 2em;}
	#home-row-middle p {padding:0 0 0;}

#home-row-bottom {padding:1.7em 0 0;}
	#home-row-bottom div.inner {min-height:55px;_height:55px;}
	#home-row-bottom p {padding:0;}
	#home-row-bottom .cta {padding-top:1em;}	
	#home-row-bottom .fl,
	#home-row-bottom .fr {width:225px;min-height:175px;_height:175px;}
	#home-row-bottom .fl {padding-right:15px;}
	#home-row-bottom .fl-2,
	#home-row-bottom .fr {background:url(../images/skin/bg/shadow-short.png) no-repeat;padding:0 0 0 15px;} 

/*--------------------------------------------------------------------------- Core Services ---*/	
#tbl-core-services {width:100%;background:url(../images/skin/bg/shadow-core-services.png) 230px top no-repeat;
	margin:.5em 0;}
	#tbl-core-services td {bo rder: 1px solid;vertical-align:top;}
	#tbl-core-services h2 {padding:0 0 .6em;}
	#tbl-core-services div {width:225px;}
	#tbl-core-services .row-1 div.trim {border:0;padding-top:0;}
	#tbl-core-services div.trim {border-top:1px solid #cfcec0;padding-top:8px;}	
	#tbl-core-services .img-wrapper {padding:0 0 9px;}
	#tbl-core-services .col-1 {width:250px;}	
	#tbl-core-services .col-2 {width:250px;}	
	#tbl-core-services .col-3 {width:auto;}
		
/*--------------------------------------------------------------------------- How we Work ---*/	
#HowWeWork {}
	#HowWeWork .content h2 {font-size:18px;padding:0 0 .3em;}
	#HowWeWork .img-wrapper {margin:.5em 0 3em;}
	#HowWeWork .section {border-top:1px solid #cfcec0;padding:.8em 0 1em;}
	#HowWeWork .section .fl {width:100px;overflow:hidden;padding-top:5px;}
	#HowWeWork .section .fr {width:615px;}

/*--------------------------------------------------------------------------- Our clients ---*/	
.tbl-clients {border-collapse:separate;width:100%;table-layout:fixed;position:relative;left:-8px;}
	.tbl-clients td {background:#fff;text-align:center;height:116px;}	
	.tbl-clients td.empty {background:0;} 
	.tbl-clients a {display:block;}

#OurClients .section {border-top:1px solid #cfcec0;padding:1em 0 .8em;}
#OurClients .section .fl {width:226px;overflow:hidden;padding-top:5px;}
#OurClients .section .fr {width:484px;}
#OurClients .section h2 {padding-bottom:.4em;}

#OurClients .section.lead {border:0;padding:0 0 1.5em;}
#OurClients .section.lead .tbl-clients {position:static;}
#OurClients .section.lead h1 {font-size:20px;padding-bottom:.4em;}
#OurClients .section.lead .fl {width:136px;padding-top:1px;}
#OurClients .section.lead .fr {width:572px;padding-right:10px;}

/*--------------------------------------------------------------------------- Who We Are ---*/	
#WhoWeAre .section {border-top:1px solid #cfcec0;padding:1em 0 .8em;}
#WhoWeAre .section .fl {width:135px;overflow:hidden;padding-top:5px;}
#WhoWeAre .section .fr {width:581px;}
#WhoWeAre .section h2 {padding-bottom:.4em;}

#WhoWeAre .section.lead {border:0;padding:0 0 1.5em;}
#WhoWeAre .section.lead h1 {font-size:20px;padding-bottom:.4em;}
#WhoWeAre .section.lead .fl {width:225px;}
#WhoWeAre .section.lead .fr {width:482px;padding-right:10px;}

#WhoWeAre .section .vcard {}
	#WhoWeAre .section .vcard span {zoom:1;background-repeat:no-repeat;background-position:4px 50%;}
	#WhoWeAre .section .vcard strong {display:block;margin-bottom:7px;}
	#WhoWeAre .section .vcard .tel {margin-bottom:9px;_margin-bottom:4px;*margin-bottom:4px;}
	#WhoWeAre .section .vcard .tel span, 
	#WhoWeAre .section .vcard .email a {padding:2px 7px;background-color:#af0001;color:#f5f3e2;zoom:1;}
	#WhoWeAre .section .vcard .email a {zoom:1;color:#f5f3e2;padding-right:15px;
		padding-left:0px;background:#af0001 url(../images/skin/arrow.png) right center no-repeat;
		cursor:pointer;text-decoration:none;}
	
	#WhoWeAre .section .vcard a:hover {background-color:#222;}
	#WhoWeAre .section .vcard .tel span {background-image:url(../images/skin/phone.png);padding-left:22px;} 
	#WhoWeAre .section .vcard .email span {background-image:url(../images/skin/email.png);padding-left:22px;
		background-color:none;} 

/*--------------------------------------------------------------------------- News ---*/	
#list-news-archive {}
	#list-news-archive li {padding:.6em 30px .8em 0;}
	#list-news-archive li.first {padding-top:0;}
	#list-news-archive h3 {font-size:14px;font-weight:bold;}
	#list-news-archive h3 span.date {font-size:12px;padding-right:4px;}
	#list-news-archive .fl {width:70px;overflow:hidden;padding-top:3px;}
		#list-news-archive .fl img {max-width:70px;_width:70px;}
	#list-news-archive .fr {width:620px;}	

.layout-news-article {}
	.layout-news-article .img-wrapper {padding:3px 0 1em;}

/*--------------------------------------------------------------------------- Blog ---*/	
#Blog .section {border-top:1px solid #cfcec0;padding:1em 0 .8em;}
	#Blog .section.first {border:0;padding-top:0;}
	#Blog .section .fl {width:226px;overflow:hidden;padding-top:5px;text-align:center;}
	#Blog .section .fr {width:484px;}
	#Blog .section h2 {padding-bottom:.4em;}

/*--------------------------------------------------------------------------- Contact ---*/	
#tbl-contact {background:url(../images/skin/bg/shadow-contact.png) 328px 0 no-repeat;
	width:100%;margin:0 0 0;}
	#tbl-contact h2 {padding-bottom:.8em;}	
	#tbl-contact td {vertical-align:top;}
	#tbl-contact .col-1 {width:339px;}
	#tbl-contact .col-1 div {width:316px;}
	#tbl-contact .col-2 {width:204px;}
	#tbl-contact .col-2 div,
	#tbl-contact .col-3 div {width:176px;padding:0 4px;}
	#tbl-contact .b {height:100px;}
	#tbl-contact .c {height:280px;}
	#tbl-contact .row-2 div {border-top:1px solid #cfcec0;padding-top:10px;}

	#tbl-contact ul {line-height:1.4;padding:0 0 1em;}
	#tbl-contact li {background:url(../images/skin/email-icon.png) 0 0 no-repeat;
		padding:2px 0 .8em 25px;}
		#tbl-contact ul strong {display:block;}
	#tbl-contact p {line-height:1.5;}
	
	#tbl-contact .list-email {}
	#tbl-contact .list-phone {}
	#tbl-contact .list-fax {}