a:active
{
outline: none;
}

a:focus
{
-moz-outline-style: none;
}

.introfooter{
	font-family: arial, tahoma, verdana, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #666666;
}

body {
	background-color: #000000;
	width: 100%;
	height: 100%;
	margin-top: 0px;
}

h1{
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 14pt;
	color: black;
	font-weight: normal;
	margin-bottom: 14px;
}

p {
	margin-top: 5px;
	font-family: arial, tahoma, verdana, sans-serif;
	font-size: 7pt;
	font-weight: normal;
	color: black;
}

.popupheader{
	margin-top: 5px;
	margin-left: 30px;
	margin-right: 45px;
	font-family: arial, tahoma, verdana, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: white;
}


.parawhite {
	margin-top: 5px;
	margin-left: 30px;
	margin-right: 45px;
	font-family: arial, tahoma, verdana, sans-serif;
	font-size: 7pt;
	font-weight: normal;
	color: white;
}



.copyheader {
	margin-top: 45px;
	font-family: arial, tahoma, verdana, sans-serif;
	font-size: 7pt;
	font-weight: bold;
	color: black;
}

.copyheader2 {
	font-family: arial, tahoma, verdana, sans-serif;
	font-size: 7pt;
	font-weight: bold;
	color: black;
}

div.intromainpagearea{
	background: black;
	width: 1120px;
	margin: auto;
}

div.introfooterarea{
	float: left;
	background: black;
	width: 1120px;
	overflow: hidden;
	margin: auto;
	text-align: center;
}

div.csdividerline{
	width: 465px;
	height: 19px;
	background: url(../images/csdivider.gif);
	background-repeat: repeat-x;
	margin-bottom: 20px;
	float: left;
}

div.csbacktotop{
	width: 85px;
	float: left;
	text-align: right;
	margin-bottom: 25px;
}

/* FOR INTRO SCROLLER*/


#imageBox 
{
  width: 675px;
  height: 650px;
  border: 1px #000 solid;
  overflow: hidden;
  float: left;
  position:relative;
  z-index:3;
}

#imageBoxInside 
{
  width: 10000px;
}

#imageBoxInside { width: 10000px; left: 0; top: 0; }


#imageBox img 
{
  float: left;
  padding: 0px;
  margin: 0px;
}

#imageBox br 
{
  clear: both;
}

#controls img 
{
  border: 0;
}





/* ----------------------------------------- */

a.anglestudios {
	margin-left: 187px;
}

div.leftmargin{
	float: left;
	width: 161px;
	height: 300px;
}


div.introprevious{
	float: left;
	margin-top: 260px;
	margin-right: 0px;
}

div.introouter{
	margin-left: auto;
	margin-right:auto;
}


div.wholeintropage{
	width: 100%;
	height: 100%;
	background: black;
}

div.intronext{
	float: left;
	margin-top: 260px;
	margin-left: 0px;
	margin-right: 0px;
}

div.mainpage {
	width: 1120px;
	margin: 0px auto;
	padding-top: 0px;
	overflow: hidden;
}

div.maintextarea {
	float:left;
	width: 290px;
	min-height: 450px;
	height: auto !important;
	height: 450px;
	padding-left: 26px;
	padding-right: 5px;
	margin-left: 0px;
	margin-bottom: 0px;
	#margin-bottom: 5px;
	padding-top: 35px;
	padding-bottom: 30px;
}

div.maintextareaspread {
	float:left;
	width: 550px;
	min-height: 450px;
	height: auto !important;
	height: 450px;
	padding-left: 26px;
	padding-right: 26px;
	margin-left: 0px;
	margin-bottom: 0px;
	#margin-bottom: 5px;
	padding-top: 35px;
	padding-bottom: 30px;
}


div.casestudycontainerheader{
	width:550px;
	margin-bottom: 30px;
}

div.centreimage{
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	text-align: center;
}

div.casestudydividercontainer{
	width:550px;
	margin-bottom: 0px;
	margin-top: 0px;
}

div.casestudycontainer{
	width:550px;
	margin-bottom: 0px;
	margin-top: 0px;
	overflow: hidden;
}

div.casestudyinnerleft{
	width: 275px;
	float: left;
	margin-bottom: 25px;
}

div.casestudyinnerrightlogo{
	width: 255px;
	float: left;
	margin-bottom: 25px;
	padding-left: 20px;
}

div.casestudyinnerright{
	width: 255px;
	float: left;
	margin-bottom: 25px;
	padding-left: 20px;
	padding-top: 50px;
}




div.mainimagearea {
	float:left;
	display: table;
	width: 283px;
	height: 515px;
	#position: relative;
	overflow: hidden;
	background: white;

}

