/* CSS Document 

css and xhtml build by dirtyfork.com
////////////////////////////////////

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

body
{
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}

#container
{
	margin: 0px auto 0px auto;
	padding: 1px;
	width: 803px;
}

#stretch
{
	margin: 0px;
	padding: 0px 0px 0px 23px;
	float: left;
	width: 780px;
}

#build
{
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 803px;
	background-color: #FFFFFF;
}

#top
{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 757px;
	height: 77px;
	background-image: url(images/top_bg.gif);
	background-repeat: repeat-x;
}

#logo
{
	margin: 0px;
	padding: 32px 0px 0px 0px;
	float: left;
	width: 190px;
}


/* top menu start here */

#mainMenuContainer
{
	margin: 0px;
	padding: 51px 0px 0px 174px;
	float: left;
	width: 393px;
	height: 25px;
}

#mainMenu
{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 393px;
	height: 25px;
	background-image: url(images/menu.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}


#mainMenu ul, #mainMenu li
{
	list-style: none;
	display: inline;
	margin : 0px;
	padding: 0px;
	font-size: 9px;
	text-indent: -9999px;
}


.branding a
{
	float: left;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	width: 53px;
	height: 23px;
}

.branding a:hover
{
	border-bottom: solid 2px #FFCC33;
}

.branding a.active, .branding a.active:hover
{
	color: #000000;
}

.branding a.selected, .branding a.selected:hover
{
	border-bottom: solid 2px #999999;
}

.literature a
{
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 27px;
	text-decoration: none;
	width: 63px;
	height: 23px;
}

.literature a:hover
{
	border-bottom: solid 2px #FFCC33;
}

.literature a.active, .literature a.active:hover
{
	color: #000000;
}

.literature a.selected, .literature a.selected:hover
{
	border-bottom: solid 2px #999999;
}

.advertising a
{
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 27px;
	text-decoration: none;
	width: 69px;
	height: 23px;
}

.advertising a:hover
{
	border-bottom: solid 2px #FFCC33;
}

.advertising a.active, .advertising a.active:hover
{
	color: #000000;
}

.advertising a.selected, .advertising a.selected:hover
{
	border-bottom: solid 2px #999999;
}

.publishing a
{
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 25px;
	text-decoration: none;
	width: 63px;
	height: 23px;
}

.publishing a:hover
{
	border-bottom: solid 2px #FFCC33;
}

.publishing a.active, .publishing a.active:hover
{
	color: #000000;
}

.publishing a.selected, .publishing a.selected:hover
{
	border-bottom: solid 2px #999999;
}

.digital a
{
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 24px;
	text-decoration: none;
	width: 42px;
	height: 23px;
}

.digital a:hover
{
	border-bottom: solid 2px #FFCC33;
}

.digital a.active, .digital a.active:hover
{
	color: #000000;
}

.digital a.selected, .digital a.selected:hover
{
	border-bottom: solid 2px #999999;
}

/* top menu finish here */


#contentContainer
{
	width: 757px;
	height: 419px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	overflow: hidden;
}

#contentLeft
{
	width: 396px;
	float: left;
	padding: 32px 0px 0px 0px;
	margin: 0px;
	
}


#newsContainer
{
	/* width: 757px; */
	width: 757px;
	height: 419px;
	float: left;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

#newsContainerScroll
{
	/* width: 757px; */
	width: 757px;
	height: 410px;
	float: left;
	margin: 0px;
	padding: 0px;
	overflow: auto;
}

.contentLeftNews
{
	width: 366px;
	float: left;
	padding: 32px 0px 0px 0px;
	margin: 0px;
	overflow: hidden;	
}

.contentRightNews
{
	width: 320px;
	/* height: 403px; */
	float: left;
	padding: 12px 0px 0px 0px;
	margin: 0px;
	overflow: hidden;
	
}


/* quote containers */

#contentLeftNSS
{
	width: 396px;
	float: left;
	padding: 32px 0px 0px 0px;
	margin: 0px;
	
}


.nssQuote
{
	width: 396px;
	height: 119px;
	float: left;
	padding: 132px 0px 0px 0px;
	margin: 0px;
	
}

#contentLeftPHP
{
	width: 396px;
	float: left;
	padding: 32px 0px 0px 0px;
	margin: 0px;
	
}


.PHPQuote
{
	width: 396px;
	height: 167px;
	float: left;
	padding: 58px 0px 0px 0px;
	margin: 0px;
	
}

#contentLeftANS
{
	width: 396px;
	float: left;
	padding: 32px 0px 0px 0px;
	margin: 0px;
	
}


.ANSQuote
{
	width: 396px;
	height: 167px;
	float: left;
	padding: 95px 0px 0px 0px;
	margin: 0px;
	
}

#contentLeftMTV
{
	width: 396px;
	float: left;
	padding: 32px 0px 0px 0px;
	margin: 0px;
	
}


.MTVQuote
{
	width: 396px;
	height: 167px;
	float: left;
	padding: 67px 0px 0px 0px;
	margin: 0px;
	
}

#contentLeftTHO
{
	width: 396px;
	float: left;
	padding: 32px 0px 0px 0px;
	margin: 0px;
	
}


.THOQuote
{
	width: 396px;
	height: 167px;
	float: left;
	padding: 30px 0px 0px 0px;
	margin: 0px;
	
}

.MEGQuote
{
	width: 396px;
	height: 167px;
	float: left;
	padding: 155px 0px 0px 0px;
	margin: 0px;
	
}

.BMACQuote
{
	width: 396px;
	height: 167px;
	float: left;
	padding: 7px 0px 0px 0px;
	margin: 0px;
	
}

.SOPQuote
{
	width: 396px;
	height: 167px;
	float: left;
	padding: 67px 0px 0px 0px;
	margin: 0px;
	
}

.GPAQuote
{
	width: 396px;
	height: 167px;
	float: left;
	padding: 130px 0px 0px 0px;
	margin: 0px;
	
}

#contentLeftPLZ
{
	width: 396px;
	float: left;
	padding: 32px 0px 0px 0px;
	margin: 0px;
	
}


.PLZQuote
{
	width: 396px;
	height: 167px;
	float: left;
	padding: 65px 0px 0px 0px;
	margin: 0px;
	
}

#contentLeftISL
{
	width: 396px;
	float: left;
	padding: 32px 0px 0px 0px;
	margin: 0px;
	
}


.ISLQuote
{
	width: 396px;
	height: 167px;
	float: left;
	padding: 63px 0px 0px 0px;
	margin: 0px;
	
}



/* quotes finish */

#contentRight
{
	width: 361px;
	height: 403px;
	float: left;
	padding: 12px 0px 0px 0px;
	margin: 0px;
	
}

/* arrows */


#nextPrevious
{
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 361px;
	height: 14px;
	overflow: hidden;
	text-align: right;
}


#nextPrevious p 
{
	font-size : 11px;
	margin : 0px;
	padding : 0px 1px 14px 0px;
	line-height : 13px;
	color : #666;
}

#nextPrevious p a
{	
	text-decoration: none;
	color: #666;
	font-weight: normal;
}

#nextPrevious p a:hover
{
	color: #333399;
	text-decoration: none;
}

#nextPrevious p a.active
{
	color: #666;
	text-decoration: none;
}

#nextPrevious p a.visited
{
	color: #666;
	text-decoration: none;
}

.lightGrey
{
	color: #CCCCCC;
}





#arrows
{
	float: left;
	padding: 0px 0px 0px 301px;
	margin: 5px 0px 0px 0px;
	width: 60px;
	height: 14px;
	overflow: hidden;
}


div#nav	
{
	float: left;
	height: 12px;
	width: 60px;
	margin: 0px;
	padding: 0px;
}

div#nav ul#goto	
{
	height: 12px;
	width: 60px;
	background: transparent url(images/arrows.gif) top left no-repeat;
	margin: 0px;
	padding: 0px;
}

div#nav ul#goto li 
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
}

ul#goto li, ul#goto a 
{
	height: 12px;
	display: block;
	padding: 0px;
	margin: 0px;
}
	
div#nav ul#goto li a 
{
	text-indent: -9999px;
	text-decoration: none;
}

#gotoLeft 
{
	left: 0px; 
	width: 12px;
	margin: 0px;
	padding: 0px;
}

#gotoRight	
{
	left: 47px;
	width: 12px;
	margin: 0px;
	padding: 0px;
}


#gotoLeft a:hover,  #gotoLeft .current 
{
	background: transparent url(images/arrows.gif) 0px -12px no-repeat;
}

#gotoRight a:hover,  #gotoRight .current 
{
	background: transparent url(images/arrows.gif) -47px -12px no-repeat;
}

/* arrows finish */



#aboutLeft
{
	width: 500px;
	float: left;
	padding: 32px 0px 0px 0px;
	margin: 0px;
	overflow: hidden;
}

#aboutLeftWorkForUSMain
{
	width: 760px;
	float: left;
	padding: 32px 0px 0px 0px;
	margin: 0px;
	overflow: hidden;
}

#aboutLeftClientListing
{
	width: 460px;
	float: left;
	padding: 32px 0px 0px 0px;
	margin: 0px;
	overflow: hidden;
}

#aboutLeftContent
{
	width: 363px;
	float: left;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

#aboutLeftWorkforus
{
	width: 610px;
	float: left;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

#aboutLeftWorkforus p 
{
	font-size: 12px;
	margin: 0px;
	padding: 2px 0px 10px 0px;
	line-height: 13px;
	color: #666;
}

#aboutLeftClients
{
	width: 200px;
	float: left;
	padding: 0px 0px 0px 120px;
	margin: 0px;
	overflow: hidden;
}

#aboutLeftList
{
	width: 345px;
	float: left;
	padding: 0px 0px 0px 14px;
	margin: 0px;
}

#aboutLeftList ul, #aboutLeftList li
{
	font-size: 12px;
	line-height: 13px;
	color: #666;
	margin: 0px;
	list-style-position: outside;
	list-style-type: disc;
	padding: 0px 0px 3px 0px;
}

#aboutRight
{
	width: 235px;
	float: left;
	padding: 200px 0px 0px 20px;
	margin: 0px;
	overflow: hidden;
}

#aboutRightNoPad
{
	width: 250px;
	float: left;
	padding: 32px 0px 0px 20px;
	margin: 0px;
	overflow: hidden;
}

#aboutQuote
{
	width: 235px;
	float: left;
	padding: 0px;
	margin: 0px;
}

#flashcontentAbout
{
	width: 235px;
	height: 215px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

	
#noflashAbout
{
	width: 235px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}



/* about us nav bits here */


#aboutUsNav
{
	width: 137px;
	float: left;
	padding: 0px;
	margin: 0px;
}


div#aboutNav	
{
	float: left;
	/* height: 370px; */
	height: 430px;
	width: 137px;
	margin: 0px;
	padding: 0px;
}

div#aboutNav ul#gotoo	
{
	height: 200px;
	width: 100px;
	background: transparent url(images/about_nav.jpg) top left no-repeat;
	margin: 0px;
	padding: 0px;
}

div#aboutNav ul#gotoo li 
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
}

ul#gotoo li, ul#gotoo a 
{
	display: block;
	padding: 0px;
	margin: 0px;
	height: 27px;
}
	
div#aboutNav ul#gotoo li a 
{
	text-indent: -9999px;
	text-decoration: none;
}

#gotooWho 
{
	left: 0px;
	width: 100px;
	margin: 0px;
	padding: 0px;
}
#gotooClients	
{
	left: 0px; 
	width: 100px;
	margin: 0px;
	padding: 0px;
}


#gotooWho a:hover,  #gotooWho .current 
{
	background: transparent url(images/about_nav.jpg) -120px 0px no-repeat;
}

#gotooClients a:hover,  #gotooClients .current 
{
	background: transparent url(images/about_nav.jpg) -120px -27px no-repeat;
}



/* bottom menu */


#bottomMenuContainer
{
	width: 737px;
	height: 25px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	background-image: url(images/bottom_menu_bg.gif);
	background-repeat: repeat-x;
}


#bottomMenu
{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 737px;
	height: 25px;
	background-image: url(images/bottom_menu.gif);
	background-repeat: no-repeat;
}


#bottomMenu ul, #bottomMenu li
{
	list-style: none;
	display: inline;
	margin : 0px;
	padding: 0px;
	font-size: 9px;
	text-indent: -9999px;
}


.home a
{
	float: left;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	width: 29px;
	height: 23px;
}

.home a:hover
{
	border-bottom: solid 2px #FFCC33;
}

.home a.active, .home a.active:hover
{
	color: #000000;
}

.home a.selected, .home a.selected:hover
{
	border-bottom: solid 2px #999999;
}

.aboutus a
{
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 26px;
	text-decoration: none;
	width: 49px;
	height: 23px;
}

.aboutus a:hover
{
	border-bottom: solid 2px #FFCC33;
}

.aboutus a.active, .aboutus a.active:hover
{
	color: #000000;
}

.aboutus a.selected, .aboutus a.selected:hover
{
	border-bottom: solid 2px #999999;
}

.news a
{
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 25px;
	text-decoration: none;
	width: 29px;
	height: 23px;
}

.news a:hover
{
	border-bottom: solid 2px #FFCC33;
}

.news a.active, .news a.active:hover
{
	color: #000000;
}

.news a.selected, .news a.selected:hover
{
	border-bottom: solid 2px #999999;
}

.contact a
{
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 29px;
	text-decoration: none;
	width: 46px;
	height: 23px;
}

.contact a:hover
{
	border-bottom: solid 2px #FFCC33;
}

.contact a.active, .contact a.active:hover
{
	color: #000000;
}

.contact a.selected, .contact a.selected:hover
{
	border-bottom: solid 2px #999999;
}



#footer
{
	float: left;
	width: 757px;
	text-align: right;
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
}



ul, li
{
	font-size: 12px;
	line-height: 13px;
	color: #666;
	margin: 0px;
	list-style-position: outside;
	padding: 0px 0px 3px 0px;
}

.listing ul, li
{
	font-size: 12px;
	line-height: 13px;
	color: #666;
	margin: 0px;
	padding: 0px 0px 3px 0px;
	list-style: none;
}

/* xhtml basic formatting here */

p 
{
	font-size: 12px;
	margin: 0px;
	padding: 3px 22px 14px 0px;
	line-height: 13px;
	color: #666;
}

p a
{	
	text-decoration: underline;
	color: #333333;
	font-weight: normal;
}

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

p a.active
{
	text-decoration: underline;
	color: #333333;
	font-weight: normal;
}

p a.visited
{
	text-decoration: underline;
	color: #333333;
	font-weight: normal;
}

.newspage
{	
	font-size: 14px;
	line-height: 16px;
	color: #666;
	font-weight: normal;
}
	
.newspage a
{
	text-decoration: none;
	color: #333333;
}

.newspage a:hover
{
	text-decoration: underline;
}

h1
{
	color: #333399;
	padding: 0px 10px 0px 0px;
	margin: 0px;
	font-size: 24px;
	line-height: 24px;
	font-weight: normal;
}

h2
{
	color: #666666;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	font-size: 16px;
	line-height: 18px;
	font-weight: normal;
}

h3
{
	color: #666666;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	font-size: 15px;
	line-height: 30px;
	font-weight: normal;
}

h3 a
{	
	text-decoration: underline;
	color: #333333;
	font-weight: normal;
}

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

h3 a.active
{
	text-decoration: underline;
	color: #333333;
	font-weight: normal;
}

h3 a.visited
{
	text-decoration: underline;
	color: #333333;
	font-weight: normal;
}

h4
{
	color: #333399;
	padding: 9px 10px 8px 0px;
	margin: 0px;
	font-size: 15px;
	line-height: 17px;
	font-weight: normal;
}

h5
{
	color: #666;
	padding: 0px 10px 18px 0px;
	margin: 0px;
	font-size: 20px;
	line-height: 17px;
	font-weight: normal;
}

h6
{
	color: #666;
	padding: 2px 10px 0px 0px;
	margin: 0px;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
}

.lightGrey
{
	color: #999999;
}

/* general spans */

img
{
	border: 0px;
}

.singleImagePadd
{
	border: 0px;
	padding: 0px 0px 25px 0px;
	margin: 0px;
}


/* flash alternative content */
	
#flashcontent
{
	width: 396px;
	height: 119px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
}

#flashcontentHome
{
	width: 360px;
	height: 361px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

	
#noflash
{
	width: 396px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

#noflashHome
{
	width: 360px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}


/* form structure */


.formStructure
{
	width: 550px;
	background-color: #FFFFFF;
}

.formStructureTop
{
	width: 550px;
	background-color: #FFFFFF;
	border-bottom: solid 1px #999999;
}

.formRight
{
	width: 250px;
	background-color: #FFFFFF;
	padding: 0px;
}

.formStructureUnderline
{
	width: 550px;
	background-color: #FFFFFF;
	padding: 10px 0px 0px 0px;
	margin: 0px;
}

.formStructureThanks
{
	width: 530px;
	background-color: #FFFFFF;
	padding: 10px 0px 0px 20px;
	margin: 0px;
}

.formLogo
{
	padding: 10px 0px 10px 10px;
	marging: 0px;
	border: 0px;
}

.mandatory
{
	padding: 15px 0px 0px 20px;
}

.submit
{
	padding: 15px 20px 0px 0px;
}

.close
{
	padding: 15px 10px 0px 0px;
}


.checkBox
{
	height: 24px;
}

.checkBoxTwo
{
	height: 24px;
	background-color: #33FFFE;
}

.formColums
{
	width: 180px;
	background-color: #FFFFFF;
	height: 25px;
	padding: 5px 0px 5px 0px;
}

.formColumsLeft
{
	width: 100px;
	background-color: #FFFFFF;
	height: 25px;
	padding: 5px 0px 5px 0px;
}

.formColumsSubmit
{
	width: 275px;
	background-color: #FFFFFF;
	height: 40px;
	padding: 5px 0px 5px 0px;
}

.formBoxWidth
{
	width: 150px;
}

.red
{
	color: #990000;
}

.white
{
	background-color: #FFFFFF;
	padding: 0px 3px 0px 0px;
}

.smallText
{
	font-size: 10px;
}
#index h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 130%;
	line-height: 110%;
}
#index h2 {
	color: #333399;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.line-above {
	border-top: 1px solid #333399;
	font-size: 70%;
	line-height: 100%;
}
#index p {
	line-height: 150%;
}
#index #contentLeft {
	width: 380px;
	margin-right: 16px;
}
#index strong {
	font-weight: normal;
}