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

/* -------------------------------------------------------------- 
  
   MEEZA
   * Version:   1 (Oct 2011)
   * Website:   http://www.meeza.net
   * Creator:	hussain.subhani@meeza.net
   
-------------------------------------------------------------- */

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 thead
{ 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: #cba81b;
			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: #cba81b; }
.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: #cba81b; }
.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:Arial, Helvetica, sans-serif;
	color: #7b7b7b;}

h1,h2,h3,h6 { text-transform: uppercase;
	color: #333;
}

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

dt, dd.single
{
	text-transform:uppercase;
	letter-spacing: 0.1em;
	font-family:Arial, Helvetica, sans-serif;
	padding: 0px 0px 15px 0px;
	font-size:10px;
	font-weight:bold;
	color: #000000;
}

.careers_hd
{
	text-transform:uppercase;
	letter-spacing: 0.1em;
	font-family:Arial, Helvetica, sans-serif;
	padding: 0px 0px 15px 0px;
	font-size:15px;
	font-weight:bold;
	color: #000000;
}

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

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

a { color: #cba81b; }
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; */
	background: url(../images/bg02_right_panel02.jpg);
}

.col
{
	width: 200px;
}


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

.side a { border: 0; }


.side2
{
	width: 280px;
	float: right;
	padding: 30px 15px 15px 15px;
	padding-right: 15px;
/*	padding-bottom: 2000px;
	margin-bottom: -2000px; 
	background: url(../images/bg02_right_panel02.jpg);*/
}

.col2
{
	width: 200px;
}


.side2 p
{
	margin: 0px 0px 0px 0px;
	color: #38939b;
}

.side2 a { border: 0; }

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

.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: 2.80em; }

#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; }


/*
------------------
Board of Directors
------------------
*/

.bod { 
	/*padding-top: 2em;*/ 
	width: 100%;
	float: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;

}

.bod div
{
	display: inline;

}

.bod01 { 
	/*padding-top: 2em;*/ 
	width: 350px;
	float: left;
	padding: 50px 0px 18px 22px;
	text-align: center;

}

.bod01 div
{
	display: inline;

}

.bod02 { 
	/*padding-top: 2em;*/ 
	width: 350px;
	float: right;
	padding: 50px 22px 18px 0px;
	font-size: 12px;
	text-align: center;

}

.bod02 div
{
	display: inline;
}

.bod_hd
{
	text-transform:uppercase;
	letter-spacing: 0.5px;
	font-family:Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size:20px;
	font-weight:normal;
	color: #333;
}

.bod_hd02
{
	/*text-transform:uppercase;*/
	letter-spacing: 0px;
	font-family:Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size:17px;
	font-weight:bold;
	color: #666666;
}

.bod_border
{
	background-color: #b7b7b7;
	border:medium;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #b7b7b7;
}

/*
------------------
Nav Language
------------------
*/

.head_main_language
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;
}

#language 
{
	margin: 0px 0px 0px 0px;
	padding: 2px 25px 0px 0px;
	float: right;
	text-align: right;
}


#language a
{
	border-bottom: 0px;
	text-transform: uppercase;
	text-align:right;
	
}

#language a { color: #7b7b7b; }
#language a:hover { color: #333333; }
#language a.selected { color: #333333; }


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


#head_main_nav
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear:both;
}

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

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

ul#nav
{
	margin: 0px 0px 0px 0px;
	padding: 10px 25px 0px 0px;
}

#nav a
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 25px;
	font-size:12.3px;
	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: 0px 0px 0px 0px;
	padding: 5px 0px 0px 25px;
	text-align: right;
	float: right;
}

.subnav a
{
	margin: 0px 0px 0px 0px;
	padding: 0px 25px 0px 0px;
	font-size:11.5px;
	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;
}


/*
------------------
News & Events
------------------
*/

.main2
{
	padding: 30px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	float: left;

}

.newshd { 
	padding: 5px 0px 0px 10px;
	margin: 0px 10px 10px 0px;
	width: 690px;
	height:35px;
	float: left;
	line-height:16px;
	background-color:#f6f3e0; 

}

.newshd2 { 
	padding: 5px 0px 0px 10px;
	margin: 0px 10px 10px 0px;
	width: 690px;
	height:35px;
	float: left;
	line-height:16px;
	background-color:#fefcef; 

}

.newshd div
{
	display: inline;
	padding-bottom: 2px;
}

