@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; line-height: 120%;}
:focus {outline: 0;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* ------------------------------------------------stop iphone resize of text-----------------------------------------------*/ 


/* ------------------------------------------------end of style reset -----------------------------------------------*/ 


/* ------------------------------------------------body background -----------------------------------------------*/ 

body { }

#wrapper { margin:auto;
	width:805px; 
}
/* -----------------------------------------------------------------------------------------------------------header - gives it width and height -----------------------------------------------*/ 

#header {
	width: 800px;
	height: 172px;
	background-image:url(images/logo.jpg);
	background-position:left;
	background-repeat:no-repeat;
	margin:0px 0px 0px 7px;
}
/* --targets the logo as a class giving it width and height within the header -----------------------------------------------*/ 
#player {
	margin: -145px 0px 0px 550px;
	width: 240px;
	height: 135px;
}


/* ------------------------------------------------------------------------------------main nav - gives it width, height and space from previous div -----------------------------------------------*/ 

#mainnav {
	width: 800px;
	height: 35px;
	background-image:url(images/topnav.jpg);
	background-position:center;
	background-repeat:no-repeat;
	_margin-left:-35px;
}
/* --main nav list (ul) as a whole section gives it padding in from the mainnav div and removes the list style------*/ 

#mainnav ul {
	padding: 8px 0px 0px 67px;
	list-style: none;
}
/* --main nav list as a specific - floats it left and gives it a line height within the mainnav padding in between the elements------*/ 

#mainnav li {
	float:left;
	padding:0px 0px 0px;
	margin: 0px 85px 0px 0px;
}
/* --main nav list as specific element- controls the attributes as a link and visited link, gives it font size and colour and removes text decoration------*/ 
#mainnav li a:link, #mainnav li a:visited {
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 13px;
	color: #FFF;
	display:block;
	}
/* --main nav list as a specific element- controls the attributes as a link when hovering------*/ 
#mainnav li a:hover {
	color:#FF0;
}
/* --main nav list as a specific element- controls the attributes as a link when it's active------*/ 
#mainnav li a.current,#mainnav li a.current:hover,#mainnav li a.current:active {
	color: #FC0;
}

/* -----------------------------------------------------------------------------------Side Nav - gives it width, height and space from previous div -----------------------------------------------*/ 

#sidenav {
	width: 270px;
	height: 370px;
	margin: -5px 0px 0px 0px;
	float:left;
}
/* --targets live events as button------*/ 
.live a{
	display:block;
	width:266px;
	height:121px;
	background-image: url(images/liveevents.jpg);
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	margin:1px 0px 0px 0px;
}

.live a:hover{
	background-position: -266px 0;
}


/* --targets LIVE EVENTS PAGE top button------*/ 
.live2 {
	display:block;
	width:266px;
	height:133px;
	background-image: url(images/liveeventpagebutton.jpg);
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	margin:1px 0px -12px 1px;
}

/* --targets LIVE PROJECT1 page top button------*/ 
.liveproj {
	display:block;
	width:266px;
	height:133px;
	background-image: url(images/liveeventproject1button.jpg);
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	margin:1px 0px -12px 1px;
}

.liveproj h1 {
	font-size: 12px;
	color: #000;
	padding: 43px 0px 0px 148px;
}

/* --targets VIDEO PROJECT 1/2 Top button as button------*/ 
.liveproj2 a{
	display:block;
	width:266px;
	height:121px;
	background-image: url(images/liveeventsproj.jpg);
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	margin:1px 0px 0px 0px;
}

.liveproj2 a:hover{
	background-position: -266px 0;
}

/* --targets video as button------*/ 	

.video a{
	display:block;
	width:266px;
	height:121px;
	background-image: url(images/videoproduction.jpg);
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	margin: 1px 0px 0px 0px;
}
.video a:hover {
	background-position: -266px 0;
}

/* --targets video as button on LIVEPROJECT1------*/ 	

.videoproj a{
	display:block;
	width:266px;
	height:121px;
	background-image: url(images/videoproductionproj.jpg);
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	margin: 1px 0px 0px 0px;
}
.videoproj a:hover {
	background-position: -266px 0;
}


/* --targets video production button VIDEO PRODUCTION PAGE------*/ 
.video2 {
	display:block;
	width:266px;
	height:122px;
	background-image: url(images/videopagebutton.jpg);
	background-position:center;
	background-repeat:no-repeat;
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	margin:1px 0px -1px 1px;
}


