/* overall page layout */
 
img, div, h2, span, ul, li { behavior: url(iepngfix.htc) }
   
BODY {  
font-family: Lucida Sans Unicode, Tahoma, Geneva, sans-serif;
font-size: 12px; 
color: #000; 
background-image: url(images/pcssf_bg_bridge.jpg);
background-repeat: no-repeat;
background-attachment:fixed;
background-position: top left;
background-color: #212841;
width: 100%;
height: 100%;
margin: 0;
padding: 0; 
text-align: center;
} 


#Home { position: relative; float: left; }

#Techolologies { position: relative; float: left; }

#RemoteAss { position: relative; float: left; }

#TechBlog { position: relative; float: left; }

#WebDesign { position: relative; float: left; }

#ContactTestimonials { position: relative; float: left; }


/* sexy image */

.SexyImage { z-index: 2; position: absolute; width: 500px; height: 260px;top: 50px; left: 260px; }

.SexyImageHome { z-index: 2; position: absolute; background: url(images/sexyimg.png) transparent no-repeat; width: 500px; height: 260px;top: 50px; left: 260px; }

.SexyImageTech { z-index: 2; position: absolute; background: url(images/sexyimg_tech.png) transparent no-repeat; width: 500px; height: 260px;top: 50px; left: 260px; }

.SexyImageContact { z-index: 2; position: absolute; background: url(images/sexyimg_contact.png) transparent no-repeat; width: 500px; height: 260px;top: 50px; left: 260px; }

.SexyImageDesign { z-index: 2; position: absolute; background: url(images/sexyimg_design.png) transparent no-repeat; width: 500px; height: 260px;top: 50px; left: 260px; }

.SexyImageRemote { z-index: 2; position: absolute; background: url(images/sexyimg_remote.png) transparent no-repeat; width: 500px; height: 260px;top: 50px; left: 260px; }

.SexyImageBlog { z-index: 2; position: absolute; background: url(images/sexyimg_blog.png) transparent no-repeat; width: 500px; height: 260px;top: 50px; left: 260px; }


.PageContainer {
width:772px;
margin:0px auto;
text-align:left;
padding:0px;
border:0px dashed #333;
background-color:transparent;
}

.PageContentWrapper {
padding: 0;
margin: 0 0 10px 0;
}

.PageContentWrapperPad {
padding: 0;
margin: 10px 0 0 0;
}


