/* ---  GLOBAL ------------------------------------------------------------------------------------------ */
* {
	margin:0px;
	padding:0px;
}

/* global body styling */
body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #0A0A0A;
}

iframe {padding:0px; margin:0px;}

/* ---  global Text styling ------------------------------------------------------------------------------------------ */
p {margin:0px; padding:0px;}
h1 {margin:0px; padding:0px;}
h2 {margin:0px; padding:0px;}
h3 {margin:0px; padding:0px;}
h4 {margin:0px; padding:0px;}
h5 {margin:0px; padding:0px;}
h6 {margin:0px; padding:0px;}

/* blockquote styling */
blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
}

/* ---  Table Styling ------------------------------------------------------------------------------------------ */
table {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/* global image styling */
img {border:none;}

/* global list styling */


/* global link styling */
a:link, a:visited, a:hover {cursor:pointer;}
a:link, a:visited  {text-decoration: none;}
a:hover {text-decoration: none;}

/* ---  Page ID's ------------------------------------------------------------------------------------------ */
#homePage {margin: 0px; padding: 0px;}
#subPage {margin: 0px; padding: 0px;}

/* ---  Content ID's ------------------------------------------------------------------------------------------ */
.rap {
	width: 940px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

/* ---  Header ID's ------------------------------------------------------------------------------------------ */
#headerContainer {
	width:100%;
	background-image: url(../images/graphics/backg-header.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0px;
	padding: 0px;
}

/* ---  Navigation ID's ------------------------------------------------------------------------------------------ */
#navContainer {
	width: 100%;
	background-image: url(../images/graphics/backg-nav.jpg);
	background-repeat: repeat-x;
}

/* ---  Content ID's ------------------------------------------------------------------------------------------ */
.contentContainer {
	width:100%;
	background-color: #FFFFFF;
}

#content {
	margin: 0px;
	padding: 0px;
}

/* ---  page column width classes ------------------------------------------------------------------------------------------ */
.c1, .c2, .c3, .c4 {float: left;}

.c1 {
	width: 235px;
	margin: 0px;
	padding: 0px;
}

.c2 {
	width: 470px;
	margin: 0px;
	padding: 0px;
}

.c3 {
	width: 705px;
	padding: 0px;
	margin: 0px;
}

.c4 {
	width: 940px;
	padding: 0px;
	margin:0px;
}

.c1 p, .c2 p, .c3 p, .c4 p {
	color: #403F37;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin-top: 5px;
	text-align: justify;
}
.c1 h1, .c2 h1, .c3 h1, .c4 h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 10px;
	padding-left: 0px;
	color: #000000;
	line-height: 28px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d6d6d6;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.c1 h2, .c2 h2, .c3 h2, .c4 h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	line-height: 17px;
	padding: 8px;
	margin-top: 20px;
	background-image: url(../images/graphics/backgButtonTemp.jpg);
	background-repeat: repeat;
	background-position: left center;
	display: block;
	margin-bottom: 10px;
}
.c1 h3, .c2 h3, .c3 h3, .c4 h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #990000;
	margin-bottom: 10px;
	line-height: 18px;
}
.c1 h4, .c2 h4, .c3 h4, .c4 h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 18px;
	padding: 8px;
	background-color: #000000;
	display: block;
}
.c1 h5, .c2 h5, .c3 h5, .c4 h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	line-height: 20px;
	margin-top: 20px;
	display: block;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #333333;
	border-bottom-color: #333333;
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 6px;
	padding-left: 5px;
}


/* ---  table text / image styling ------------------------------------------------------------------------------------------ */
.c1 table p, .c2 table p, .c3 table p, .c4 table p {
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin: 0px;
}


/* ---  list styling ------------------------------------------------------------------------------------------ */
.c1 ul, .c2 ul, .c3 ul, .c4 ul {
	padding-top: 2px;
	font-size: 12px;
}
.c1 ul li, .c2 ul li, .c3 ul li, .c4 ul li {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	display: list-item;
	list-style-type: disc;
	color: #333333;
	list-style-position: outside;
	line-height: 18px;
}
.c1 ul li ul, .c2 ul li ul, .c3 ul li ul, .c4 ul li ul {
	margin: 0px;
	padding: 0px;
}
ul li ul li {}

.c1 ol, .c2 ol, .c3 ol, .c4 ol {
	padding-top: 10px;
	padding-bottom: 10px;
}
.c1 ol li, .c2 ol li, .c3 ol li, .c4 ol li {
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 25px;
	padding: 0px;
}