/* --targets video production button VIDEO PROJECT 1/2 PAGE------*/ 
.videoproj2 {
	display:block;
	width:266px;
	height:122px;
	background-image: url(images/videopageproject1button.jpg);
	background-position:center;
	background-repeat:no-repeat;
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	margin:1px 0px -1px 1px;
}

.videoproj2 h1 {
		font-size: 12px;
	color: #000;
	padding: 45px 0px 0px 117px;
}

/* --targets comms as button------*/ 	
.comms a{
	display:block;
	width:266px;
	height:121px;
	background-image: url(images/communications.jpg);
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	margin: 1px 0px 0px 0px;
}
.comms a:hover {
	background-position: -266px 0;
}

/* --targets comms as button on LIVE PROJECT 1------*/ 	
.commsproj a{
	display:block;
	width:266px;
	height:121px;
	background-image: url(images/communicationsproj.jpg);
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	margin: 1px 0px 0px 0px;
}

.commsproj a:hover {
	background-position: -266px 0;
}

/* --targets comms button ON COMS PAGE------*/ 
.comms2 {
	display:block;
	width:266px;
	height:124px;
	background-image: url(images/comspagebutton.jpg); 
	background-repeat:no-repeat;
	background-position:center;
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	margin:0px 0px 0px 0px;
}

/* --targets comms button ON COMS PROJECT PAGE 1 and 2------*/ 
.commsproj2 {
	display:block;
	width:266px;
	height:124px;
	background-image: url(images/comspagebuttonproj1.jpg); 
	background-repeat:no-repeat;
	background-position:center;
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	margin:0px 0px 0px 0px;
}

.commsproj2 h1 {
		font-size: 12px;
	color: #000;
	padding: 47px 0px 0px 108px;
}
/* -------------Side Nav For SERVICES PAGE - gives it width, height and space from previous div --------------------------*/ 

#sidenavservice {
	width: 526px;
	height: 370px;
	margin: -5px 0px 0px 0px;
	float:left;
}
/* --targets live events as button on services pages------*/ 
.liveservice a{
	display:block;
	width:526px;
	height:121px;
	background-image: url(images/livebuttonservices.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	margin:4px 0px 0px 4px;
}

.liveservice a:hover{
	background-position: -534px 0;
}

#liveservicemain {
	width: 240px;
	height: 100px;
	margin: -121px 0px 0px 280px;
}

.liveservicemaintxt h3 {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #FC0;
	margin-top: 13px;
}
.liveservicemaintxt p { 
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #000;
	margin-top: 3px;
}

/* --targets video as button on services pages------*/ 	
.videoservice a{
	display:block;
	width:526px;
	height:121px;
	background-image: url(images/videobuttonservices.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	margin:9px 0px 0px 4px;
	*margin:22px 0px 0px 4px;
}

.videoservice a:hover{
	background-position: -534px 0;
}


#videoservicemain {
	width: 240px;
	height: 100px;
	margin: -121px 0px 0px 280px;
}

.videoservicemaintxt h3 {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #F30;
	margin-top: 13px;
}
.videoservicemaintxt p { 
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #000;
	margin-top: 3px;
}
/* --targets coms as button on services pages------*/ 	
.comsservice a{
	display:block;
	width:526px;
	height:125px;
	background-image: url(images/comsbuttonservices.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	margin:9px 0px 0px 3px;
	*margin:22px 0px 0px 3px;
}

.comsservice a:hover{
	background-position: -534px 0;
}

#comsservicemain {
	width: 240px;
	height: 100px;
	margin: -121px 0px 0px 280px;
}

.comsservicemaintxt h3 {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #F60;
	margin-top: 13px;
}
.comsservicemaintxt p { 
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #000;
	margin-top: 3px;
}

/* --------------------targets SIDE NAV ON PORTFOLIO PAGE--------------------------------------------------------------------------------*/
#sidenavportfolio {
	width: 526px;
	height: 370px;
	margin: -5px 0px 0px 0px;
	float:left;
}

#liveportfolio {
	width:526px;
	height:121px;
	background-image: url(images/livebuttonport.jpg);
	background-repeat:no-repeat;
	margin: 4px 0px 0px 4px;
}

#liveportfoliomaintxt {
	width:250px;
	margin:14px 0px 0px 0px;
		_margin:14px -15px 0px 0px;
	float:right;
}

