/* @override http://meeza.local/css/main.css */

/* -------------------------------------------------------------- 
  
   MEEZA
   * Version:   1 (June 2009)
   * Website:   http://www.meeza.net
   * Creator:	kdavies@meeza.com.qa
   
-------------------------------------------------------------- */

html
{
	/* cf. http://www.hicksdesign.co.uk/journal/forcing-scrollbars-now-even-better */
	height: 100%;
	margin-bottom: 1px;
}

/*
------------------
TEMP Styles
------------------
*/

h5 { background-color: yellow; }

th { background-color: #fff; } 

.sidepad { margin:100px 0px 30px 0px}

h3.sidepad { margin:30px 0px 30px 0px}


/* Plans
------------------------------ */

table#pricing {
	width: 100%;
}

table#pricing th 
{ background: #fff}

table#pricing th h2
{ margin-bottom: 0em;font-size:2.5em; font-weight:bold; line-height:1.2em}

	table#pricing th,
	table#pricing td {
		width: 20%;
		text-align: center;
	}

	table#pricing thead th {
		font-weight: normal;
		font-size: 1.9em;
	}

	table#pricing tbody td {
		padding: .1em 0;
	}
		table#pricing tbody td strong {
			color: #aea444;
			font-weight: bold;
			font-size: 1.2em;
		}

	table#pricing tfoot th {
		padding: 0;
		vertical-align: middle;
		font-weight: normal;
		font-size: 1.2em;
	}
		table#pricing  tfoot th div {
			display: block;
			height: 69px;
			margin: 1em 0 0;
			padding-top: 13px;
			background: url(../images/cloud_plans_bg.png) no-repeat 50% 0;
		}
		table#pricing tfoot th .currency {
			margin-left: .8em;
			vertical-align: .6em;
			font-size: 1.25em;
		}
		table#pricing tfoot th strong {
			margin: 0.07em;
			color: #000;
			font-weight: normal;
			font-size: 2.5em;
		}
	table#pricing tfoot td {
		padding: 1em;
	}


/*
------------------
MEEZA Colours
------------------
*/