ul .clientRecognition {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.clientRecognition li {
	list-style-type: none;
}

/* --- text colour styling ------------------------------------------------------------------------------------------ */
.redText {
	color: #900027;
}

.c2 a, .c2 a:link, .c2 a:visited, .c4 a, .c4 a:link, .c4 a:visited {color:#900027;}
.c2 a:hover, .c2 a:focus, .c2 a:active, .c4 a:hover, .c4 a:focus, .c4 a:active {color:#000000;}

.artistic p {
	padding: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	background-color: #CCFF66;
}
.recognition p {
	padding: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	background-color: #FFCC66;
}

/* ---  special Padding styling ------------------------------------------------------------------------------------------ */
.padL {
	padding-top: 40px;
	padding-right: 25px;
	padding-bottom: 20px;
	padding-left: 30px;
}
.padR {
	padding-top: 40px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 45px;
}
.padLR {
	padding-top: 40px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 30px;
}

/* ---  Footer ID's ------------------------------------------------------------------------------------------ */
#footerContainer {
	width:100%;
	background-image: url(../images/graphics/backg-footer.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#footer {
	width: 940px;
	float: left;
	margin: 0px;
	padding: 0px;
}
#footer-main {
	float: left;
	width: 940px;
}
#footer-main .fm1 {
	float: left;
	width: 240px;
	padding-top: 35px;
}
#footer-main .fm2 {
	float: left;
	width: 240px;
	padding-top: 35px;
}
#footer-main .fm3 {
	float: left;
	width: 240px;
	padding-top: 35px;
}
#footer-main .fm1 h1, #footer-main .fm2 h1, #footer-main .fm3 h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #808080;
	font-weight: normal;
}
#footer-main .fm1 h1 a, #footer-main .fm2 h1 a, #footer-main .fm3 h1 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #808080;
	font-weight: normal;
}
#footer-main .fm1 h1 a:hover, #footer-main .fm2 h1 a:hover, #footer-main .fm3 h1 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: normal;
}
#footer-main .fm1 ul, #footer-main .fm2 ul, #footer-main .fm3 ul {
	padding-left: 0px;
	padding-top: 15px;
	padding-right: 50px;
	padding-bottom: 0px;
	list-style-position: inside;
}
#footer-main .fm1 ul li, #footer-main .fm2 ul li, #footer-main .fm3 ul li {
	list-style-type: circle;
	font-size: 11px;
	font-weight: normal;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-width: 1px;
	border-bottom-color: #333;
	padding-right: 0px;
	list-style-image: url(../images/graphics/icon-listArrow.gif);
}
#footer-main .fm1 ul li a, #footer-main .fm2 ul li a, #footer-main .fm3 ul li a {
	color: #808080;
}
#footer-main .fm1 ul li a:hover , #footer-main .fm2 ul li a:hover , #footer-main .fm3 ul li a:hover {
	color: #FFF;
}
#footer-main .fm4 {
	float: left;
	width: 220px;
	padding-top: 30px;
}
#footer-main .fm4 p {
	text-align: right;
	margin: 0px;
	padding: 0px;
}
#footer-main .fm4 p img {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#footer-main .fm4 p a {}
#footer-main .fm4 p a:hover {}

/* ---  Contagion ID's ------------------------------------------------------------------------------------------ */
.backg-contagion {
	background-image: url(../images/graphics/backg-contagion.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#contagion {}
#contagion-main {
	height: 40px;
	background-color: #1A1A1A;
}
#contagion-main p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
	padding-top: 15px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#contagion-main p a {
	color: #666666;
}
#contagion-main p a:hover {
	color: #FFFFFF;
}
#contagion-spacer {
	height: 30px;
}

/* ---  Form Styling ------------------------------------------------------------------------------------------ */
.contactForm {
	width: 605px;
	float: left;
	background-color: #e2e2e2;
}