#liveportfoliomaintxt h3 {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #FC0;
	padding-bottom:2px;
}
#liveportfoliomaintxt p { 
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #000;
	padding-bottom:2px;
}

/* --project 1 and 2 buttons on PORTFOLIO PAGE live event button------*/ 
#liveportfoliolinks {
	width: 250px;
	margin: 0px 0px 0px 322px;
}
/* --nav list (ul) removes the list style------*/ 

#liveportfoliolinks ul {
	list-style: none;
}
/* --main nav list as a specific - floats it left and gives it padding in between the elements------*/ 

#liveportfoliolinks li {
	float:left;
	padding:5px 40px 0px 0px;
	margin-left:0px;
}
/* --main nav list as specific element- controls the attributes as a link and visited link, gives it font size and colour and removes text decoration------*/ 
#liveportfoliolinks li a:link, #liveportfoliolinks li a:visited {
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #000;
	display:block;
	}
/* --main nav list as a specific element- controls the attributes as a link when hovering------*/ 
#liveportfoliolinks li a:hover {
	color: #F00;
}

/* --Live events project 1 or 2 button on PORTFOLIO PROJECT PAGE live event button------*/ 
#liveportfoliolinks2 {
	width: 115px;
	margin: -39px 0px 0px 142px;
	float: left;
	text-align: left;
}
/* --nav list (ul) removes the list style------*/ 

#liveportfoliolinks2 ul {
	list-style: none;
}
/* --main nav list as a specific - floats it left and gives it padding in between the elements------*/ 

#liveportfoliolinks2 li {
	float:left;
	padding:13px 0px 0px 0px;
	margin-left:0px;
}
/* --main nav list as specific element- controls the attributes as a link and visited link, gives it font size and colour and removes text decoration------*/ 
#liveportfoliolinks2 li a:link, #liveportfoliolinks2 li a:visited {
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #000;
	display:block;
	}
/* --main nav list as a specific element- controls the attributes as a link when hovering------*/ 
#liveportfoliolinks2 li a:hover {
	color: #F00;
}

/* --Video project 1 or 2 button on PORTFOLIO PROJECT PAGE Video button------*/ 
#videoportfoliolinks2 {
	width: 115px;
	margin: -40px 0px 0px 143px;
	float: left;
	text-align: left;
}
/* --nav list (ul) removes the list style------*/ 

#videoportfoliolinks2 ul {
	list-style: none;
}
/* --main nav list as a specific - floats it left and gives it padding in between the elements------*/ 

#videoportfoliolinks2 li {
	float:left;
	padding:13px 0px 0px 0px;
	margin-left:0px;
}
/* --main nav list as specific element- controls the attributes as a link and visited link, gives it font size and colour and removes text decoration------*/ 
#videoportfoliolinks2 li a:link, #videoportfoliolinks2 li a:visited {
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #000;
	display:block;
	}
/* --main nav list as a specific element- controls the attributes as a link when hovering------*/ 
#videoportfoliolinks2 li a:hover {
	color: #F00;
}


/* --Coms project 1 or 2 button on PORTFOLIO PROJECT PAGE Coms button------*/ 
#comsportfoliolinks2 {
	width: 115px;
	margin: -40px 0px 0px 143px;
	float: left;
	text-align: left;
}
/* --nav list (ul) removes the list style------*/ 

#comsportfoliolinks2 ul {
	list-style: none;
}
/* --main nav list as a specific - floats it left and gives it padding in between the elements------*/ 

#comsportfoliolinks2 li {
	float:left;
	padding:13px 0px 0px 0px;
	margin-left:0px;
}
/* --main nav list as specific element- controls the attributes as a link and visited link, gives it font size and colour and removes text decoration------*/ 
#comsportfoliolinks2 li a:link, #comsportfoliolinks2 li a:visited {
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #000;
	display:block;
	}
/* --main nav list as a specific element- controls the attributes as a link when hovering------*/ 
#comsportfoliolinks2 li a:hover {
	color: #F00;
}

/* --targets video as button on PORTFOLIO PAGE------*/ 	
#videoportfolio {
	width:526px;
	height:121px;
	background-image: url(images/videobuttonport.jpg);
	background-repeat:no-repeat;
	margin: 1px 0px 0px 4px;
}

#videoportfoliomaintxt {
	width:250px;
	margin:14px 0px 0px 0px;
	float:right;
}

#videoportfoliomaintxt h3 {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #F30;
	padding-bottom:2px;
}

