body, html{
	background-image: url(/images/site-elements/bg-stripes.gif);
	background-color:#000000;
	margin:0px;
	padding:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
}

p { 
	padding:0px;
	margin:0px 0px 10px 0px;
	line-height:15px;
}

div#MainSpaceContent {
	position: absolute;
	width: 940px;
	margin-left: -480px; 
	left: 50%;
	background-color:#252525;
	border-left: solid 10px #000000;
	border-right: solid 10px #000000;
	top:10px;
	z-index:5;
}

/* Stripe Colours */

div#Stripe {display:block; height:90px; background-color:#111111;}
.RedStripe {border-top:solid 10px #FF0000;}
.YellowStripe {border-top:solid 10px #FFCC00;}
.GreenStripe {border-top:solid 10px #99CC00;}
.PinkStripe {border-top:solid 10px #FF6699;}
.OrangeStripe {border-top:solid 10px #FF6600;}
.BlueStripe {border-top:solid 10px #33CCFF;}
.WhiteStripe {border-top:solid 10px #FFFFFF;}

/* Text Colours */

.RedTitle { font-weight:bold; color:#FF0000;}
.YellowTitle {font-weight:bold; color:#FFCC00;}
.GreenTitle {font-weight:bold; color:#99CC00;}
.PinkTitle {font-weight:bold; color:#FF6699;}
.OrangeTitle {font-weight:bold; color:#FF6600;}
.BlueTitle {font-weight:bold; color:#33CCFF;}
.WhiteTitle {font-weight:bold; color:#FFFFFF;}
.WhiteSubTitle {color:#FFFFFF;}
.DarkGreyTitle {font-weight:bold; color:#333333;}
.LightGreyTitle {color:#757575;}
.DarkGreyTitle {color: #555555;}

.Strike {text-decoration:line-through; color: #CC0000;}

/* Top Elements */

div#Logo {
	width: 290px;
	height: 120px;
	background-image:url(/images/site-elements/bg-logo.gif);
	text-align:center;
}


div#Topper {
	float:left;
	width: 620px;
	height: 90px;
	background-color: #111111;
	border-left: solid 290px #313131;
	padding: 0px 0px 0px 30px;
} 

div#Buffer {
	float:left;
	width: 600px;
	height: 20px;
	background-color: #252525;
	border-left: solid 290px #313131;
	padding: 0px 20px 0px 30px;
} 

div#BufferBottom {
	float:left;
	width: 600px;
	height: 20px;
} 

div#TextTitle {
	width: 500px;
	height: 30px;
	right:20px;
	top: 47px;
	position:absolute;
}
	
/* Content */

 .cufonTitle {
 padding-bottom: 12px;
 }

div#BoxContainer {
	float:left;
	width: 600px;
	display:table-cell;
 	min-height:1150px;
	background-color: #252525;
	border-left: solid 290px #313131;
	padding: 0px 20px 0px 30px;
} 

.BoxEmpty {
	width: 600px;
	min-height: 50px;
	background-color:#000000;
	margin-bottom: 10px;
	float: left;
}

.BoxEmptyBorder {
	width: 580px;
	min-height: 50px;
	background-color:#000000;
	border: solid 10px #111111;
	margin-bottom: 10px;
	float: left;
}

.BoxFullWidth, .BoxButton {
	float: left;
	width: 560px;
	background-color:#000000;
	border: solid 10px #111111;
	padding: 10px;
	margin-bottom: 10px;
}

.BoxButton {
	height: 25px;
	margin-bottom: 10px;
}

.BoxButtonTitle {
	float:left;
	width: 300px;
	position:relative;
}

.BoxButtonPages {
	float: right;
	width: 200px;
	position:relative;
	text-align:right;
	margin-top: 7px;
}

.BoxHalfLeft {
	float: left;
	width: 255px;
	background-color:#000000;
	border: solid 10px #111111;
	padding: 10px;
	margin: 0px 10px 10px 0px;
}

.BoxHalfLeftTitle {
	float: left;
	width: 220px;
	position: relative;
	top: -5px;
	left: 0px;
}

.BoxHalfLeftFull {
	float: left;
	width: 275px;
	background-color:#000000;
	border: solid 10px #111111;
	margin: 0px 10px 10px 0px;
}

.BoxHalfLeftFull p, .BoxHalfRightFull p {
	padding: 0px 10px 0px 10px;
}

.BoxHalfHtitle {
	padding-left:10px;
}

.BoxHalfRight {
	float: right;
	width: 255px;
	background-color:#000000;
	border: solid 10px #111111;
	padding: 10px;
	margin-bottom: 10px;
}

.BoxHalfRightFull {
	float: left;
	width: 275px;
	background-color:#000000;
	border: solid 10px #111111;
	margin-bottom: 10px;
}

.BoxAltLeft {
	float: left;
	min-height: 600px;	
	width: 200px;
	background-color:#000000;
	border: solid 10px #111111;
	padding: 10px;
	margin: 0px 20px 20px 0px;
}

.BoxAltRight {
	float: right;
	width: 300px;
	background-color:#000000;
	border: solid 10px #111111;
	padding: 10px;
	margin-bottom: 20px;
}

.BoxAltRightLong {
	float: right;
	width: 300px;
	min-height: 528px;
	background-color:#000000;
	border: solid 10px #111111;
	padding: 10px;
	margin-bottom: 20px;
}

.WebProjectContainer {
	width: 600px;
	height: 600px;
}

.BoxProject, .BoxProjectEnd {
	float:left;	
	width: 176px;
	background-color:#000000;
	border: solid 10px #111111;
	margin-bottom: 6px;
}

.BoxProject {
	margin-right: 6px;
}

.BoxProject p, .BoxProjectEnd p {
	padding: 0px 10px 0px 10px;
	color: #555555;
}

.BoxQuad, .BoxQuadEnd {
	float: left;
	width: 127px;
	background-color:#000000;
	border: solid 10px #111111;
	margin-bottom: 4px;
}

.BoxQuad {
	margin-right: 4px;
}




/* Add-Ons */

.WebNew {
	width: 65px;
	height: 50px;
	position: absolute;
	margin: 148px 0px 0px 192px;
	z-index: 10;
}

.MicrositeNew, .GraphicDesignNew {
	width: 65px;
	height: 50px;
	position: absolute;
	margin: 135px 0px 0px 190px;
	z-index: 10;
}

.Vt-Arrows {
	width: 65px;
	height: 50px;
	position: absolute;
	margin: 182px 0px 0px 202px;
	z-index: 10;
}

.FMW {
	width: 37px;
	height: 9px;
	position: absolute;
	margin: 153px 0px 0px 132px;
	z-index: 10;
}

a.FMWx {
    display: block;
    width: 40px;
    height: 9px;
    background: url("/images/website-design/fmw-small-roll-over.gif") 0 0 no-repeat;
    text-decoration: none;
}

a:hover.FMWx {background-position: 0px -11px;} 
a:visited.FMWx {text-decoration: none;} 
a:active.FMWx {text-decoration: none;} 	

/* Social Network */

#VTgallery {
	width: 220px;
	height: 330px;
	background-color:#000000;
	border: solid 5px #1E1E1E;
	margin-bottom: 10px;
	padding: 10px;
} 

/* Social Network */

#SocialNetwork {
	width: 220px;
	height: 80px;
	background-color:#000000;
	border: solid 5px #1E1E1E;
	margin-bottom: 10px;
	padding: 10px;
} 

.SocialIcon {
	width: 24px;
	padding: 10px 6px 0px 0px;
	float:left;
	display:block;
}

.Google {
	width: 50px;
	padding: 11px 5px 0px 4px;
	float:left;
	display:block;
}


/* Advertising */

.Advertising {
	width: 240px;
	height: 75px;
	background-color:#000000;
	border: solid 5px #1E1E1E;
	margin-bottom: 10px;
} 

a.adFMW, a.adFlickr, a.adTwitter {
    display: block;
    width: 240px;
    height: 75px;
    text-decoration: none;
}

a:hover.adFMW, a:hover.adFlickr, a:hover.adTwitter {background-position: 0px -75px;} 
a:visited.adFMW, a:visited.adFlickr, a:visited.adTwitter {text-decoration: none;} 
a:active.adFMW, a:active.adFlickr, a:active.adTwitter {text-decoration: none;} 	

a.adFMW {background: url("/images/advertising/fmw.jpg") 0 0 no-repeat;}	
a.adFlickr {background: url("/images/advertising/flickr.jpg") 0 0 no-repeat;}		
a.adTwitter {background: url("/images/advertising/twitter.jpg") 0 0 no-repeat;}

/* About Us - Team */

.Team {
	width: 580px;
	height: 125px;
	background-color:#000000;
	border: solid 10px #111111;
	margin-bottom: 10px;
	float: left;
}

.TeamImage {
	width: 125px;
	height: 125px;
	margin-right:10px;
	float:left;
}

.TeamContent {
	width: 425px;
	height: 125px;
	padding: 10px;
	float:left;
}
	

/* Footer */

div#Footer {
	float: left;
	width: 890px;
	background-color: #000000;
	padding: 15px 30px 10px 30px;
	text-align:center;
}