div.innermainimagearea {
	width: 250px;
	#position: absolute;
	#top: 50%;
	display: table-cell;
	vertical-align: middle;
	background: white;
	padding-right: 0px;
	padding-left: 0px;
}

div.innerinnermainimagearea{
	width: 250px;
	#position: relative;
	#top: -50%;
	background: white;
	padding-right: 0px;
	padding-left: 10px;
}

div.mainbodycontainer{
	float:left;
	width: 620px;
	background: white;
	margin-bottom: 2px;
}

div.imagethumbs {
	width: 125px;
	float: left;
	margin-left: 0px;
	height: 515px;
	background: black;
}

div.bottomblackborder{
	float: left;
	background: black;
	padding-bottom: 5px;
}

div.thumb1 {
	width: 125px;
	height: 130px;
	float: left;
	padding-left: 5px;
	background: black;
}

div.thumb2 {
	width: 125px;
	height: 130px;
	float: left;
	padding-left: 5px;
	background: black;
}

div.topspacer {
	height: 25px;
	width: 1120px;
	margin-left: auto;
	margin-right: auto;
}


div.topheader {
	height: 75px;
	width: 1120px;
	background: black;
	margin-left: auto;
	margin-right: auto;
}

div.topheaderintro {
	height: 75px;
	width: 840px;
	margin-left: auto;
	margin-right: auto;
	background: green;
}



div.leftnavarrow {
	width: 20px;
	height: 20px;
	background: black;
	overflow: hidden;
}

.leftnavarrowh1 {
	color: yellow;
	font-family: arial;
	font-size: 15pt;
	overflow: hidden;
}

.clickfor {
	color: white;
	display: block;
	font-family: arial, tahoma, verdana, sans-serif;
	font-size: 10.5pt;
	line-height: 4pt;
	margin-top: 23px;
	margin-bottom: 0px;
	margin-left: 10px;
	font-weight: normal;
}

.clickprinted {
	color: yellow;
	display: block;
	font-family: arial black, arial, tahoma, verdana, sans-serif;
	margin-top: 0px;
	margin-left: 8px;
	font-size: 19.5pt;
}

.clickonline {
	color: #0099FF;
	display: block;
	font-family: arial black, arial, tahoma, verdana, sans-serif;
	margin-top: 0px;
	margin-left: 7px;
	font-size: 19.5pt;
}

.clickdisplays {
	color: #EC008C;
	display: block;
	font-family: arial black, arial, tahoma, verdana, sans-serif;
	margin-top: 0px;
	margin-left: 7px;
	font-size: 19.5pt;
}

div.bottomheader {
	height: 90px;
	width: 760px;
	margin-left: auto;
	margin-right: auto;
}

div.clickprinted a{
	border: 1px #393939 solid;
	float: left;
	height: 75px;
	margin-left: 0px;
	width: 158px;
	background: url(../images/clickbuttonshading.gif);
	background-repeat: repeat-x;
	text-decoration: none;
}

div.clickprintedon a{
	border: 1px yellow solid;
	float: left;
	height: 75px;
	margin-left: 8px;
	width: 158px;
	background: url(../images/clickbuttonshading.gif);
	background-repeat: repeat-x;
	text-decoration: none;
}

div.clickprinted a:hover{
	border: 1px yellow solid;
}

div.clickonline a{
	border: 1px #393939 solid;
	float: left;
	height: 75px;
	margin-left: 6px;
	width: 158px;
	background: url(../images/clickbuttonshading.gif);
	background-repeat: repeat-x;
	text-decoration: none;
}

div.clickonlineon a{
	border: 1px #0099FF solid;
	float: left;
	height: 75px;
	margin-left: 6px;
	width: 158px;
	background: url(../images/clickbuttonshading.gif);
	background-repeat: repeat-x;
	text-decoration: none;
}

div.clickonline a:hover{
	border: 1px #0099FF solid;
}

div.clickdisplays a{
	border: 1px #393939 solid;
	float: left;
	height: 75px;
	margin-left: 6px;
	width: 158px;
	background: url(../images/clickbuttonshading.gif);
	background-repeat: repeat-x;
	text-decoration: none;
}

div.clickdisplayson a{
	border: 1px #EC008C solid;
	float: left;
	height: 75px;
	margin-left: 6px;
	width: 158px;
	background: url(../images/clickbuttonshading.gif);
	background-repeat: repeat-x;
	text-decoration: none;
}

div.clickdisplays a:hover{
	border: 1px #EC008C solid;
}

div.anglestudioslogo {
	float: left;
	background: url(../images/anglestudioslogo.gif);
	height: 55px;
	margin-left: 105px;
	margin-top: 10px;
	width: 164px;
}

/*div.anglestudioslogo {
	float: left;
	background: red;
	background: url(../images/anglestudioslogo.gif);
	height: 58px;
	margin-left: 133px;
	margin-top: 10px;
	width: 142px;
}*/