#videoportfoliomaintxt p { 
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #000;
	padding-bottom:2px;
}

/* --project 1 and 2 buttons on PORTFOLIO PAGE live event button------*/ 
#videoportfoliolinks {
	width: 250px;
	margin: 0px 0px 0px 321px;
}
/* --nav list (ul) removes the list style------*/ 

#videoportfoliolinks ul {
	list-style: none;
}
/* --main nav list as a specific - floats it left and gives it padding in between the elements------*/ 

#videoportfoliolinks li {
	float:left;
	padding:17px 40px 0px 0px;
	margin-left:0px;
}
	
/* --main nav list as specific element- controls the attributes as a link and visited link, gives it font size and colour and removes text decoration------*/ 
#videoportfoliolinks li a:link, #videoportfoliolinks li a:visited {
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #000;
	display:block;
	}
/* --main nav list as a specific element- controls the attributes as a link when hovering------*/ 
#videoportfoliolinks li a:hover {
	color: #F00;
}


/* --targets coms as button on PORTFOLIO PAGES------*/ 	 	
#comsportfolio {
	width:526px;
	height:121px;
	background-image: url(images/comsbuttonport.jpg);
	background-repeat:no-repeat;
	margin: 1px 0px 0px 3px;
}

#comsportfoliomaintxt {
	width:250px;
	margin:14px 0px 0px 0px;
	float:right;
}

#comsportfoliomaintxt h3 {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #F60;
	padding: 3px 0px 2px 1px;
}
#comsportfoliomaintxt p { 
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #000;
	padding: 1px 0px 0px 1px;
}

/* --project 1 and 2 buttons on PORTFOLIO PAGE live event button------*/ 
#comsportfoliolinks {
	width: 250px;
	margin: 0px 0px 0px 321px;
}
/* --nav list (ul) removes the list style------*/ 

#comsportfoliolinks ul {
	list-style: none;
}
/* --main nav list as a specific - floats it left and gives it padding in between the elements------*/ 

#comsportfoliolinks li {
	float:left;
	padding:15px 40px 0px 0px;
	margin-left:0px;
}
/* --main nav list as specific element- controls the attributes as a link and visited link, gives it font size and colour and removes text decoration------*/ 
#comsportfoliolinks li a:link, #comsportfoliolinks li a:visited {
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #000;
	display:block;
	}
/* --main nav list as a specific element- controls the attributes as a link when hovering------*/ 
#comsportfoliolinks li a:hover {
	color: #F00;
}

/* -----------------------------------------------------------------------------------------------------------------------Main Section---------------------------------------------------------------*/ 
#slide {
	margin:-158px 0px 0px 245px;
	}

#main {
	width:505px;
	height:355px;
	background-image: url(images/maintext.jpg);
	background-repeat:no-repeat;
	margin: -5px 0px 0px 265px;
	*margin: -368px 0px 0px 265px;
	padding: 10px 30px 0px 15px;

}
h1 {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 15px;
	color: #FC0;
}
p { 
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #000;
}
h2 {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #F30;
}
h3 {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #F60;
}
	
/* ------------------------------------------------------Main Section SERVICES -----------------------------------------------*/ 
#mainservice {
	width:248px;
	height:359px;
	background-image: url(images/servicemain.jpg);
	background-repeat:no-repeat;
	margin: -1px 0px -5px 535px;
	padding: 7px 0px 0px 10px;

}

/* ----------------------------------------------------------Main Section LIVE EVENTS -----------------------------------------------*/ 

#mainlive {
	width:515px;
	height:364px;
	background-image:url(images/liveeventmain.jpg);
	background-repeat:no-repeat;
	margin: -4px 0px -10px 265px;
	padding: 10px 0px 0px 15px;

}

/* ----------------------------------------------------------Main Section LIVE EVENTS PROJECT 1 -----------------------------------------------*/ 

#mainliveproj {
	width:515px;
	height:364px;
	background-image:url(images/liveeventmainproject1.jpg);
	background-repeat:no-repeat;
	margin: -4px 0px -10px 265px;
	padding: 10px 0px 0px 15px;

}

/* ----------------------------------------------------------Main Section LIVE EVENTS PROJECT 2 -----------------------------------------------*/ 

#mainliveproj2 {
	width:515px;
	height:364px;
	background-image:url(images/liveeventmainproject2.jpg);
	background-repeat:no-repeat;
	margin: -4px 0px -10px 265px;
	padding: 10px 0px 0px 15px;

}


