/*	Desc: *CCT Telecom* Screen Style Sheet
	  Date: *last modified date*
=== === === === === === === === === === */


/*=STRUCTURE
=== === === === === === === === === === */
*
{padding: 0px; margin: 0px;}

* html
{ padding: 0px; margin: 0px;}

* html body
{ height: 100%;}


body
{
background: #383835 url('../images/bodybg.jpg') repeat-x;
font-size: 100.1%;
height: 100%;
font-family:  helvetica,"trebuchet ms", arial, sans-serif;
color: #666;
line-height: 1.12em;
margin: 0;
}


#outsidecntr 
{
position: relative;
width: 825px;
height: 100%;
margin: 0 auto;
background: #fff url('../images/shadowbg.jpg') repeat-y;
}

#insidecntr
{
position: relative;
padding: 0px 24px 0px 25px;
z-index: 2;
height: auto;
background-color: transparent;
}


/*=COMMON
=== === === === === === === === === === */


a
{color: #217BB1; text-decoration: underline;}

a:hover
{color: #333; text-decoration: none;}

sup
{ font-size: 75%;}

p
{font: .8em/1.3em helvetica,"trebuchet ms", arial, sans-serif; 
margin-bottom: 1em; text-align: left; orphans: 4; widows: 2;}

ul
{font: .7em/1.3em verdana,"trebuchet ms", helvetica, sans-serif; color: #262625;}

h2, h3, h4, h5
{font-family: arial, helvetica, "trebuchet ms", sans-serif; line-height: 1em; margin-top: 4px; margin-left: 15px;}

.subtitle
{font: italic normal 100 1em/1.1em verdana,"trebuchet ms", helvetica, sans-serif; color: #262625; margin-top: 2px;}

h1
{font: italic normal bolder 1.3em/1em helvetica,"trebuchet ms", verdana, sans-serif; color: #262625; font-stretch: ultra-expanded; margin: 2px 0 8px;}

h2
{font-variant: small-caps; font-weight: bold; font-size: 1.15em; color: #000; margin-bottom: 8px; letter-spacing: .025em;}

h3
{font-style: italic; font-weight: bolder; font-size: .9em; color: #9E9F96; margin-bottom: 8px;}

h4
{font-weight: bold; font-size: .9em; color: #0E0E55; margin-bottom: 8px;}

h5
{font-weight: bolder; font-size: .85em; color: #333; margin: 5px 0 2px 15px;}

p.standout
{font: normal normal .75em/1.4em verdana,"trebuchet ms", helvetica, sans-serif; color: #262625; background-color: #eee; padding: 10px; width: auto;}

p.testimonial
{font-style: italic; font-weight: bold; text-align: right; color: #000; margin: -15px 15px 40px; border-bottom: 1px dotted #333; padding-bottom: 12px;}

p.caption
{color: #6E95B0; margin: 2px 30px 15px 30px;}

p.question
{font-weight: bold; margin-bottom: 0;}

p.answer
{font-weight: normal; color: #9E9F96; border-bottom: 1px dotted #333; padding-bottom: 12px;}

table
{color: #262625; margin: .25em 0 0 .25em;}

td
{padding: 0em; padding-right: .5em; margin: 0; font: .8em/1.5em helvetica,"trebuchet ms", arial, sans-serif; text-align: left; color: #262625}


/*=IMAGES-BEGIN
=== === === === === === === === === === */

img
{border: 0;}

img.floatright
{float: right; margin: 0px 0px 3px 20px;}


img.floatleft
{ float: left; margin: 0px 20px 3px 0px;}


/*=IMAGES-END
=== === === === === === === === === === */




/*=MASTHEAD-BEGIN
=== === === === === === === === === === */

#headerGraphic
{
position: relative;
width: 776px;
height: 120px;
top: 0px;
} 


.hdrvoice /* VoiceHeader Background Image */
{
background: url('../images/head_voice.jpg');
}

.hdrdata /* Data Header Background Image */
{
background: url('../images/head_data.jpg');
}

.hdrinternet /* Internet Header Background Image */
{
background: url('../images/head_internet.jpg');
}

.hdrphone /* Phone systems Header Background Image */
{
background: url('../images/head_phone.jpg');
}

.hdrsupport /* Phone systems Header Background Image */
{
background: url('../images/head_support.jpg');
}

.hdrabout /* Phone systems Header Background Image */
{
background: url('../images/head_about.jpg');
}

#headerGraphic img.bckhome
{
position: absolute; top: 10px; right: 48px; width: 200px; height: 100px; border: 0px }



/*=MASTHEAD-END
=== === === === === === === === === === */

/*=Utility-BEGIN
=== === === === === === === === === === */
#utilityhome
{
	position: absolute;
	background-color: transparent;
	top: 80px;
	z-index: 3;
	left: 450px;
	margin: 0px;
	width: 16.5em !important; *width: 17.9em;
}


#utility
{
	position: absolute;
	background-color: transparent;
	top: 80px;
	left: 472px;
	*left: 480px;
	margin: 0px;
	width: 15.5em !important; *width: 15.5em;
}


#utilityhome ul, #utility ul
{overflow: hidden; text-align: left; background: transparent url('../images/ut_middle.gif') 0 0 repeat-x; height: 27px; padding: .5em .4em .5em 1em;}


#utilityhome ul li,#utility  ul li
{display: inline; font-weight: normal; line-height: 1.5em; vertical-align: middle;}


#utilityhome .fleft, #utility .fleft
{border: 0; float: left; width: 6px; height:27px; background-color: transparent;}

#utilityhome .frgt, #utility .frgt
{position:absolute; border: 0; right: -2px; top: 0; padding: 0; width: 6px; height:27px; background-color: transparent;}


#utilityhome ul li a, #utilityhome ul li a:visited, #utility ul li a, #utility ul li a:visited
{padding: 0em .3em; text-decoration: none; color: #424239; vertical-align: middle;}

#utilityhome ul li a:hover, #utilityhome ul li a:active, #utility ul li a:hover, #utility ul li a:active
{
color: #666;
text-decoration: none;
}


/*=Utility-END
=== === === === === === === === === === */

/*=Global NAVIGATION-BEGIN
=== === === === === === === === === === */
#menu
{position: relative; background: url(../images/mainnavbg2.jpg) 0 0 no-repeat; height: 52px; width:776; text-align: left; z-index:900;}

#menu #globalnav
{padding: 0px; margin-right: 11px; float:right;}

#menu #globalnav li
{display: inline; padding: 0px; }

#menu #globalnav li a
{float: left; height: 0;}

#menu #globalnav li a span {position: absolute; left: -9000px;}

#menu #globalnav li a 
{ background-image: url(../images/glb_nav.gif); background-repeat: no-repeat; }

/*=OffState*/
#menu #globalnav li#nav-voice a
{ padding-right:0zpx; height: 52px; width: 62px; background-position:0 0;}

#menu #globalnav li#nav-data a
{padding-right:1px; height: 52px; width: 53px; background-position:-63px 0;}

#menu #globalnav li#nav-internet a
{padding-right:1px; height: 52px; width: 85px; background-position:-117px 0;}

#menu #globalnav li#nav-phone a
{padding-right:1px; height: 52px; width: 132px; background-position:-203px 0;}

#menu #globalnav li#nav-support a
{padding-right:1px; height: 52px; width: 103px; background-position:-336px 0;}

#menu #globalnav li#nav-testimonials a
{padding-right:1px; height: 52px; width: 116px; background-position:-440px 0;}

#menu #globalnav li#nav-employment a
{padding-right:1px; height: 52px; width: 112px; background-position:-557px 0;}

#menu #globalnav li#nav-webmail a
{padding-right:1px; height: 52px; width: 84px; background-position:-670px 0;}

#menu #globalnav li#nav-home a
{width: 124px; height: 52px; background-position:-652px 0;}

/*=OverState*/
#menu #globalnav li#nav-voice a:hover
{background-position:0px -55px;}

#menu #globalnav li#nav-data a:hover
{background-position:-63px -55px;}

#menu #globalnav li#nav-internet a:hover
{background-position:-117px -55px;}

#menu #globalnav li#nav-phone a:hover
{background-position:-203px -55px;}

#menu #globalnav li#nav-support a:hover
{background-position:-336px -55px;}

#menu #globalnav li#nav-testimonials a:hover
{background-position:-440px -55px;}

#menu #globalnav li#nav-employment a:hover
{background-position:-557px -55px;}

#menu #globalnav li#nav-webmail a:hover
{background-position:-670px -55px;}

/*=DownState*/
#menu.voice #globalnav li#nav-voice a
{padding-right:1px; height: 55px; width: 62px; background-position:0px -110px;}

#menu.data #globalnav li#nav-data a
{padding-right:1px; height: 55px; width: 53px; background-position:-63px -110px;}

#menu.internet #globalnav li#nav-internet a
{padding-right:1px; height: 55px; width: 85px; background-position:-117px -110px;}

#menu.phone #globalnav li#nav-phone a
{padding-right:1px; height: 55px; width: 132px; background-position:-203px -110px;}

#menu.support #globalnav li#nav-support a
{padding-right:1px; height: 55px; width: 103px; background-position:-336px -110px;}

#menu.testimonials #globalnav li#nav-testimonials a
{padding-right:1px; height: 55px; width: 116px; background-position:-440px -110px;}

#menu.employment #globalnav li#nav-employment a
{padding-right:1px; height: 55px; width: 112px; background-position:-557px -110px;}

#menu.webmail #globalnav li#nav-webmail a
{padding-right:1px; height: 55px; width: 84px; background-position:-670px -110px;}

/*=DRopdown Styles====================== */

#dropmenudiv
{ position:absolute; border:1px solid #ccc; border-bottom-width: 0px; background: #fff url(../images/secbg.jpg) 0 0 repeat-x; margin: 0px; line-height:30px; z-index:100;}

#dropmenudiv a
{ width: 100%; display: block; font:  .8em/1.8em normal helvetica,"trebuchet ms", verdana, sans-serif; color: #53534F; text-indent: 5px; border-bottom: 2px solid #ccc; padding: 1px 0; text-decoration: none;}

#dropmenudiv a:hover   /*hover background color*/
{background-color: #94B9CB; color: #fff;}

/*=Global NAVIGATION-END
=== === === === === === === === === === */


/*=CONTENT BODY SECTION-BEGIN
=== === === === === === === === === === */


#primarycontent /* Content Container */
{ position: relative; width: 776px; min-height: 32em; height: auto; background: url('../images/primarybg.jpg') 0 0 repeat-x;}

/*=Leftbar content========================= */

		/*=View sidebar.css for content */

/*=Body content========================= */
/* One Column Layout - Start */
.fullpage
{position: relative; top: 0px; float:left; width: 650px; left: 50px; height: auto; margin: 30px 40px 20px 0px;}
/* One Column Layout - End*/

/* Two Column Layout - Start */
.onecolumn, .twocolumn
{position: relative; width: 315px; height: auto; margin: 0; margin-bottom: 35px; padding: 0 .5em;}

.onecolumn 
{float: left; left: 50px;}

.twocolumn 
{float: right; right: 60px;}

.onecolumn p, .twocolumn p
{color: #262625; margin: 2px 0 15px 25px;}

.pgfit
{height: 37em;}

.fillspace
{height: 14em;}

.topspace
{height: 1em;}

.leftspace
{margin-left: 8px;}

.leftspacemore
{margin-left: 16px;}



/* Two Column Layout - End */

/* Two Column Layout With SideBar - Start*/

#mainsection 
{position: relative; top: 0px; float:right; width: 475px; right: 40px; height: auto; margin: 30px 0px 35px 0px; }

#mainsection p
{color: #262625; margin: 2px 15px 15px;}

#mainsection  ul
{list-style-image: url('../images/pbullet.gif'); margin: 2px 35px 15px 35px;}

#mainsection  ul.nob
{list-style-image: none; list-style: none; margin: 2px 35px 15px 20px;}

#mainsection  ul li
{line-height: 1.4em;}

#mainsection  .pdflink 
{background: url(../siteimages/pdficon.jpg) 0 0 no-repeat; font-weight: bold; padding-left: 30px; padding-top: 5px; margin-bottom: 15px; line-height:2em; height: auto; width: auto;}

#mainsection  .pdflink em
{font-weight: normal; font-size: .9em; }
/* Two Column Layout With SideBar - END*/



/*=CONTENT BODY SECTION-END
=== === === === === === === === === === */




/*=FOOTER
=== === === === === === === === === === */

#footer
{
position: relative;
width: auto;
bottom: 0em;
clear: both;
height: 37px;
text-align: center;
font-size: 70%;
line-height: 20px;
margin: 0px;
padding: 15px;
background-color: #28281F;
color: #fff;
}

#footer a
{
color: #f1f5f7;
text-decoration: none;
font-weight: bold; 
}

#footer a:hover
{
color: #ccc;
text-decoration: underline;
font-weight: bold;
}