@import url("featured.css");
/*** 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.5em; margin: 0 0 1.2em 0; }
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; }
a img { border: none; }

#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 664px 0px; }
#left { float: left; width: 620px; }
#right, #right2 { width: 287px; float: right; margin: 0px 0px 10px 0px; }
#right2 { width: 310px; }

table { font-size: 0.75em; color: #666; border-collapse: collapse; border-bottom: solid 1px #99c4d5; border-left: solid 1px #99c4d5; width: 100%; }
table th { background: #c5e3e9; border: solid 1px #99c4d5; border-left: none; padding: 6px 8px; text-align: left; }
table td { background: #fff; border-right: solid 1px #99c4d5; border-top: solid 1px #99c4d5; padding: 6px 20px 6px 8px; } 


/*** 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.7em 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 .slogan { 
	background: url(../images/splogo.jpg) no-repeat;
	width: 408px;
	height: 46px;
	float: right;
	margin: 56px 20px 0px 0px;
}
#header .slogan span { display: none; }

#logo { margin: 52px 0px 0px 21px; display: inline; float: left; }
#logo a { background: url(../images/logo.jpg) no-repeat 0 0; width: 201px; height: 50px; display: block; text-indent: -1000px; }
#logoP { height: 0px; overflow: hidden; float: left; }

/*** Left **************************************************/
/***********************************************************/

#left h1 {
	font-size: 1.5em;
	color: #03558c;
	font-weight: bold;
	letter-spacing: -0.03em;
	margin: 0 0 0.7em 0;
	font-family: Verdana, Arial, Helvetica, sans-serif, "ºÚÌå";
}
#left #h1-sm { font-size: 1.1em; margin: 15px 0 10px 0; }
#left .posted { margin: -10px 0px 20px 0px; font-size: 0.7em; }
#left .posted span { font-weight: bold; color: #6b9800; }
#left p a { color: #03558c; }
#left p a:hover { background-color: #c5e3e9; color: #0678a9; }
#left .lg { font-weight: bold; }
#left h2 { color: #2b739f; font-weight: bold; font-size: 1.00em; }
#pHome #left h2 { font-weight: normal; }

#pServices .shiftP { margin: 0px 0px 6px 0px; display: block; color: #5c882e; font-size: 0.8em; background: url(../images/icon-arrow.gif) no-repeat 0 4px; padding: 0 0 0 15px; }
#pAbout #left h2 { color: #5c882e; font-size: 0.8em; padding: 10px 0; }
#pServices #left { padding-bottom: 20px; }
#pServices .servicesBox { float: left; width: 100%; padding-bottom: 10px; }
.rightMargin { margin-right: 50px; display: inline; }


.imgB { padding: 4px; background-color: #fff; border: 1px solid #8cbcdc; margin: 0px 0px 10px 15px; }
.imgRight { margin-left: 23px; }
.imgBtm { margin: 5px 0 25px 0; }

#tLeft { float: left; width: 345px; }
#tRight { width: 210px; padding: 20px 20px 12px 20px; float: right; background: #bfe8eb; margin-top: 30px; }

#tRight p { color: #2b739f; font-style: italic; line-height: 1.4em; font-size: 0.75em; }
#tRight p a, #tRight p a:hover { color: #2b739f; background: none; }
#tRight span { font-style: normal; }

#awards { float: left; width: 100%; height: 60px; }
#recognition { background: url(../images/h2-awards.gif) no-repeat 0px 15px; float: left; display: block; width: 100%; height: 34px; text-indent: -5000px; border-top: solid 1px #99c4d5; }
#recognition span { display: none; }

.padRight { margin-right: 7px; display: inline; }

#ticks { margin: 0 0 1.2em 0; padding: 0; }
#ticks li {  font-size: 0.8em; color: #4e4e4e; line-height: 1.5em; list-style-type: none; padding: 0px 0px 0px 20px; background: url(../images/tick.gif) no-repeat 0px center; }

#noMargin { margin: 0 0 0.3em 0; }
#divider, #cDivider { border-top: 1px solid #99c4d5; margin: -10px 0 0px 0; float: left; width: 100%; height: 30px; }
#cDivider {  }

/*** 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; line-height:18px;}

.article { background: url(../images/underline.gif) repeat-x 0 0; padding: 12px 0px 4px 0px; float: left; width: 287px; } 
.added { margin: 2px 0px 6px 0px; }
#news h2 {
	background: url(../images/news_desk.gif) no-repeat 0 0;
	width: 100%;
	height: 20px;
	float: left;
	margin: 5px 0 0 0; 
}
#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: url(../images/bg-client-login.jpg) no-repeat right 0 #ecf8f9;
	padding: 16px 14px 12px 14px;
	margin: 0px;
        width: 259px;
}
#cLogin .field, #cLogin .fieldU { width: 160px; padding: 3px; border: 1px solid #b3d1db; font-size: 11px; }

#cLogin label { font-size: 12px; color: #0678a9; width: 88px; display: block; float: left; padding-top: 4px; }
#cLogin p { margin: 5px 0px; } 

#cLogin #overline { background: url(../images/underline.gif) repeat-x 0px 0px; padding: 12px 0px 0px 0px; }
#cLogin .pRight { text-align: right; width: 256px; padding: 2px 0 0 0; }
.mTop { padding-top: 10px; }
.cl_login {
	width: 93px;
	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; height: 40px; }
#footer hr { display: none; }
#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; }

.imgnew { margin:4px; padding:2px; border: 1px dashed #009999;}
 