/* ----------------------------------------------------------------------------------------Main Section VIDEO--------------------------------- -----------------------------------------------*/ 

#mainvideo {
	width:512px;
	height:364px;
	background-image:url(images/videomain.jpg);
	background-repeat:no-repeat;
	margin: -4px 0px -10px 265px;
	padding: 10px 0px 0px 15px;

}

/* ----------------------------------------------------------Main Section VIDEO PROJECT 1 -----------------------------------------------*/ 

#mainvideoproj {
	width:515px;
	height:364px;
	background-image:url(images/videomainproject1.jpg);
	background-repeat:no-repeat;
	margin: -4px 0px -10px 265px;
	padding: 10px 0px 0px 15px;

}

/* ----------------------------------------------------------Main Section VIDEO PROJECT 2 -----------------------------------------------*/ 

#mainvideoproj2 {
	width:515px;
	height:364px;
	background-image:url(images/videomainproject2.jpg);
	background-repeat:no-repeat;
	margin: -4px 0px -10px 265px;
	padding: 10px 0px 0px 15px;

}


/* ----------------------------------------------------------------------------------------Main Section COMS -----------------------------------------------*/ 

#maincoms {
	width:512px;
	height:364px;
	background-image:url(images/comsmain.jpg);
	background-repeat:no-repeat;
	margin: -4px 0px -10px 265px;
	padding: 10px 0px 0px 15px;
}

/* --------------------------------------------------------------------------------------Main Section PORTFOLIO -----------------------------------------------*/ 
#mainportfolio {
	width:248px;
	height:359px;
	background-image: url(images/servicemain.jpg);
	background-repeat:no-repeat;
	margin: -1px 0px -5px 535px;
	padding: 7px 0px 0px 10px;

}
/* ----------------------------------------------------------Main Section COMS PROJECT 1 -----------------------------------------------*/ 

#maincomsproj1 {
	width:515px;
	height:364px;
	background-image: url(images/comsmainproject1.jpg);
	background-repeat:no-repeat;
	margin: -4px 0px -10px 265px;
	padding: 10px 0px 0px 15px;
}

/* ----------------------------------------------------------Main Section COMS PROJECT 2 -----------------------------------------------*/ 

#maincomsproj2 {
	width:515px;
	height:364px;
	background-image: url(images/comsmainproject2.jpg);
	background-repeat:no-repeat;
	margin: -4px 0px -10px 265px;
	padding: 10px 0px 0px 15px;
}
/* ----------------------------------------------------------Main Section CONTACT US -----------------------------------------------*/ 

#maincontact {
	width:518px;
	height:403px;
	background-image: url(images/maincontact.jpg);
	background-repeat:no-repeat;
	margin:-2px 0px 0px 269px;
	padding:140px 0px 0px 10px;

}

#maincontacttxt {
	width:510px;
	height:220px;
	background-repeat:no-repeat;
	margin: 67px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}

#contactus2 {
	width: 70px;
	height: 15px;
	margin: -527px 0px 0px 663px;
}

/* --contact us list (ul) as a whole section gives it padding in from the mainnav div and removes the list style------*/ 
#contactus2 ul {
	list-style: none;
}
/* --contact us list as specific element- controls the attributes as a link and visited link, gives it font size and colour and removes text decoration------*/ 
#contactus2 li a:link, #contactus2 li a:visited {
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #F00;
	display:block;
	}
/* --contact us list as a specific element- controls the attributes as a link when hovering------*/ 
#contactus2 li a:hover {
	color: #FF0;
}


#contactus3 {
	background-image:url(images/Untitled-1_s1.gif);
	width: 114px;
	height: 42px;
	margin: -220px 0px 0px 460px;
}
_#contactus3 {
	width: 114px;
	height: 42px;
	margin: -220px 0px 0px 460px;
}
/* --contact us list (ul) as a whole section gives it padding in from the mainnav div and removes the list style------*/ 
#contactus3 ul {
	list-style: none;
	text-align:center;
		padding-top:2px;
		padding-right:10px
}
/* --contact us list as specific element- controls the attributes as a link and visited link, gives it font size and colour and removes text decoration------*/ 
#contactus3 li a:link, #contactus2 li a:visited {
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #FFF;
	display:block;
	}
_#contactus3 li a:link, #contactus2 li a:visited {
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #000;
	display:block;
	}
	
