/*
Theme Name: Envision Multimedia
Theme URI: http://www.envision-mmg.com/
Description: A CMS theme with one column and professional graphics.
Version: 1.0
Author: Mamdouh Samy( elmalak)
Author URI: http://www.elmalak.info
Tags: simple, CMS, gray.
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

body{   background: #e6e6e6 url(images/brushed-metal-gradient.jpg) top center repeat-x;
		text-align: center;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000;
                line-height: 1.5;
		
		}
h1, h2, h3, h4 {
           text-transform: uppercase;
          
}
#page-wrap {
	width: 960px;
	margin: 60px auto 10px auto;
	text-align: left;
}

#header {
	background: url(images/header.jpg) top center no-repeat;
	width: 100%;
	height: 182px;
        margin:0;
        padding: 0;
        position: relative;
}
h1#logo {
	background: url(images/logo.png) top left no-repeat;
	width: 298px;
	height: 96px;
	text-indent: -9999px;
	margin: 10px 0 0px 140px;
}
h1#logo a {display: block; width: 100%; height: 100%;}
p#description {
	text-indent: -9999px;
}
a#go-home {
  display:block;
  height:96px;
  left:131px;
  position:absolute;
  top:4px;
  width:298px;
  text-indent: -9999px;
}
#top-nav {
	background: url(images/nav-bar.jpg) bottom left no-repeat;
	width: 682px;
	height: 43px;
	margin-left: 140px;
}
#top-nav ul {
	list-style-type: none;
}
#top-nav ul li{
	
	float: left;
	display: inline;
	
	margin-top: 1px;
}

#top-nav ul li a{
	
	padding: 7px 28px 7px 28px;
	text-decoration: none;
	color: #fff;
	text-transform: uppercase;
	float: left;
	border-right: 1px solid #999;
	height: 20px;
	font-weight: bold;
	font-size: 13px;
}

#top-nav ul li > a {border-right: 0;}
#top-nav ul li + li > a {border-left: 1px solid #999;}

#top-nav ul li a:hover, #top-nav ul li.current_page_item a{
	background: url(images/nav-over.png) top left repeat-x;
}
#top-nav ul li.last-nav a{
	border-right: 0 none;
}

.top-image {
	border: 1px solid #1e92c3;
	border-bottom: 3px solid #1e92c3;
	margin: -7px 0 3px -14px;
        overflow: hidden;
	
}
#sub-nav-container {
        margin: 0 auto;
        text-align: center;
        border-top: 2px solid #1e92c3;
        margin-left: -14px;
        width: 670px;
		overflow: hidden;
} 
ul#sub-nav {
/*	display:-moz-inline-stack;*/
/*display:inline-block;*/
/*zoom:1;*/
/**display:inline;*/
width: 670px;
	}
ul#sub-nav li {
	float: left;
	display: inline;
}

ul#sub-nav li a{
	background: url(images/sub-nav-arrow.jpg) top center no-repeat;
	padding: 20px 0;
	float: left;
	width: 100%;
	text-decoration: none;
	text-transform: uppercase;
	color: #9dd5ee;
	font-weight: bold;
	font-size: 14px;
}

ul#sub-nav li a:hover, ul#sub-nav li.current_page_item a{
	color: #1e92c3;
}
#content {
	background: url(images/content.jpg) top center repeat-y;
         
         margin: 0;
         padding: 0;
}

#main-content {
	margin-left: 145px;
	width: 650px;
	padding: 15px;
}
#main-content p {
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: normal;
}
#main-content p span{
       color: #1d93c2;
       font-size: 15px;
}
#main-content p small{
       color: #1d93c2;
       font-size: 11px;
       font-style: italic;
}
.post {
        
        padding: 20px;
}
#footer {
	background: url(images/footer.jpg) bottom center no-repeat;
	width: 100%;
	height: 122px;
         position: relative;
}
#push-play {
       position: absolute;
       top: 21px;
       right: 94px;
}
#bottom-text {
     	padding: 20px;
	width: 960px;
        text-align: center;
	
}
.full-video {
       margin-top: -65px;
       margin-bottom: -55px;
       margin-left:  -35px;
       position: relative     

       
}
bullets {
	list-style-position: inside;
	list-style-type: circle;
}

#blanket {
background-color:#111;
opacity: 0.65;
filter:alpha(opacity=65);
position:absolute;
z-index: 9001;
top:0px;
left:0px;
width:100%;
}
#popUpDiv {
position:absolute;

width:800px;
height:690px;
z-index: 9002;


#fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9999;
}
.popup_block{
	display: none; /*--hidden by default--*/
	
	padding: 20px;
	border: 20px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	/*--CSS3 Box Shadows--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--CSS3 Rounded Corners--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right;
	margin: -55px -55px 0 0;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}


a:link { color: blue; text-decoration: none }
a:active { color: red; text-decoration: none }
a:visited { color: purple; text-decoration: none }
a:hover { color: red; text-decoration: underline }


#calculator th {
	text-align: right;
}

#calculator th.heading {
	font-size: 14px;
}

#calculator th.row {
	background-color: transparent;
}

#calculator th.total {
	text-align: right;
}

#calculator th.total, #calculator td.total {
	background-color: #979797;
	color: #fff;
}

#calculator td {
	text-align: right;
}

#calculator input {
	text-align: right;
}

#calculator .editableLabel {
	text-align: right;
	font-weight: bold;
	font-size: 10px;
	border: 1px solid #ccc;
	width: 100%;
}