A:link {  color: #0089c9; text-decoration: underline;cursor: hand; }
A:active {   color: #0089c9; text-decoration: underline; cursor: hand; }
A:visited {  color: #0089c9;  text-decoration: underline; cursor: hand; }
A:hover {  color: #004961;  text-decoration: none; cursor: hand; }

.clear { clear: both; height: 0px; line-height: 0; font-size: 0px;}

.NavPCS {
 width: 754px;
 height: 25px;
 background: url(images/nav_img/nav_img_rollover.png);
 margin: 0px auto; padding: 0;
 position: relative;
}
.NavPCS li {margin: 0; padding: 0; list-style: none; position: absolute; top: 0;}

.NavPCS li, .NavPCS a {height: 25px; display: block;}
.pcshome {left: 0; width: 85px;}
.tech {left: 85px; width: 113px;}
.remote {left: 198px; width: 154px;}
.blog {left: 352px; width: 86px;}
.design {left: 438px; width: 94px;}
.contact {left: 532px; width: 222px;}


.pcshome a:hover {background: transparent url(images/nav_img/nav_img_rollover.png) 0px -25px no-repeat;}
.tech a:hover {background: transparent url(images/nav_img/nav_img_rollover.png) -85px -25px no-repeat;}
.remote a:hover {background: transparent url(images/nav_img/nav_img_rollover.png) -198px -25px no-repeat;}
.blog a:hover {background: transparent url(images/nav_img/nav_img_rollover.png) -352px -25px no-repeat;}
.design a:hover {background: transparent url(images/nav_img/nav_img_rollover.png) -438px -25px no-repeat;}
.contact a:hover {background: transparent url(images/nav_img/nav_img_rollover.png) -532px -25px no-repeat;}


#Home .pcshome_current {background: transparent url(images/nav_img/nav_img_rollover.png) 0px -25px no-repeat;}
#Techolologies .tech_current  {background: transparent url(images/nav_img/nav_img_rollover.png) -85px -25px no-repeat;}
#RemoteAss .remote_current  {background: transparent url(images/nav_img/nav_img_rollover.png) -198px -25px no-repeat;}
#TechBlog .blog_current  {background: transparent url(images/nav_img/nav_img_rollover.png) -352px -25px no-repeat;}
#WebDesign .design_current  {background: transparent url(images/nav_img/nav_img_rollover.png) -438px -25px no-repeat;}
#ContactTestimonials .contact_current  {background: transparent url(images/nav_img/nav_img_rollover.png) -532px -25px no-repeat;}

/* body stuff */

.BodyOuterWrapper { margin: 0px; }

.BodyOuter { position: relative; }

.BodyOuterPad { position: realtive; }

/* ----- top */

.TopLogoWrapper { position: relative;}

h2.TopLogo {
	width: 772px; height: 102px;
	position: relative;
	overflow: hidden;
	color: #ffffff; 
	font-size: 10px;
	font-weight: normal; 
	margin: 0; 
	padding: 0; 
	text-transform: capitalize; 
	}
	h2.TopLogo span {
		background: url(images/logo_toparea.png);
		position: absolute;
		width: 100%;
		height: 100%;
	}

/* ----- mainbody */

.MainBodyWrapper { position: relative; float: left; }

.MainBodyBg { background: url(images/mid_repeat.png) transparent repeat-y; position: relative; float: left; }

.MainBody { position: relative; }

.MainBodyPad { position: relative; padding: 0 9px 0 9px; }

/*-- nav img */

.NavImgWrapper { position: relative; }

.NavImgPad { padding: 0 0 10px 0; }

/* ----- btm */

.BtmWrapper { position: relative; float: left;}

h2.BtmImg {
	width: 772px; height: 10px;
	position: relative;
	float: left;
	overflow: hidden;
	color: #ffffff; 
	font-size: 0px;
	font-weight: normal; 
	margin: 0; 
	padding: 0; 
	text-transform: capitalize; 
	}
	h2.BtmImg span {
		background: url(images/btm.png);
		position: absolute;
		width: 100%;
		height: 100%;
	}


/* Main Img */

.MainImgWrapper { position: relative; }

.MainImgPad { position: relative; }

/* left side column */

.LSContactBg { width: 250px; height: 116px; background: url(images/hp_ls_contact.png) no-repeat; margin: 0px; padding: 0 0 10px 0; position: relative;}

.LSTechBlogBg { width: 250px; height: 116px; background: url(images/hp_ls_techblog_bg.png) no-repeat; margin: 0px; padding: 0 0 10px 0; position: relative;}

.LSRemoteAssBg { width: 250px; height: 116px; background: url(images/hp_ls_remote_bg.png) no-repeat; margin: 0px; padding: 0 0 10px 0; position: relative;}

.LSMailBg { width: 250px; height: 116px; background: url(images/hp_ls_mail_bg.png) no-repeat; margin: 0px; padding: 0 0 10px 0; position: relative;}

.LSPosition { left: 65px; top: 30px; margin: 0px; padding: 0; position: relative; }

.LSContentBox { width: 172px; height: 63px; margin: 0px; padding: 0; position: relative; overflow: hidden; font-size: 12px; }

A.LSContentLink:link { color: #000; text-decoration: none; cursor: hand; }
A.LSContentLink:active { color: #000;text-decoration: none; cursor: hand; }
A.LSContentLink:visited { color: #000; text-decoration: none; cursor: hand; }
A.LSContentLink:hover { color: #006cb8; text-decoration: none; cursor: hand; }

/* Content */

.MainContentWrapper { position: relative; z-index: 4; }

.MainContentPad { position: relative; }

.ContentWidth {position: relative; width:754px;}

.ContentLeftColumn {position: relative; float: left; width: 250px;}

.ContentLeftColumPad {position: relative; }

.ContentSeparate {position: relative; float: left; width: 15px}

.ContentRightColumn {position: realtive; float: left; width: 480px;}

.ContentRightColumnPad {position: relative; padding: 10px 0 0 0; }

.ContentHeader { padding: 0 0 10px 0; text-transform: uppercase; margin: 0; color:#006cb8;}

.ContentCitrixHeader { padding: 0 0 10px 0; text-transform: uppercase; margin: 0; color: #006cb8; }

.ContentCitrixCopy { color: #006cb8; }

/* btm nav */

.BtmNavWrapper { position: relative; text-align: center; }

.BtmNavSeparator { width: 754px; height: 15px; margin: 0px; padding: 0; position: relative; overflow: hidden; font-size: 12px; }

.BtmNavPad { margin: 10px 0 10px 0;}

#BtmNav ul
{
padding-left: 0;
margin-left: 0;
background-color: transparent;
color: #000;
width: 100%;
text-align: center; 
font-family: arial, helvetica, sans-serif;
}

#BtmNav ul li { display: inline; }

#BtmNav ul li a
{
font-size: 12px;
padding: 0.2em .5em;
background-color: transparent;
color: #000;
text-decoration: none;
border-right: 1px solid #000;
text-transform: uppercase;
}

#BtmNav ul li.last a{
border: none;
}


#BtmNav ul li a:hover
{
background-color: transparent;
color: #006cb8;
}

/* Hp Featured List */

.HpFeaturesListWrapper {position: relative; }

#HpFeaturesList
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#HpFeaturesList li
{
padding-left: 10px;
background-image: url(images/hplist_arrow.png);
background-repeat: no-repeat;
background-position: 0 .1em;
height: 20px;
}



/* OLD STUFF */

.FieldsSwordPlayerFrame { color:#333333;background-color:#FFFFFF;border-style: solid;border-color: #e1e1e1; border-width: 0px;font-family:helvetica,Verdana,arial,sans-serif;font-size:10px;font-weight:normal; height:200px;width:500px }