/* --contact us list as a specific element- controls the attributes as a link when hovering------*/ 
#contactus3 li a:hover {
	color: #FF0;
}
_#contactus3 li a:hover {
	color: #F00;
}

/*------------------------------------------------------------------------------------portfolio pdf links --------------------------------------------------------------------------------------*/ 

#porfoliopdf {
	width: 900px;
	margin: -32px 0px 0px 75px;
	_margin: -85px 0px 0px 37px;
	*margin: -27px 0px 0px 75px;
	float: left;
	text-align: left;
}
/* --nav list (ul) removes the list style------*/ 

#porfoliopdf ul {
	list-style: none;
}
/* --portfolio list as a specific - floats it left and gives it padding in between the elements------*/ 

#porfoliopdf li {
	float:left;
	padding:0px 0px 0px 215px;
	margin-left:0px;
}
/* --portfolio list as specific element- controls the attributes as a link and visited link, gives it font size and colour and removes text decoration------*/ 
#porfoliopdf li a:link, #porfoliopdf li a:visited {
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #000;
	display:block;
	}
/* --portfolio list as a specific element- controls the attributes as a link when hovering------*/ 
#porfoliopdf li a:hover {
	color: #F00;
}
/*------------------------------------------------Service Page portfolio pdf links -----------------------------------------------*/ 
#porfoliopdfservice {
	width: 150px;
	margin: -63px 0px -20px 608px;
	_margin: -63px 0px -20px -500px;
	*	margin: -59px 0px -20px 608px;
	float: left;
	text-align: left;
}
/* --nav list (ul) removes the list style------*/ 

#porfoliopdfservice ul {
	list-style: none;
}
/* --portfolio nav list as a specific - floats it left and gives it padding in between the elements------*/ 

#porfoliopdfservice li {
	float:left;
	padding:9px 0px 0px 0px;
	margin-left:0px;
}
/* --portfolio nav list as specific element- controls the attributes as a link and visited link, gives it font size and colour and removes text decoration------*/ 
#porfoliopdfservice li a:link, #porfoliopdfservice li a:visited {
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #000;
	display:block;
	}
/* --porfolio nav list as a specific element- controls the attributes as a link when hovering------*/ 
#porfoliopdfservice li a:hover {
	color: #F00;
}

/*------------------------------------------------Portfolio Page portfolio pdf links -----------------------------------------------*/ 
#porfoliopdfportfolio {
	width: 150px;
	margin: -63px -3px -20px 608px;
	*margin: -59px -3px -20px 608px;
	float: left;
	text-align: left;
}
/* --nav list (ul) removes the list style------*/ 

#porfoliopdfportfolio ul {
	list-style: none;
}
/* --main nav list as a specific - floats it left and gives it padding in between the elements------*/ 

#porfoliopdfportfolio li {
	float:left;
	padding:9px 0px 0px 0px;
	margin-left:0px;
}
/* --main nav list as specific element- controls the attributes as a link and visited link, gives it font size and colour and removes text decoration------*/ 
#porfoliopdfportfolio li a:link, #porfoliopdfportfolio li a:visited {
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #000;
	display:block;
	}
/* --main nav list as a specific element- controls the attributes as a link when hovering------*/ 
#porfoliopdfportfolio li a:hover {
	color: #F00;
}

/*------------------------------------------------------------------------------------portfolio pdf links CONTACT US PAGE-------------------------------------------------*/ 

#porfoliopdfcontact {
	width: 900px;
	margin: -28px 0px 0px 75px;
	_margin: -28px 0px 0px 40px;
	float: left;
	text-align: left;
}
/* --nav list (ul) removes the list style------*/ 

#porfoliopdfcontact ul {
	list-style: none;
}
/* --portfolio list as a specific - floats it left and gives it padding in between the elements------*/ 

#porfoliopdfcontact li {
	float:left;
	padding:0px 0px 0px 215px;
	margin-left:0px;
}
/* --portfolio list as specific element- controls the attributes as a link and visited link, gives it font size and colour and removes text decoration------*/ 
#porfoliopdfcontact li a:link, #porfoliopdfcontact li a:visited {
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #000;
	display:block;
	}
/* --portfolio list as a specific element- controls the attributes as a link when hovering------*/ 
#porfoliopdfcontact li a:hover {
	color: #F00;
}
/*------------------------------------------------portfolio pdf live page links-----------------------------------------------*/ 

#pdflive {
	width: 400px;
	margin: -27px 0px 0px 123px;
	float: left;
	text-align: left;
}
/* --nav list (ul) removes the list style------*/ 

