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

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

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

/*
=Colours
Doh!

*/


/* =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: 0; background: url(../images/bg.png) repeat-x #292929 top left; font: normal 17px/21px 'Colaborate-MediumRegular', Helvetica, Arial, sans-serif; color: #424243; text-shadow: 0px 0px 0 #fff, 0 0 10px #aaa; }

a { color: #424243; text-decoration: none; }
a:hover, a:focus { color: #222; 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; }

/* =clearfix (Alsett Modified) */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* backslash hack hides from IE Mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* end backslash hack */

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


/* =layout / divisions
----------------------------------------------------------------------------------------- */
#header { position: relative; width: 960px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -610px; padding: 30px 0 0 30px; overflow: hidden; color: #fff; text-shadow: 0 0 10px #bcbcbc; }
	h4 { font-size: 95px; line-height: 120px; text-transform: uppercase; font-weight: normal; }
	p { margin: 0 0 16px; }


.contactForm, .ajaxresponse { position: absolute; width: 250px; height: 75px; top: 150px; right: 20px; color: #666; font: normal 15px/21px 'Colaborate-MediumRegular', Helvetica, Arial, sans-serif; text-shadow: 1px 1px 0 #000, 0 0 10px #555; }
.contactForm p { padding: 0; margin: 0 0 10px; }
.contactForm label { display: block; float: left; width: 60px; }

input.text_input, textarea { width: 165px; font: normal 15px/21px 'Colaborate-MediumRegular', Helvetica, Arial, sans-serif; background: none transparent; border: 0 none; border-bottom: 1px solid #444; color: #888; vertical-align: bottom; }
input.text_input:focus, input.password:focus, textarea:focus, select:focus { border-bottom-color: #555; }

input.submit { cursor: pointer; background: transparent; border: 0 none; margin: 10px 0 0 -4px; padding: 0; color: #888; font: normal 17px/21px 'Colaborate-MediumRegular', Helvetica, Arial, sans-serif; text-shadow: 1px 1px 0 #000, 0 0 10px #555; }
input.submit:hover, input.submit:focus { color: #aaa; text-shadow: 1px 1px 0 #000, 0 0 10px #555; -webkit-transform:rotate(-1deg); -moz-transform: rotate(-1deg); transform: rotate(-1deg); outline: 0 none; }

.ajaxresponse { color: #888; }
.ajaxresponse strong { color: #aaa; font-size: 17px; }
.valid input.text_input, .valid textarea { border-bottom-color: #387600; }
.error input.text_input, .error textarea { border-bottom-color: #900; }

#contentWrapper, #push { height: 642px; clear: both; }
#contentWrapper { position: relative; z-index: 111; width: 98%; margin: 0 auto; background: #fff; color: #424243; text-shadow: 1px 1px 0 #fff, 0 0 10px #ccc; -webkit-box-shadow: 0 -3px 7px rgb(0,0,0); -moz-box-shadow: 0 -3px 7px rgb(0,0,0); box-shadow: 0 -3px 7px rgb(0,0,0); }
	#content { position: relative; width: 930px; height: 606px; margin: 0 auto; padding: 36px 0 0; font-size: 15px; line-height: 19px; }
		#logo { overflow: hidden; position: absolute; top: 10px; right: 30px; width: 166px; height: 54px; text-indent: -9999px;  }
		#logo a { display: block; width: 166px; height: 54px; background: url(../images/zahab-brand-identity.png) no-repeat 0 0; }
		#logo a:hover, #logo a:focus { background-position: 0 -54px; }
		#content h2 { margin: 0 0 16px; font: normal 20px/24px 'Colaborate-BoldRegular', Helvetica, Arial, sans-serif; text-transform: uppercase; }
		#content h2 small { text-transform: none; font: normal 14px/24px 'Colaborate-MediumRegular', Helvetica, Arial, sans-serif; }
		#content h3 { margin: 0 0 12px; font: normal 16px/20px 'Colaborate-BoldRegular', Helvetica, Arial, sans-serif; }
		ol { margin: 0 0 16px 0; padding: 0 0 0 24px; }
		ol li { margin: 0 0 12px; list-style: outside decimal; }
		#content .email { font-size: 22px; line-height: 36px; }
		#content .email a { position: relative; text-shadow: 0 none; }
		#content .email a:hover, #content .email a:focus { top: 0; left: 0; text-shadow: 1px 1px 0 #ccc, 2px 2px 0 #ccc, 3px 3px 0 #ccc; -webkit-transform:rotate(-1deg); -moz-transform: rotate(-1deg); transform: rotate(-1deg); }


hr { height:1px; border: 1px dotted #ccc; margin: 0 0 12px; padding: 0; }