/*** Stylesheet for Pixel House *****************************/
/*** Copyright Pixel House 2007 *****************************/

body {
	background: url(../images/bg.jpg) repeat-x 0 0 #f3fbfb;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
p { font-size: 0.8em; color: #4e4e4e; line-height: 1.6em; }
h1, h2, h3, h3 a { color: #03558c; font-weight: normal; }
h2 { font-size: 1.0em; margin: 0px 0px 4px 0px; }
h3 { font-size: 0.8em; font-weight: bold; }
h3 a { font-weight: bold; text-decoration: none; }
h3 a:hover { text-decoration: underline; }

#wrapper { 
	background: url(../images/header.jpg) no-repeat center 0px; 
	width: 100%;
	float: left;
	min-width: 995px;
}
#wrapper2 { width: 995px; margin: 0px auto; }
#header { width: 995px; float: left; height: 270px;  }
#content { width: 953px; float: left; padding: 0px 21px; background: url(../images/dash_y.gif) repeat-y 764px 0px; }
#left {
	float: left;
	width: 720px;
}
#right {
	width: 187px;
	float: right;
	margin: 0px 0px 10px 0px;
}
img{
	border: none;
	behavior: url(../js/iepngfix.htc); 
}
img, class, blockquote { behavior: url(../js/iepngfix.htc); }

/*** Navigation ********************************************/
/***********************************************************/

#navigation { float: left; width: 100%; }
#navigation ul { float: right; margin: 0px 21px 0px 0px; padding: 0px; border-left: 1px solid #367ea8;}
#navigation ul li { float: left; list-style-type: none; }
#navigation ul li a {
	float: left;
	height: 23px;
	padding: 12px 18px 0px 18px;
	font: 0.6em Verdana, Arial, Helvetica, sans-serif;	
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	border-right: 1px solid #367ea8;
}
#navigation ul li a:hover { text-decoration: underline; }

#pHome #navigation .home { background: url(../images/nav_Home.gif) no-repeat right 0px; }
#pAbout #navigation .about { background: url(../images/nav_About.gif) repeat-x 0 0; }
#pServices #navigation .services,
#pPortfolio #navigation .portfolio,
#pContact #navigation .contact
{ background: url(../images/nav_Active.gif) repeat-x 0 0; }


/*** Header ************************************************/
/***********************************************************/

#header h1 {
/*	background: url(../images/logo.png) no-repeat 0 0;*/
	width: 200px; height: 55px;
	margin: 56px 0px 0px 21px; padding: 0px;
	display: inline;	
	float: left; clear: both;
}
#header h1 a { text-indent: -9000px; display: block; height: 51px; }
#header .slogan { 
	background: url(../images/slogan.gif) no-repeat;
	width: 408px;
	height: 46px;
	float: right;
	margin: 56px 20px 0px 0px;
}
#header .slogan span { display: none; }


/*** Left **************************************************/
/***********************************************************/

#left h1 { font-size: 1.30em; color: #03558c; font-weight: normal; letter-spacing: -0.03em; }
/* #left h1 { border-bottom: 1px solid #99c4d5; } */
#left .posted { margin: -10px 0px 0px 0px; font-size: 0.7em; }
#left .posted span { font-weight: bold; color: #6b9800; }
#left p a { color: #03558c; }
/* #left p a:hover { color: #068ecb; background-color: #fff; } */
#left p a:hover { background-color: #c5e3e9; color: #0678a9; }
#left .lg { font-weight: bold; }
#left h2 { color: #2b739f; font-weight: bold; }
#pHome #left h2 { font-weight: normal; }
.shiftP { margin: 0px 0px -12px 0px; display: block; }
.imgB { padding: 4px; background-color: #fff; border: 1px solid #8cbcdc; margin: 0px 0px 10px 15px; }

/*** Right *************************************************/
/***********************************************************/

#right h2 { font-size: 17px; color: #03558c; font-weight: normal; margin: 0px 0px 5px 0px; }
#right h3 { margin: 0px; }
#right p { font-size: 0.7em; line-height: 1.4em; }
#right p span { color: #6b9800; font-weight: bold; }
#right p a { color: #4e4e4e; }

.article { background: url(../images/underline.gif) repeat-x 0 0; padding: 10px 0px; float: left; } 
.added { margin: 0px 0px -6px 0px; }
#news h2 {
	background: url(../images/news_desk.gif) no-repeat 0 0;
	width: 100%;
	height: 22px;
	float: left;
	margin: 0px; 
}
#news h2 span { display: none; }


/*** Client Login ******************************************/
/***********************************************************/

#cLogin { float: left; background: url(../images/cl_shadow.gif) no-repeat right bottom; padding-bottom: 15px; }
#cLoginForm {
	border: 1px solid #b3d1db;
	background-color: #ecf8f9;
	padding: 10px 10px 6px 10px;
	margin: 0px;
}
#cLogin .field, #cLogin .fieldU { width: 60px; margin-left: 8px; padding: 3px; border: 1px solid #b3d1db; font-size: 11px; }
#cLogin .fieldU { margin-left: 9px; } 
#cLogin table td { font-size: 11px; color: #0678a9; } 
#cLogin .underline { background: url(../images/underline.gif) repeat-x 0px bottom; }
.mTop { padding-top: 10px; }
.cl_login {
	width: 145px;
	height: 18px;
	background: url(../images/client_login.gif) no-repeat 0 0;
}
.cl_login span { display: none; }

/*** Footer ************************************************/
/***********************************************************/

#footer { border-top: 4px solid #034a82; float: left; width: 953px; padding: 10px 0px; margin: 0px 21px 20px 21px; display: inline; }
#footer p, #footer ul { font-size: 0.7em; margin: 0px; }
#footer p a, #footer ul li a { color: #03558c; }
#footer .left { float: left; }
#footer .right { float: right; }
#footer ul { float: right; }
#footer ul li { padding-left: 8px; list-style-type: none; float: left; }
#footer ul li span { padding-right: 8px; border-right: 1px solid #84acc7; }
#footer p a:hover, #footer ul li a:hover { color: #062b44; }


/*** sIFR styles ******************************************/
/**********************************************************/

.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.sIFR-flash + div[adblocktab=true] { display: none !important; }

.sIFR-hasFlash #left h1 { visibility: hidden; letter-spacing: -9px; }
.info {
	background: #f8fafc url(icons/information.png) center no-repeat;
	background-position: 15px 50%;
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #b5d4fe;
	border-bottom: 2px solid #b5d4fe;
	}
.alert {
	background: #fff6bf url(icons/exclamation.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	}
.black_overlay{
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index:1001;
-moz-opacity: 0.3;
opacity:.30;
filter: alpha(opacity=30);
}
.white_content {
display: none;
position: absolute;
top: 15%;
left: 25%;
width: 50%;
height: 60%;
padding: 16px;
border: 6px solid #999999;
background-color: white;
z-index:1002;
overflow: auto;
}