#pdflive ul {
	list-style: none;
}
/* --main nav list as a specific - floats it left and gives it padding in between the elements------*/ 

#pdflive li {
	float:left;
	padding:0px 0px 0px 215px;
	margin-left:0px;
}
/* --main nav list as specific element- controls the attributes as a link and visited link, gives it font size and colour and removes text decoration------*/ 
#pdflive li a:link, #pdflive li a:visited {
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #000;
	display:block;
	}
/* --main nav list as a specific element- controls the attributes as a link when hovering------*/ 
#pdflive li a:hover {
	color: #F00;
}


/* -----------------------------------------------------------------------------------------------------------------------------Recent Projects -----------------------------------------------*/ 
#recentprojects {
	width: 266px;
	height: 182px;
	background-image: url(images/recentprojects.jpg);
	background-repeat:no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.recentprojects h1 {
	font-size: 12px;
	color: #000;
	padding: 12px 0px 0px 25px;
}
/* ------------------------------------------------Recent Projects Portfolio Page -----------------------------------------------*/ 
#recentproject2 {
	width: 266px;
	height: 182px;
	background-image: url(images/recentprojects.jpg);
	background-repeat:no-repeat;
	margin: -2px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.recentprojectp2 h1 {
	font-size: 12px;
	color: #000;
	padding: 12px 0px 0px 25px;
}
/* ------------------------------------------------------------------------clients---------------------------------------------------------------------------------------------------------------*/ 
#clients {
	width: 267px;
	height: 182px;
	background-image: url(images/ourclients.jpg);
	background-repeat:no-repeat;
	margin: -182px 0px 0px 264px;
	padding: 10px 0px 0px 25px;
}
#quotes {width:227px;
height:118px;}

.clients1 h1 {
	font-size: 12px;
	color: #000;
	margin: 2px 0px 15px 0px;
	display:block;
	}
.bcard {
	margin:0px 0px 0px -15px;
}
	
.honda {
	margin:0px 0px 0px -15px;
	padding: 0px 0px 0px 15px;
}
.animal {
	padding: 0px 0px 0px 30px;
}

/* ------------------------------------------------clients Service Page -----------------------------------------------*/ 
#clients2 {
	width: 267px;
	height: 182px;
	background-image: url(images/ourclients.jpg);
	background-repeat:no-repeat;
	margin: -182px 0px 0px 264px;
	padding: 10px 0px 0px 25px;
}
.clientsp2 h1 {
	font-size: 12px;
	color: #000;
	margin: 2px 0px 15px 0px;
	}
.bcard {
	margin:0px 0px 0px -15px;
}
	
.honda {
	margin:0px 0px 0px -15px;
	padding: 0px 0px 0px 15px;
}
.animal {
	padding: 0px 0px 0px 30px;
}

/*-----------------------------------------------------Clients CONTACT US PAGE-----------------*/
#clientscontact {
	width: 267px;
	height: 182px;
	background-image: url(images/ourclients.jpg);
	background-repeat:no-repeat;
	margin: -181px 0px 0px -1px;
	padding: 10px 0px 0px 25px;
}
/* ------------------------------------------------live events page portfolio -----------------------------------------------*/ 
#portfolio {
	width: 285px;
	height: 186px;
	background-image: url(images/liveeventbottom.jpg);
	background-repeat:no-repeat;
	margin: -182px 0px 0px 265px;
	padding: 10px 0px 0px 16px;
}

/*------------------------------------------------portfolio live links-----------------------------------------------*/ 

#portfoliolive {
	width: 900px;
	margin: -38px 0px 0px 175px;
	float: left;
	text-align: left;
}
/* --nav list (ul) removes the list style------*/ 

#portfoliolive ul {
	list-style: none;
}
/* --main nav list as a specific - floats it left and gives it padding in between the elements------*/ 

#portfoliolive li {
	float:left;
	padding:0px 0px 0px 215px;
	margin-left:0px;
}
/* --main nav list as specific element- controls the attributes as a link and visited link, gives it font size and colour and removes text decoration------*/ 
#portfoliolive li a:link, #portfoliolive li a:visited {
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #000;
	display:block;
	}
