/* ----------------------------------------------------------------------------------------- 
____________________________________________________________________

"Screen" Style Sheet
Author - Mustafa Quilon, Shabbir Hussain for http://thisiszahab.com
Visual design copyright 2010. All Rights Reserved.
____________________________________________________________________

----------------------------------------------------------------------------------------- */

/*
=Colours
Doh!

ok,

red: #bf1e2e
*/


/* =myReset
----------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin : 0; padding : 0; border : 0; outline : 0; font-size : 100%; vertical-align : baseline; background : transparent;
}
ol, ul { list-style: none; list-style-image: none; list-style-position: outside; list-style-type: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; 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: ""; content: none;}
blockquote, q { quotes: "" ""; }
a img { border: none; }
abbr, acronym { border-bottom-width : 0; }

/* =defaults
----------------------------------------------------------------------------------------- */
@font-face {
	font-family: 'Colaborate-MediumRegular';
	src: url('../fonts/ColabMed.eot');
	src: local('Colaborate-Medium'), local('Colaborate-Medium'), url('../fonts/ColabMed.woff') format('woff'), url('../fonts/ColabMed.ttf') format('truetype'), url('../fonts/ColabMed.svg#Colaborate-Medium') format('svg');
}

@font-face {
	font-family: 'Colaborate-BoldRegular';
	src: url('../fonts/ColabBol.eot');
	src: local('Colaborate-Bold'), local('Colaborate-Bold'), url('../fonts/ColabBol.woff') format('woff'), url('../fonts/ColabBol.ttf') format('truetype'), url('../fonts/ColabBol.svg#Colaborate-Bold') format('svg');
}

html, body { height: 100%; }
body { padding: 70px 0 0 0; background: url(../images/bg.png) repeat-x #fff; font: normal 17px/21px 'Colaborate-MediumRegular', Helvetica, Arial, sans-serif; color: #000; text-shadow: 1px 1px 0 #fff, 0 0 10px #aaa; }

a { color: #fff; text-decoration: none; }
a:hover, a:focus { color: #eee; text-decoration: none; }

em { font-style: normal; }
strong { font-weight: normal; font-family: 'Colaborate-BoldRegular', Helvetica, Arial, sans-serif; }
/*visualHide*/
.visuallyHidden { position: absolute; top: -500px; left: 0px; width: 1px; height: 1px; overflow: hidden; }

/* =textSelect */
::selection { color: #fff; background-color: #000; text-shadow: none; } /* webkit */
::-moz-selection { color: #fff; background-color: #000; text-shadow: none; } /* mozilla */


/* =layout / divisions
----------------------------------------------------------------------------------------- */
#outerWrapper { position: relative; width: 960px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -280px; padding: 85px 0 20px 30px; overflow: hidden; }
	#logo { position: absolute; top: 0; right: 30px; width: 317px; height: 95px; background: url(../images/graphic-design-web-architecture-interiors.png) no-repeat; overflow: hidden; text-indent: -9999px;  }
	h4 { font-size: 95px; line-height: 120px; text-transform: uppercase; font-weight: normal; text-shadow: 1px 1px 0 #fff, 0 0 10px #aaa; }
	p { padding: 0 0 20px 0; }

#footerWrapper, #push { height: 280px; clear: both; }
#footerWrapper { position: relative; z-index: 111; width: 100%; background: url(../images/footer-bg.png) repeat-x #424143; }
	#footer { width: 930px; margin: 0 auto; padding: 40px 0 0; font-size: 15px; line-height: 19px; color: #fff; text-shadow: 0 0 10px #777, 1px 1px 0 #222; }
		#footer h3 { font-size: 15px; line-height: 19px; font-weight: normal; }
		#footer .indent { text-indent: 36px; }
		#footer .email { font-size: 36px; line-height: 44px; }
		#footer .email a { position: relative; text-shadow: 1px 1px 0 #bf1e2e, 2px 2px 0 #bf1e2e; }
		#footer .email a:hover, #footer .email a:focus { top: -2px; left: -2px; text-shadow: 1px 1px 0 #bf1e2e, 2px 2px 0 #bf1e2e, 3px 3px 0 #bf1e2e, 4px 4px 0 #bf1e2e; }