.newspdf
{
	background: url(../images/icon_PDF.png) no-repeat 0 5px;
	height: 30px;
	display: block;
	width: 200px;
	float:right;
	padding: 10px 0px 0px 35px;
	margin: 0px 0px 0px 0px;
	border-bottom: 0;
	/*text-decoration: underline;
	text-transform: uppercase;
	font-size:12px;
	background: url(../images/bg_newshd.png) no-repeat; */
}



/*
------------------
News & Events
------------------
*/


.serviceshd { 
	padding: 10px 0px 0px 10px;
	margin: 0px 10px 10px 15px;
	width: 580px;	
	height:30px;
	float: left;
	font-size:16px;
	color: #555;
	letter-spacing: 1.5px;
	line-height:16px;
	background-color:#f6f3e0; 

}

.serviceshd2 { 
	padding: 10px 0px 0px 10px;
	margin: 0px 10px 10px 15px;
	width: 580px;
	height:30px;
	float: left;
	font-size:16px;
	color: #555;
	letter-spacing: 1.5px;
	line-height:16px;
	background-color:#fefcef; 

}

.serviceshd div
{
	display: inline;
	padding-bottom: 2px;
}

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

body
{
	/*background-color: #cdd3e0; */
	color: #7b7b7b;
	background: url(../images/bg01.jpg);
}

.bar_header
{
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 2px;
	float: left;
	/*background-color: #dfd795; */
	background: url(../images/bar_header01.jpg);
}

.profile
{
	width: 900px;
	float: left;
	margin: 0px 0px px 0px;
	padding: 0px 0px 80px 0px;
/*	background: url(../images/bg02_right_panel02.jpg);*/
}

.left {
	float: left;
}

.frame {
	margin-right: 40px;
	margin-bottom: 5px;
}
.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: 0px 0px 15px 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: #cba81b}
.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: 2px; }
a.email { margin-left: 15px; }

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

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

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

.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; }

.footerbar 
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	height: 10px;
	float: left;
	background-color: #dfd795;
}
		
		
.footerlinks
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 640px;
	height: 23px;
	float: left;
	background-color: #cba81b;
}

.contact
{
	color: #ffffff;
	width: 295px;
	height: 21px;
	float: right;
	background-color: #cba81b;
	text-align:right;
	padding-top: 2px;
	padding-left: 0px;
	padding-right: 15px;
}

#footer dl
{
	width: 115px;
	display: block;
	float: left;
	padding-top: 10px;
	margin-left: 15px;
	margin-right: 15px;
	font-size: 90%;

}

#footer img { margin-right: 10px; }
#footer dt a { color: #ffffff; }

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

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

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

/*
------------------
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: 500px;
	overflow: auto;
	overflow-x: hidden;
	position: relative;
	clear: left;
}

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

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

.hide { display: none; }

/*
REGISTRATION FORM
*/

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

div#register input
{
	display: block;
	width: 260px;
	border: 0;
	background-color: #CED3DB;
	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;}



/*

video

*/

#video {
  -webkit-box-shadow: 0 0 20px #666;
  -moz-box-shadow: 0 0 20px #666;
  width: 590px;
  height: 330px;
  overflow: none;
}

/******************** PORTFOLIO page css starts ******************/
#portfolio_container{	
	padding:10px 0px 10px 0px; 	
}

#portfolio_container .portfolio_div_container .portfolio_div img{
	width:170px;
	height:187px;
}
#portfolio_container .portfolio_div_container{	
	width:170px;
	height:187px;		
	margin: 0px 5px 0px 0px; 
	float:left;
	padding: 0px 0px 30px 0px; 
	overflow:hidden;	
	position:relative;
}
#portfolio_container .portfolio_div_container .portfolio_div{
	width:170px;
	height:187px;				
	overflow:hidden;	
	position:relative;
}
#portfolio_container .portfolio_div .info_container{	
	width:170px;
	height:187px;		
	top:100px;		
	z-index:0;
	position:relative;	
}
#portfolio_container .portfolio_div div.info{
	position:relative;	
	width:170px;
	top:-135px;
	z-index:100;
	height:25px;
	color:#FFF;
	font:14px arial;
	padding:5px; 
	line-height:30px;
}
#portfolio_container .portfolio_div div.info p{
	font:11px arial;
	color: #f3f3f3;
	padding-left: 0px;
}
#portfolio_container .portfolio_div div.info a{
	color:#deb408;
	text-decoration:none;
	font-family:arial,helvetica;
	font-size:10px;
	font-weight:bold;
	outline:none;
}
#portfolio_container .portfolio_div div.info_bg{	
	position:relative;	
	background-color:#555555;
	width:170px;	
	z-index:10;
	top:-170px;
	height:100px;		
	opacity:0.9;
}