/* --main nav list as a specific element- controls the attributes as a link when hovering------*/ 
#portfoliolive li a:hover {
	color: #F00;
}
/* ------------------------------------------------------------------------------------contact us----------------------------------------------------------------------------------------------------*/ 
#contactus {
	width: 266px;
	height: 182px;
	background-image: url(images/contactus.jpg);
	background-repeat:no-repeat;
	margin: -192px 0px 0px 531px;
	padding: 50px 0px 0px 131px;
}
/* --contact us list (ul) as a whole section gives it padding in from the mainnav div and removes the list style------*/ 
#contactus ul {
	list-style: none;
}
/* --contact us list as specific element- controls the attributes as a link and visited link, gives it font size and colour and removes text decoration------*/ 
#contactus li a:link, #contactus li a:visited {
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #F00;
	display:block;
	}
/* --contact us list as a specific element- controls the attributes as a link when hovering------*/ 
#contactus li a:hover {
	color: #FF0;
}

/* ------------------------------------------------contact us SERVICE PAGE -----------------------------------------------*/ 
#contactusservice {
	width: 266px;
	height: 182px;
	background-image: url(images/contactus.jpg);
	background-repeat:no-repeat;
	margin: -196px 0px 0px 531px;
	padding: 50px 0px 0px 131px;
}
/* --contact us list (ul) as a whole section gives it padding in from the mainnav div and removes the list style------*/ 
#contactusservice ul {
	list-style: none;
}
/* --contact us list as specific element- controls the attributes as a link and visited link, gives it font size and colour and removes text decoration------*/ 
#contactusservice li a:link, #contactusservice li a:visited {
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #F00;
	display:block;
	}
/* --contact us list as a specific element- controls the attributes as a link when hovering------*/ 
#contactusservice li a:hover {
	color: #FF0;
}

/* ------------------------------------------------contact us PORTFOLIO PAGE -----------------------------------------------*/ 
#contactusportfolio {
	width: 266px;
	height: 182px;
	background-image: url(images/contactus.jpg);
	background-repeat:no-repeat;
	margin: -192px 0px 0px 531px;
	padding: 50px 0px 0px 131px;
}
/* --contact us list (ul) as a whole section gives it padding in from the mainnav div and removes the list style------*/ 
#contactusportfolio ul {
	list-style: none;
}
/* --contact us list as specific element- controls the attributes as a link and visited link, gives it font size and colour and removes text decoration------*/ 
#contactusportfolio li a:link, #contactusportfolio li a:visited {
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #F00;
	display:block;
	}
/* --contact us list as a specific element- controls the attributes as a link when hovering------*/ 
#contactusportfolio li a:hover {
	color: #FF0;
}

/* ------------------------------------------------------------------------------------Footer-------------------------------------------------------------------------------------------------*/ 
#footer {
	width: 1100px;
	height: 20px;
	margin-top:-48px;
	margin-left:-320px;
	}
	
/* --contact us list (ul) as a whole section gives it padding in from the mainnav div and removes the list style------*/ 
#footer ul { 
	list-style: none;
	color:#FC0;
	display:block;
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	}
/* --main nav list as a specific - floats it left and gives it a line height within the mainnav padding in between the elements------*/ 

#footer li {
	float:left;
	display:block;
	padding-left:375px;
}
/* --contact us list as specific element- controls the attributes as a link and visited link, gives it font size and colour and removes text decoration------*/ 
#footer li a:link, #footer li a:visited {
	color: #FC0;
	display:block;
	text-decoration:none;
	}
/* --contact us list as a specific element- controls the attributes as a link when hovering------*/ 
#footer li a:hover {
	color: #F00;
}
/* ------------------------------------------------------------------------------------Footer Contact US Page-------------------------------------------------------------------------------------------------*/ 
#footercontact {
	width: 1100px;
	height: 20px;
	margin-top:0px;
	margin-left:-320px;
	}
	
/* --contact us list (ul) as a whole section gives it padding in from the mainnav div and removes the list style------*/ 
#footercontact ul { 
	list-style: none;
	color:#FC0;
	display:block;
	text-decoration:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	}
/* --main nav list as a specific - floats it left and gives it a line height within the mainnav padding in between the elements------*/ 

#footercontact li {
	float:left;
	display:block;
	padding-left:375px;
}
/* --contact us list as specific element- controls the attributes as a link and visited link, gives it font size and colour and removes text decoration------*/ 
#footercontact li a:link, #footercontact li a:visited {
	color: #FC0;
	display:block;
	text-decoration:none;
	}
/* --contact us list as a specific element- controls the attributes as a link when hovering------*/ 
#footercontact li a:hover {
	color: #F00;
}