body, html {
    background: #c8c8c8;
	}
	
img { border: 3px solid #ccc; }

#wrapper {
	padding: 0 0 0 0;
	margin: 0 auto;
	width: 875px;
	margin-top: 50px;
	margin-bottom: 50px;
	background: #fff;
	height: inherit;
    }

#bg {
    padding: 0 0 0 0;
	margin: 0 auto;
	width: 875px;
	background: #fff;
	height: 940px;
    }
	
#sbg {
    padding: 0 0 0 0;
	margin: 0 auto;
	width: 875px;
	background: #fff;
	height: 940px;
    }
	
#abg {
    padding: 0 0 0 0;
	margin: 0 auto;
	width: 875px;
	background: #fff;
	height: 940px;
    }
	
#cbg {
	padding: 0;
	margin: 0 auto;
	width: 875px;
	background: #fff;
	height: 680px;
    }
	
#pbg {
    padding: 0 0 0 0;
	margin: 0 auto;
	width: 875px;
	background: #fff;
	height: 770px;
    }
	
#banner {
    float: left;
    background: url(../images/banner.jpg) no-repeat;
	width: 819px;
	height: 222px;
	margin-left: 27px;
	margin-top: 27px;
    }
	
#intro {
    float: left;
    background: url(../images/introbg.jpg) no-repeat;
	width: 276px;
	height: 366px;
	margin-left: 26px;
	margin-top: 35px;
	}
	
p.intro {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	width: 230px;
	margin-top: 70px;
	padding: 22px;
	line-height: 20px;
	color: #555555;
	}
	
a.about {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-bottom: 1px solid #98bcc8;
	font-weight: bold;
	text-decoration: none;
	color: #98bcc8;
	}
	
a:hover.about {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-bottom: 1px dotted #6ea1b2;
	color: #6ea1b2;
	}
	
#rightcol {
    float: right;
	margin-top: 27px;
	}
	
#video {
	width: 520px;
	height: 180px;
	margin-right: 29px;
	}
	
#web {
	width: 520px;
	height: 180px;
	margin-right: 29px;
	margin-top: 15px;
	}

#footerwrap {
    padding: 0 0 0 0;
	margin: 0 auto;
	width: 875px;
	margin-top: -65px;
	}

#footer {
    float: left;
	width: 300px;
	height: 20px;
	margin-bottom: 50px;
    }

p.footer {
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 11px;
	color: #888888;
	}

/* web video production and editing */

a:link.webdesign, a:visited.webdesign {
	background: url(../ui/webOff.jpg) no-repeat;
	width: 520px;
	height: 180px;
	display: block;
	}
	
a:hover.webdesign {
	background: url(../ui/webOn.jpg) no-repeat;
	width: 520px;
	height: 180px;
	display: block;
	}

a:link.videopro, a:visited.videopro {
	background: url(../ui/videoOff.jpg) no-repeat;
	width: 520px;
	height: 180px;
	display: block;
	}
	
a:hover.videopro {
	background: url(../ui/videoOn.jpg) no-repeat;
	width: 520px;
	height: 180px;
	display: block;
	}


/* ------------ GLOBAL NAVIGATION SETTINGS ------------ */

span {
     display: none;
	 }

#navcontain {
    float: left;
	width: 500px;
	height: 25px;
	margin-top: 196px;
	margin-left: 50px;
    }
	
#home {
    float: left;
	width: 56px;
	height: 26px;
	margin-right: 8px;
	}
	
#company {
    float: left;
	width: 78px;
	margin-right: 8px;
	}
	
#work {
    float: left;
	width: 83px;
	margin-right: 8px;
	}
	
#capabilities {
    float: left;
	width: 96px;
	margin-right: 8px;
	}
	
#contact {
    float: left;
	width: 74px;
	margin-right: 8px;
	}
	
a:link.home, a:visited.home {
	background: url(../ui/homeOff.jpg) no-repeat;
	width: 56px;
	height: 26px;
	display: block;
	}

a:hover.home {
	background: url(../ui/homeOn.jpg);
	}

a.homeOn {
	background: url(../ui/homeOn.jpg);
	width: 56px;
	height: 26px;
	display: block;
	}

a:link.company, a:visited.company {
	background: url(../ui/coOff.jpg) no-repeat;
	width: 78px;
	height: 26px;
	display: block;
	}

a:hover.company {
	background: url(../ui/coOn.jpg);
	}
	
a:link.companyOn, a:visited.companyOn {
	background: url(../ui/coOn.jpg) no-repeat;
	width: 78px;
	height: 26px;
	display: block;
	}

a:link.work, a:visited.work {
	background: url(../ui/workOff.jpg) no-repeat;
	width: 83px;
	height: 26px;
	display: block;
	}

a:hover.work {
	background: url(../ui/workOn.jpg);
	}
	