div.mainnavbar {
	float: left;
	width: 500px;
	height: 23px;
	margin-top: 51px;
	padding-left:180px;
	overflow: hidden;
	background: black;
}

div.mainnavbarintro {
	float: left;
	width: 300px;
	height: 23px;
	margin-top: 51px;
	padding-left:180px;
	overflow: hidden;
	background: orange;
}

div.footernavbar {
	float: left;
	width: 750px;
	height: 15px;
	margin-top: 0px;
	padding-left:190px;
	overflow: hidden;
	background: black;
}

div.headerdetailline {
	background: black;
	float: left;
	height: 1px;
	width: 750px;
	overflow: hidden;
}

div.headercontactdetails {
	float: right;
	text-align: right;
	height: 85px;
	width: 253px;
}

div.lefthandnavigation {
	float: left;
	width: 180px;
	height: 460px;
	text-align: right;
	padding-top: 34px;
	margin-top: 18px;
	margin-right: 8px;
}

div.mainpagetopband {
	width: 750px;
	height: 2px;
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	background: yellow;
	overflow: hidden;
}

div.mainpagetopbandblue{
	width: 750px;
	height: 2px;
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	background: #0099FF;
	overflow: hidden;
}

div.mainpagetopbandpink{
	width: 750px;
	height: 2px;
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	background: #EC008C;
	overflow: hidden;
}

div.mainpagetopband2 {
	width: 750px;
	height: 5px;
	margin-left: 0px;
	margin-top: 0px;
	background: black;
	overflow: hidden;
}


.navigation{
	list-style: none;
	margin: 0px auto;
	padding: 0;	
	}
	
.navigation li{
	color: #999999;
	float: left;
	display: block;
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	line-height: 24px;
	text-decoration: none;
	vertical-align: middle;
}

.navigation li a{
	color: #999999;
	display: block;
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	line-height: 24px;
	padding: 0px 8px;
	text-decoration: none;
	vertical-align: middle;
}

.navigation li a:hover{
	color: white;
	text-decoration: underline;
}

.intromainimagelinks{
	text-decoration: none;
	border: 0px;
}

.intromainimagelinks a{
	text-decoration: none;
	border: 0px;
}

.intromainimagelinks a:hover{
	text-decoration: none;
	border: 0px;
}

.footernavigation{
	list-style: none;
	margin: 0px auto;
	padding-left: 0px;	
	}
	
.footernavigation li{
	color: #999999;
	float: left;
	display: block;
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 7pt;
	font-weight: normal;
	line-height: 8pt;
	text-decoration: none;
	vertical-align: middle;
	padding-left: 0px;
	padding-right: 8px;
}

.footernavigation li a{
	color: #999999;
	display: block;
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 7pt;
	font-weight: normal;
	line-height: 8pt;
	text-decoration: none;
	vertical-align: middle;
	padding-left: 0px;
}

.footernavigation li a:hover{
	color: white;
	text-decoration: underline;
}

.pagelinks{
	list-style: none;
	margin: 0px auto;
	padding: 0;	
	line-height: 16px;
	}
	
.pagelinks li{
	color: #999999;
	font-family: verdana, tahoma, arial, sans-serif;
	font-weight: normal;
	font-size: 8pt;
	text-decoration: none;
}

.pagelinks li a{
	color: #999999;
	font-family: verdana, tahoma, arial, sans-serif;
	font-weight: normal;
	font-size: 8pt;
	text-decoration: none;
}

.pagelinks li a:hover{
	color: #333333;
}

.pagelinks2 {
	color: #999999;
	font-family: verdana, tahoma, arial, sans-serif;
	font-weight: normal;
	font-size: 7pt;
	line-height: 15pt;
	text-decoration: none;
}

.pagelinks2:hover{
	color: #333333;
}

.stdpagepara {
	color: black;
	font-family: verdana, tahoma, arial, sans-serif;
	font-weight: normal;
	font-size: 8pt;
	text-decoration: none;
}

a.bodycopylinks {
	color: #999999;
	font-family: verdana, tahoma, arial, sans-serif;
	font-weight: normal;
	font-size: 6pt;
}

a.bodycopylinks :hover{
	color: #333333;
}

.qexpand {
	color: #666666;
	font-family: verdana, tahoma, arial, sans-serif;
	font-weight: normal;
	font-size: 6pt;
	text-decoration: none;
}

.qexpand:hover{
	color: #333333;
}

.headerphone {
	color: white;
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	text-align: right;
	margin-top: 12px;
	margin-bottom: 0px;
}

.headercontacts {
	color: #999999;
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 8pt;
	text-align: right;
	margin-top: 15px;
	text-decoration: none;
}