form {margin:0px; padding:0px;}
label {}
fieldset {border:none;}
input {
	margin-bottom: 0px;
}
input, textarea {
	background-color: #FFFFFF;
	background-image: url(../images/graphics/backg-lcol.png);
	background-repeat: repeat;
	padding: 10px;
	font-family: Trebuchet MS, Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
	color: #333333;
}
.equalWidth {
	width: 350px;
	color: #000000;
	font-size: 12px;
}
.formError {
	color: #cc0000;
}
.focusField{
	border:2px solid #73A6FF;
	color:#000000;
	background-color: #F0F0F0;
}
.idleField{
	background:#EEE;
	color: #6F6F6F;
	border: solid 2px #DFDFDF;
}	
/* form send button styling */
.bttn {
	background-image: url(../images/graphics/backg-button-4.jpg);
	background-repeat: repeat-x;
	background-position: left center;
	margin-top: 30px;
	color: #FFFFFF;
	font-family: Bookman Old Style, Georgia, Times New Roman, Times;
	text-align: right;
	font-size: 18px;
	font-weight: bold;
	padding: 5px;
	cursor: pointer;
	margin-bottom: 30px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.backgContact {
	background-image: url(../images/graphics/backg-contactUs_form.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* --- Stretcher ------------------------------------------------------------------------------------------ */
.stretcher {
	width:100%;
	height:1px;
	clear:both;
	overflow:hidden;
}

/* --- link classes ------------------------------------------------------------------------------------------ */
.links {
	padding-bottom: 10px;
	background-color: #E6E6E6;
}


/* --- noJava ------------------------------------------------------------------------------------------ */
.c2 .noJava {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	font-size: 12px;
}
.c2 .noJava li {
	display: block;
	list-style-position: inside;
	list-style-type: none;
	padding: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
}

.c2 .noJava li a, .c2 .noJava li a:link, .c2 .noJava li a:visited {
	display: block;
	color: #FFFFFF;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	background-image: url(../images/graphics/backg-button-4.jpg);
	background-repeat: repeat-x;
	background-position: left center;
}
.c2 .noJava li a:hover, .c2 .noJava li a:focus, .c2 .noJava li a:active {
	display: block;
	color: #FFFFFF;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	background-image: url(../images/graphics/backg-button.jpg);
	background-repeat: repeat-x;
	background-position: left center;
}

/* --- noJava-galleryLinks ------------------------------------------------------------------------------------------ */
.c4 ul.noJava-galleryLinks {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	display: block;
	width: 100%;
}
.c4 ul.noJava-galleryLinks li {
	display: block;
	list-style-position: inside;
	list-style-type: none;
	padding: 0px;
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	float: left;
	width: 225px;
	list-style-image: none;
}

.c4 ul.noJava-galleryLinks li a, .c4 ul.noJava-galleryLinks li a:link, .c4 ul.noJava-galleryLinks li a:visited {
	display: block;
	color: #333;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-image: url(../images/graphics/backg-button-3.jpg);
	background-repeat: repeat-x;
	background-position: left center;
}
.c4 ul.noJava-galleryLinks li a:hover, .c4 ul.noJava-galleryLinks li a:focus, .c4 ul.noJava-galleryLinks li a:active {
	display: block;
	color: #FFF;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-image: url(../images/graphics/backg-button.jpg);
	background-repeat: repeat-x;
	background-position: left center;
}

.c4 ul.noJava-galleryLinks li.GLmarker {
	display: block;
	color: #FFFFFF;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-image: url(../images/graphics/backg-button-4.jpg);
	background-repeat: repeat-x;
	background-position: left center;
}


/* --- buttons ------------------------------------------------------------------------------------------ */
div.bttn-back p {
	width: 120px;
	margin-top: 15px;
	text-align: left;
}

div.bttn-back p a, div.bttn-back p a:link, div.bttn-back p a:visited {
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
	padding-right: 10px;
	background-image: url(../images/graphics/backg-button.jpg);
	background-repeat: repeat-x;
	background-position: left center;
	color: #FFFFFF;
}
div.bttn-back p a:hover, div.bttn-back p a:focus, div.bttn-back p a:active {
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
	padding-right: 10px;
	background-image: url(../images/graphics/backg-button-3.jpg);
	background-repeat: repeat-x;
	background-position: left center;
	color: #000000;
}

/* --- curvyvorners ------------------------------------------------------------------------------------------ */
.outBox {
	border: 3px solid #fff;
	padding: 20px;
}
.inBox {
	border: 1px solid #999;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}


.thumbs {width:120px; float:left; margin:10px 0px 0px 10px; background-color:#fff; padding:10px; text-align:center;}
.hlink {height:1px; clear:both; overflow:hidden; color:#fff; visibility:hidden;}
.display {
	width:290px;
	height:330px;
	float:left;
	margin:10px 0px 0px 0px;
	background-color:#fff;
	padding:10px;
}
.displayContainer {background-image:url(../images/graphics/display_backg.gif); margin:10px 0px; padding:10px 15px;}

/* --- home flash ------------------------------------------------------------------------------------------ */
#homeFlash {
	height: 400px;
	width: 350px;
	background-image: url(../images/graphics/backg-homeIMG.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float:left;
}

/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	SPECIALISED STYLING
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
*/
/* switcher classes */
.switcherMain {visibility:visible; z-index:100;}
.switcherSub {display:none; z-index:100;}


/* home page classes */
.hTop {margin-top:70px;}
.hSpacer {margin-top:16px;}

.nextBTTN p a, .nextBTTN p a:link, .nextBTTN p a:visited {
	width: 97%;
	background-color: #000000;
	display: block;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	text-align: center;
	color: #333333;
	background-image: url(../images/graphics/backg-button-3.jpg);
}

.largeIMG-l img {width: 90%; overflow:hidden;}
.largeIMG-p img {width:45%; overflow:hidden;}


/* CAPTION SLIDER */

#sliderwrap {
	width:255px;
	height:165px;
	float:right;
	position:relative;
	overflow:hidden;
}

#sliderwrap h1 {
	color:#FFF;
}

#front {
	position:absolute;
	z-index:10;
}

#back {
	position:absolute;
	top:0px;
	left:0px;
	z-index:5;
}

.caption_2 {
	position: absolute;
	top:165px;
	background: rgba(0,0,0,0.75);
	width:250px;
	height:60px;
	padding:0px 5px;
}

.caption_2 p {
	margin:0px;
	padding:5px;
	color:#fff;
	text-align:center;
}
.caption_2 p a, .caption_2 p a:link, .caption_2 p a:visited {color:#FFF;}
.caption_2 p a:hover, .caption_2 p a:active, .caption_2 p a:focus {color:#900027;}

/* /CAPTION SLIDER */



.c4 .inBox.thumbs p, .c4 .inBox.thumbs p a, .inBox.thumbs p a:link {text-align: center;}