/*** 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;

}

tr { font-size: 12px; color: #4e4e4e; line-height: 1.5em; margin: 0 0 1.2em 0; font-family:Arial, Helvetica, sans-serif; border:0px;}

td { font-size: 12px; color: #4e4e4e; line-height: 1.5em; margin: 0 0 1.2em 0; font-family:Arial, Helvetica, sans-serif;  border:0px;}



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: 280px;  }

#content { width: 953px; float: left; padding: 0px 21px; background: url(../images/dash_y.gif) repeat-y 320px 0px; }

#left { float: right; width: 620px; }

#right, #right2 { width: 287px; float: left; 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 25px 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/slogan.gif) 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.gif) no-repeat 0 0; width: 201px; height: 50px; display: block; text-indent: -5000px; }



#logoP { height: 0px; overflow: hidden; float: left; }



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

/***********************************************************/



#left h1 { font-size: 1.35em; color: #03558c; font-weight: normal; letter-spacing: -0.03em; margin: 0 0 0.7em 0; }

#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: 100%; }

#tRight { width: 170px; 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; font-family:Arial, Verdana, Helvetica, sans-serif; font-size:14px; padding: 12px 0px 4px 0px;}



#partners { float: left; width: 616px; background: #fff; border: solid 1px #9cc6d6; margin: 0; padding: 0 0 0 2px;}

#partners li { float: left; list-style-type: none; padding: 1px; background: url(../images/partners/divider.gif) no-repeat right center; }

#partners .noDiv { background: none; }



#h2-partner { width: 165px; height: 20px; display: block; text-indent: -5000px; margin: 0; }



/*** 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: 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; }

.com	{ font-size:1.5em; font:Arial, Helvetica, sans-serif; color:#4e4e4e;}