a:link.workOn, a:visited.workOn {
	background: url(../ui/workOn.jpg) no-repeat;
	width: 83px;
	height: 26px;
	display: block;
	}
	
a:link.capabilities, a:visited.capabilities {
	background: url(../ui/servicesOff.jpg) no-repeat;
	width: 96px;
	height: 26px;
	display: block;
	}

a:hover.capabilities {
	background: url(../ui/servicesOn.jpg);
	}
	
a:link.capabilitiesOn, a:visited.capabilitiesOn {
	background: url(../ui/servicesOn.jpg);
	widht: 96px;
	height: 26px;
	display: block;
	}
	
a:link.contact, a:visited.contact {
	background: url(../ui/contactOff.jpg) no-repeat;
	width: 74px;
	height: 26px;
	display: block;
	}

a:hover.contact {
	background: url(../ui/contactOn.jpg);
	}
	
a:link.contactOn, a:visited.contactOn {
	background: url(../ui/contactOn.jpg) no-repeat;
	width: 74px;
	height: 26px;
	display: block;
	}
	
/* ------------ MAIN PAGE SERVICES ------------ */

#crumb {
    float: left;
	margin-left: 26px;
	border-top: 1px dotted #c1c1c1;
	border-bottom: 1px dotted #c1c1c1;
	width: 820px;
	height: 110px;
	margin-top: 20px;
	}
	
#crumbcontent {
    float: left;
	width: 435px;
	height: 100px;
	}	
	
p.crumbs {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #555555;
	font-size: 11px;
	text-align: justify;
	line-height: 17px;
	}
	
#servicesCrumbs {
    width: 225px;
	height: 90px;
	float: left;
	margin-top: -115px;
	margin-left: 450px;
	}
	
#endwrapper {
    float: left;
    width: 820px;
	height: 117px;
	margin-top: 15px;
	margin-left: 26px;
	}
	
#mainAbout {
    float: left;
	width: 237px;
	height: 117px;
	padding-right: 9px;
	}
	
#mainWorking {
    float: left;
	width: 282px;
	height: 117px;
	padding-right: 9px;
	}
	
#mainRFP {
    float: left;
	width: 282px;
	height: 117px;
	}
	
/* ---------------------------------------------------
services page 
--------------------------------------------------- */

#webint { float: left; background: url(../images/header_web.jpg) no-repeat; width: 143px; height: 13px; }

p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #777; line-height: 18px; text-align: left; }

h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #407188; }

#interactive {
    float: left;
	width: 393px;
	padding: 27px 0 0 27px;
	}
	
#videoproduction {
    float: left;
	width: 393px;
	padding: 27px 0 0 27px;
	}
	
a:link.external, a:visited.external {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #e5711c;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px dotted #e5711c;
	}
	
a:hover.external {
    color: #ff9242;
	border-bottom: none;
	}

/* ---------------------------------------------------
contact page 
--------------------------------------------------- */

#cintro {
    float: left;
	width: 800px;
	padding-left: 27px;
	padding-top: 20px;
	}
	
#cinfo { float: left; width: 340px; }

#cabout { float: left; width: 400px; padding-bottom: 15px; }

#information { float: right; margin-top: -25px; width: 400px; }

p.contact { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #777; line-height: 20px; text-align: justify; }

a:link.int, a:visited.int { 
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #3c8aa9;
	text-decoration: none;
	line-height: 16px;
	}
	
a:hover.int {
    color: #5b9fbe;
	}
	
/* ---------------------------------------------------
about page 
--------------------------------------------------- */

#abintro {
    float: left;
	width: 800px;
	padding-left: 27px;
	padding-top: 20px;
	}

#abinfo {
    float: left;
	width: 800px;
	}

.abintro { font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; text-align: justify; text-decoration: none; line-height: 24px; color: #6eb5d5; }

/* ---------------------------------------------------
portfolio page 
--------------------------------------------------- */

#pintro { 
    float: left; 
	margin-left: 27px; 
	margin-top: 35px; 
	padding-bottom: 10px; 
	margin-bottom: 10px; 
	background: url(../images/portfolio.jpg) no-repeat; 
	width: 800px; 
	height: 13px; 
	border-bottom: 1px dotted #ccc; 
	}

#webvideo {  
    float: left;
	width: 350px;
	padding-left: 27px;
	padding-top: 15px;
	}
	
a:link.project, a:visited.project { 
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #3c8aa9;
	text-decoration: none;
	margin-bottom: -10px;
	line-height: 16px;
	padding: 2px;
	}
	
a:hover.project {
    color: #5b9fbe;
	padding-left: 10px;
	}
	
strong { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #5b9fbe; font-size: 11px; }

#pcontain {
    float: left;
	width: 800px;
	padding-left: 27px;
	}
	
#project {
	float: left;
	width: 410px;
	padding-right: 65px;
	}