/*
Title: 		UsabilityUAE.com Stylesheet
Author:		Husain Hakim
Version:		1.0
*/

*
	{
		margin: 0;
		padding: 0;
		border: none;
	}

body
	{
		background: #000 url(../images/bg-body.gif) repeat-x 0 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		line-height: 25px;
		color: #999;
	}


.clearfix:after
	{
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

.clearfix { overflow : hidden; _height : 1%; }


#wrapper
	{
		width: 900px;
		margin: 0 auto;
		padding: 0 20px;
	}


#logo
	{
		width: 324px;
		height: 94px;
		background: #000 url(../images/h1-logo.gif) no-repeat 0 0;
		text-indent: -9999px;
	}


#content-container
	{
		width: 860px;
	}


#primary-content
	{
		float: left;
		width: 560px;
	}


#sidebar
	{
		float: right;
		width: 280px;
		margin: 30px 0 0 0;
	}


#primary-content p
	{
		margin: 15px 0;
	}

#primary-content p strong
	{
		color: #fff;
	}

p#hero-text
	{
		text-indent: -9999px;
		background: #000 url(../images/bg-hero-text.gif) no-repeat 0 0;
		width: 560px;
		height: 134px;
		margin: 0;
	}


#form-contact
	{
		width: 240px;
		height: 460px;
		background: #000 url(../images/bg-form.jpg) no-repeat 0 0;
		padding: 20px;
		font-size: 12px;
		color: #fff;
	}


#form-contact h2
	{
		
		font-size: 18px;
		margin: 0 0 15px 0;
	}

#form-contact p
	{
		font-size: 12px;
		line-height: 17px;
	}


.zemContactForm
	{
		margin: 5px 0 0 0;
	}

.zemContactForm input, select
	{
		
		height: 20px;
		padding: 1px 0 0 2px;
		width: 220px;
		margin: -2px 0 10px 0;
	}


.zemContactForm textarea
	{
		width: 220px;
		height: 75px;
		padding: 1px 0 0 2px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
	}



.zemContactForm button.zemSubmit
	{
		background: transparent url(../images/button-send.gif) no-repeat 0 0;
		width: 64px;
		height: 24px;
		cursor: pointer;
		margin: 20px 20px 0 0;
		color: #ffcc00;
		float: right;
	}

.zemThanks
	{
		color: #fff;
		font-weight: bold;
		margin: 20px 0 0 0;
	}

.zemError
	{
		line-height: 15px;
		color: #ffcc00;
		list-style: none;
	}




#primary-content h2
	{
		color: #fff;
		font-size: 20px;
		margin: 40px 0 30px 0;
	}


.members
	{
		font-size: 12px;
		line-height: 16px;
		width: 520px;
		margin: 0 0 30px 0;
	}


.members dl
	{
		float: left;
		margin: 0 0 30px 0;
		padding: 0;
		width: 520px;
		border-bottom: 1px #999 dashed;
	}

.members dt
	{
		float: right;
		width: 420px;
		font-weight: bold;
	}
.members dt span
	{
		display: block;
		color: #666;
		font-size: 11px;
		font-weight: normal;
	}
.members dd.description
	{
		float: right;
		width: 420px;
	}

.members dd.members-photo img
	{
		float: left;
		margin: 0;
		border: #ffcc00 1px solid;
	}


.members ul
	{
		margin: 0 0 20px 20px;
	}

h3, .members h3
	{
		font-size: 12px;
	}

a:link, a:visited
	{
		color: #ffcc00;
	}


.icons
	{
		list-style-type: none;
		margin: 0 0 10px 0;
	}

.icons li, .icons li a
	{
		float: left;
		margin: 0 5px 0 0;
	}