/*  text */
.black { color: #000000; }
.gold { color: #aea444; }
.midgold { color: #7d742c; }
.darkgold { color: #5d551d; }
.silver { color: #bec0c2; }
.darksilver { color: #7b7b7b; }
.moonstone { color: #cdd3e0; }
.mint { color: #cce0d9; }
.green { color: #748638; }
.blue { color: #38939b; }
.aubergine { color: #7d0849; }

/* background */
.bg-black { background-color: #000000; }
.bg-gold { background-color: #aea444; }
.bg-white { background-color: #ffffff; }
.bg-silver { background-color: #bec0c2; }
.bg-darksilver { background-color: #7b7b7b; }
.bg-moonstone { background-color: #cdd3e0; }
.bg-mint { background-color: #cce0d9; }

.bg-green
{
	background-color: #748638;
	color: white;
}

.bg-blue
{
	background-color: #38939b;
	color: white;
}

.bg-aubergine
{
	background-color: #7d0849;
	color: white;
}

/*
------------------
Typography
------------------
*/

p { font-family: Helvetica Neue, Arial, Helvetica, sans-serif; }
h1,h2,h3,h6 { text-transform: uppercase;
	color: #333;
}

a
{
	text-decoration: none;
	border-bottom: 1px solid;
}

dt
{
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

h1
{
	margin-left: 0;
	padding-left: 0;
}

h3 { margin: 0em 0 0.20em 0; }

a { color: #aea444; }
a:hover { color: #5d551d; }

.bg-green *,
.bg-gold *,
.bg-aubergine *,
.bg-blue *
{
	color: white;
	text-shadow: 0 0 0 #000;
}

dt { color: black; }
dd { margin-bottom: 3em; }

/* 
------------------
Layout 
------------------
*/



.displace
{
	position: absolute;
	left: -5000px;
}

.container { overflow: hidden; }

.main
{
	width: 630px;
	float: left;
	padding-top: 2.80em;
}

.full
{
	width: 910px;
	float: left;
	padding-top: 2.80em;

}

.side
{
	width: 280px;
	float: right;
	padding-left: 15px;
	padding-top: 1em;
	padding-right: 15px;
	padding-bottom: 2000px;
	margin-bottom: -2000px;
}

.col
{
	width: 200px;
}


.side p
{
	margin-bottom: 2em;
	color: #38939b;
}

.side a { border: 0; }

.contact
{
	width: 310px;
	float: right;
}

.products { padding-top: 2em; }

.products div
{
	display: inline;
	float: left;
	padding-bottom: 3em;
	padding-left: 15px;
}

.main div { clear: both; }

.main > *
{
	margin-left: 15px;
	margin-right: 15px;
}

.full > *
{
	margin-left: 15px;
	margin-right: 15px;
}



.main span { margin: 0; }

.main span img
{
	display: block;
	margin-left: 15px;
	float: left;
}

.main { padding-top: 1em; }

#achievements
{
	background-color: #edeff5;
	width: 560px;
	clear: both;
	padding:5px 15px 0px 15px;
	margin:15px 15px 15px 15px;
	overflow: hidden;
}

achievementsSlides div h6,achievementsSlides div p {float:right}

#achievements h6 {margin:1em 1em 0em 0em}

.agenda td { vertical-align: top; }

/*
------------------
Nav & subnav
------------------
*/

#header a
{
	border-bottom: 0px;
	text-transform: uppercase;
}

#nav
{
	text-align: right;
	margin-right: 0px;
	padding-top: 40px;
}

ul#nav
{
	margin-bottom: 0.5em;
	margin-right: 15px;
}

#nav a
{
	margin: 0em 0em 0em 0em;
	padding: 0.5em 1em 0.6em 1em;
	font-weight: bold;
}

#nav a,				
.subnav a { color: #bec0c2; }
#nav a:hover,
.subnav a:hover { color: #7b7b7b; }
#header a.selected,
.subnav a.selected { color: #7b7b7b; }

ul.subnav
{
	margin: 0em 1em 0em 0;
	text-align: right;
	float: right;
	padding-right: 0.5em;
}

.subnav a
{
	margin: 0em 0em 0em 0em;
	padding: 0.5em 1em 0.6em 1em;
	border-bottom: 0px;
	margin-bottom: 0;
}

#metaNav
{
	display: block;
	text-align: right;
	margin-right: 0px;
	float: right;
}

#nav li, 
#metaNav li,
.subnav li
{
	list-style: none;
	display: inline;
}

/*
------------------
Everything Else
------------------
*/

body
{
	background-color: #cdd3e0;
	color: #7b7b7b;
}

.left {
	float: left;
}

.frame {
	margin-right: 40px;
	margin-bottom: 120px;
}
.container { background-color: white; }

.callout {
margin-top: 2em; margin-bottom: 2em;}

div.speakers div {margin-bottom:5em;}

.callout img
{
	display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.callout
{
    text-align: center;
}
.callout p
{
	text-align: center
}

.border-gr {
	border: 10px solid #f5f5f5;
	display: block;
	margin: 1em auto;
}

.banner
{
	clear: both;
	height: 145px;
}

img#logo
{
	margin: 30px 0px 30px 30px;
	float: left;
}

.banner	img { margin: 0; }
a.white,
a.white:hover { color: white; }

#managedTableTop td {
	vertical-align: top;
}

.big3 {font-family: "Times New Roman", Times, Georgia, serif;font-size:13em;float: left;margin: 0px;padding: 0px;line-height:0.8em;color: #e3e2cc;text-align: center;vertical-align: top;}

/*.vacancies > dt		{text-decoration: underline;color: #aea444}
.vacancies > dt:hover	{ cursor: pointer;}*/

.vacancies > dt {
	text-transform: none;
	font-weight: normal;
}


.under { padding-bottom: 30px; }

.panel p {
clear: both;
	}

.panel h3 {
	display: none;
}

.clients  {
	list-style: none;
    margin: 0;
    padding: 0;

}

.stripe
{
background-color:#EFEFEF;
}

.check
{
text-align:center}

.itmatters img
{
	float: right;
	margin: 0px 5px 18px 54px;
}

.itmatters p { margin-right: 30px; }

.itmatters-side img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 80%;
}

.success { display: none; }

/* Fancybox */
a.fancybox
{
	border: 0px;
	background-color: #eeeeee;
	display: block;
	padding: 1em 1em 0 1em;
	font-size: 133%;
	color: #7d0849;
	text-decoration: underline;
}

a.fancybox span
{
	display: block;
	padding-bottom: 1em;
	color: #7d0849;
	text-shadow: none;
}

a.fancybox img
{
	float: right;
	display: inline;
}

div#fancy_inner { border: 0px; }
a.fancybox:hover { background-color: white; }

.pdf
{
	background: url(../images/icon_PDF.png) no-repeat 0 10px;
	height: 15px;
	display: block;
	padding-left: 30px;
	padding-top: 20px;
	border-bottom: 0;
	text-decoration: underline;
}

/* Google Map */
#map_canvas
{
	height: 30em;
	margin: 18px;
}

/* contact page */
.vcard img { float: left; }
div.email { margin-top: 1em; }
a.email { margin-left: 20px; }

.tel
{
	display: inline;
	margin-left: 15px;
	margin-top: 1em;
}

.fax
{
	display: inline;
	margin-left: 30px;
}

.org
{
	color: white;
	font-weight: bold;
}

.addressbook { margin-top: 1em; }
.addressbook img { padding-right: 10px; }

.slideshow
{
	height: 145px;
	overflow: hidden;
}

.bannervid
{
	float: right;
	margin-right: 15px;
	margin-top: 1em;
}

.directions { margin-top: 2em; }

/*
------------------
Footer
------------------
*/

#footer { clear: both; }

.footerlinks
{
	width: 640px;
	height: 240px;
	float: left;
	background-color: #aea444;
}

.contact
{
	color: #ffffff;
	width: 295px;
	height: 210px;
	float: right;
	background-color: #aea444;
	padding-top: 2.5em;
	padding-left: 15px;
}

#footer span dl
{
	width: 115px;
	display: block;
	float: left;
	padding-top: 2.80em;
	margin-left: 15px;
	margin-right: 15px;
}

#footer img { margin-right: 1em; }
#footer dt a { color: #ffffff; }

#footer a
{
	color: #ffffff;
	border-bottom: 0px solid white;
	padding: 3px;
}

#footer a:hover { color: #ffffff; }

#footer dl
{
	width: 150px;
	margin-left: 15px;
	margin-right: 50px;
	font-size: 90%;
	padding-right: 10px;
}

#footer dd+dt,
#footer dt+dt { margin-top: 1.5em; }
#footer dt,
#footer dd { margin: 0px; }

/*
------------
iPhone css 
------------
*/


/*
------------------
jQuery Slider
------------------
*/

/* temp */

.panel img
{
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

#wrapper { margin: 0 auto; }
#intro { padding-bottom: 10px; }

#slider
{
	/*
	padding-top: 3em;
*/
	margin: 0 auto;
	position: relative;
}

.scroll
{
	height: 400px;
	overflow: auto;
	overflow-x: hidden;
	position: relative;
	clear: left;
}

.scrollContainer div.panel
{
	padding: 20px;
	height: 386px;
	width: 550px;
}

.scrollContainer * { /* color: white */ }

.hide { display: none; }

/*
REGISTRATION FORM
*/

div#register {
	margin-bottom: 2em;
}

div#register input
{
	display: block;
	width: 260px;
	border: 0;
	background-color: #e6e8ee;
	font-size: 1.5em;
	padding: 0.2em;
	margin: 0 0 1em 0;
}

ol.register
{
	list-style: none;
	padding: 0;
}

div#register input.error {
	background-color:#FBE3E4;
}

div#register label.error {padding:0;margin-bottom:1em;border:0;background-color: inherit;display: block;margin: 0 0 1 0;line-height: 0;}