a.headercontacts {
	color: #999999;
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 8pt;
	text-align: right;
	margin-top: 0px;
	text-decoration: none;
}

a.headercontacts:visited {
	color: #999999;
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 8pt;
	text-align: right;
	margin-top: 0px;
	text-decoration: none;
}

a.headercontacts:hover {
	color: white;
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 8pt;
	text-align: right;
	margin-top: 0px;
	text-decoration: underline;
}


a.sidelinksh1 {
	color: white;
	display: block;
	font-family: arial, tahoma, verdana, sans-serif;
	font-size: 7.5pt;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
	line-height: 8px;
}	

a.sidelinksh1:hover {
	color: yellow;
}

a.sidelinksh1 span {
	color: white;
	font-family: arial, tahoma, verdana, sans-serif;
	font-size: 7.5pt;
	font-weight: normal;
	text-align: right;
	text-decoration: none;
	line-height: 20px;
}

a.sidelinksh1:hover span {
	color: yellow;
}

a.sidelinksh1blue {
	color: white;
	display: block;
	font-family: arial, tahoma, verdana, sans-serif;
	font-size: 7.5pt;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
	line-height: 8px;
}	

a.sidelinksh1blue:hover {
	color: #0099FF;
}

a.sidelinksh1blue span {
	color: white;
	font-family: arial, tahoma, verdana, sans-serif;
	font-size: 7.5pt;
	font-weight: normal;
	text-align: right;
	text-decoration: none;
	line-height: 20px;
}

a.sidelinksh1blue:hover span {
	color: #0099FF;
}

a.sidelinksh1pink {
	color: white;
	display: block;
	font-family: arial, tahoma, verdana, sans-serif;
	font-size: 7.5pt;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
	line-height: 8px;
}	

a.sidelinksh1pink:hover {
	color: #EC008C;
}

a.sidelinksh1pink span {
	color: white;
	font-family: arial, tahoma, verdana, sans-serif;
	font-size: 7.5pt;
	font-weight: normal;
	text-align: right;
	text-decoration: none;
	line-height: 20px;
}

a.sidelinksh1pink:hover span {
	color: #EC008C;
}

div.leftlinkrollovers{
	background: white;
	padding-top: 47px;
	float:left;
	width: 16px;
	height: 468px;
	overflow: hidden;
}

div.leftlinkarrow1{
	margin-top: 0px;
	width: 15px;
	height: 19px;
	overflow: hidden;
}

div.leftlinktext1 {
	margin-top: 0px;
	width: 180px;
	height: 30px;
	overflow: hidden;
}

div.leftlinkarrow2{
	margin-top: 28px;
	width: 15px;
	height: 19px;
	overflow: hidden;
}

div.leftlinktext2 {
	margin-top: 17px;
	width: 180px;
	height: 30px;
	overflow: hidden;
}

div.leftlinkarrow3{
	margin-top: 28px;
	width: 15px;
	height: 19px;
	overflow: hidden;
}

div.leftlinktext3 {
	margin-top: 17px;
	width: 180px;
	height: 30px;
	overflow: hidden;
}

div.leftlinkarrow4{
	margin-top: 28px;
	width: 15px;
	height: 19px;
	overflow: hidden;
}

div.leftlinktext4 {
	margin-top: 17px;
	width: 180px;
	height: 30px;
	overflow: hidden;
}

div.leftlinkarrow5{
	margin-top: 28px;
	width: 15px;
	height: 19px;
	overflow: hidden;
}

div.leftlinktext5 {
	margin-top: 17px;
	width: 180px;
	height: 30px;
	overflow: hidden;
}
div.leftlinkarrow6{
	margin-top: 28px;
	width: 15px;
	height: 19px;
	overflow: hidden;
}

div.leftlinktext6 {
	margin-top: 17px;
	width: 180px;
	height: 30px;
	overflow: hidden;
}

a.closinglink {
	font-family: arial, tahoma, verdana, sans-serif;
	font-size: 7pt;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
}	

a.closinglink:hover {
	color: #333333;
}

a.enlargelink {
	font-family: arial, tahoma, verdana, sans-serif;
	font-size: 6pt;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
}	

a.enlargelink:hover {
	color: #333333;
}


a.closeenlargelink {
	font-family: arial, tahoma, verdana, sans-serif;
	font-size: 6pt;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
	text-align: right;
	margin-right: 18px;
	float:right;
	
}	

a.closeenlargelink:hover {
	color: #333333;
}

div.intro-mainpagearea{
	width: 935px;
	height: 700px;
	background: green;
	margin-left: auto;
	margin-right: auto;
}

div.intro-mainscrollarea{
	overflow-x: scroll;
	width: 705px;
	height: 685px;
	background: black;
}

div.intro-mainscrollinner{
	width: 3000px;
	height: 685px;
	background: black;
}