@charset "utf-8";

/* CSS Document */

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



	Site:		TEBAYS ONLINE
	Author:		TEBAYS



	Listing Order:
	==============

	

	1. UNIVERSAL STYLES

		  1A - TOP BAR

		  1B - CONTAINERS

	2. STRUCTURE

	3. TOP MENU & BOTTOM MENU & PRODUCT MENU

	4. MISC - font, content  etc
	
	5. PRODUCT PAGE

	
	COLOURS:

	==============

	BLUE	#0072bc

	GREEN	#007236
	
	ORANGE	#f26522
	
	PURPLE	#7b0046
	
	YELLOW	#fdfa23
	
	GREY	#3c3f3e
	

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





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



	1 - UNIVERSAL STYLES



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

body { 

	font-family:Tahoma, Verdana, Arial, Helvetica;
	font-size:62.5%;
	color: #666666;
	margin:0 auto;
	zoom:1;
	margin-bottom:0;
	padding:0;
	background-color:#FFF;
	}

img {

	text-decoration:none;
	margin:0;
	padding:0;
	border:none;
}

p{

	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 1.2em;
	margin-bottom:10px;
	font-style: normal;
	font-weight: normal;
	color: #3c3f3e;
	line-height:21px;

}

table, td, th {

	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	margin: 8px;

}

.clear{

	clear:both;

}

a {

	color:#008BDE;
	text-decoration:none;

}

a:hover {

	color:#7B0046;
	text-decoration:none;

}

h1	{
	font-size:3em;
	color:#0072bc;
	font-family: "Myriad Pro" Tahoma, Verdana, Arial, Helvetica;
	margin-bottom:8px;
	}


h2

{

	font-size:2.6em;
	color:#81AD0D;
	font-family: "Myriad Pro" Tahoma, Verdana, Arial, Helvetica;
	margin-bottom:8px;

}

h3

{

	font-size:1.8em;
	color:#fff;
	font-family: "Myriad Pro" Tahoma, Verdana, Arial, Helvetica;
	margin-bottom:8px;

}

span

{

	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 1.1em;
	font-style: normal;
	font-weight: normal;
	color: #e9e9e9;

}

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



	1- STRUCTURE



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

#topbg{
	background-image:url('../images/bg/bgtop.png');
	height:239px;

}

#topholder{
	width:960px;
	height:150px;
	margin:0 auto;
	clear:both;
}

#quoteholer{
	width:960px;
	height:83px;/*remove*/
	margin:0 auto;
	clear:both;
}
#sliderbg{
	background-image:url('../images/bg/bgsky.jpg');
	height:279px;
	padding-top:12px;

}

#footerbg{
	background-image:url('../images/bg/bgfooter.png');
	height:300px;
	margin-top:25px;

}

#content{
	width:960px;
	margin:0 auto;
	clear:both;
}

#contentfull{
	width:960px;
	margin:0 auto;
	clear:both;
	padding-bottom:15px;
	padding-top:15px;
}

#contentbg{
	background-image:url('../images/bg/bgbody.png');
	background-repeat:repeat-x;
	width:100%;
	min-height:300px;

}

#quote-bar{
	position:relative;
	width:890px;
	height:64px;
	margin: 0px auto;
	padding:20px 35px 0px 35px;
	display:block;
	background:url('../images/quote-bar/quote-bar-bg.jpg') repeat-x;
	font-size:28px;
	color:#FFF;
	}
	
#servicesholder{
	width:960px;
	height:162px;
	background:url('../images/bg/bgservices.png');
	margin-top:15px;
}

#servicebox1{
	width:260px;
	height:135px;
	margin-left:25px;
	float:left;
	margin-top:10px;
	font-family: "Myriad Pro" Tahoma, Verdana, Arial, Helvetica;
	color:#7b0046;
	font-size:1.3em;
	}

#servicebox2{
	width:260px;
	height:135px;
	margin-left:60px;
	float:left;
	margin-top:10px;
	font-family: "Myriad Pro" Tahoma, Verdana, Arial, Helvetica;
	color:#f26522;
	font-size:1.3em;
	}

#servicebox3{
	width:260px;
	height:135px;
	margin-left:70px;
	float:left;
	margin-top:10px;
	font-family: "Myriad Pro" Tahoma, Verdana, Arial, Helvetica;
	color:#005e20;
	font-size:1.3em;
	}

.serviceimg{
	float:left;
	margin-right:8px;
	margin-bottom:8px;
}

#left{
	float:left;
	width:640px;
	margin-top:15px;
	margin-bottom:15px;
}

#right{
	float:right;
	width:280px;
	margin-top:15px;
	margin-bottom:15px;
}

#right h3{
	color:#7B0046;
}


#tweetsholder{
	width:960px;
	height:64px;
	margin: 0px auto;
}
/***********************************************************************



	 - GENERAL - FONT, CONTENT ETC



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

.servicesbig1{
	font-size:2.1em;
	font-family: "Myriad Pro" Tahoma, Verdana, Arial, Helvetica;
	color:#7b0046;
	text-shadow:#7a7a7a 1px 1px 1px;
}

.servicesbig1 a{
	font-family: "Myriad Pro" Tahoma, Verdana, Arial, Helvetica;
	color:#7b0046;
	text-decoration:none;
}

	.servicesbig1b{
		font-size:1.4em;
		font-family: "Myriad Pro" Tahoma, Verdana, Arial, Helvetica;
		color:#7b0046;
		
	}
	
	.servicesbig1b a{
		font-family: "Myriad Pro" Tahoma, Verdana, Arial, Helvetica;
		color:#7b0046;
		text-decoration:none;
	}	
.servicesbig2{
	font-size:2.1em;
	font-family: "Myriad Pro" Tahoma, Verdana, Arial, Helvetica;
	color:#f26522;
	text-shadow:#7a7a7a 1px 1px 1px;
}

.servicesbig2 a{
	font-family: "Myriad Pro" Tahoma, Verdana, Arial, Helvetica;
	color:#f26522;
	text-decoration:none;
}
	.servicesbig2b{
		font-size:1.4em;
		font-family: "Myriad Pro" Tahoma, Verdana, Arial, Helvetica;
		color:#f26522;
	}
	
	.servicesbig2b a{
		text-decoration:none;
		font-family: "Myriad Pro" Tahoma, Verdana, Arial, Helvetica;
		color:#f26522;
	}	
	
.servicesbig3{
	font-size:2.1em;
	font-family: "Myriad Pro" Tahoma, Verdana, Arial, Helvetica;
	color:#005e20;
	text-shadow:#7a7a7a 1px 1px 1px;

}

	.servicesbig3 a{
		font-family: "Myriad Pro" Tahoma, Verdana, Arial, Helvetica;
		color:#005e20;
		text-decoration:none;
	}

	.servicesbig3b{
		font-size:1.4em;
		font-family: "Myriad Pro" Tahoma, Verdana, Arial, Helvetica;
		color:#005e20;
	}	
	
	.servicesbig3b a{
		text-decoration:none;
		font-family: "Myriad Pro" Tahoma, Verdana, Arial, Helvetica;
		color:#005e20;
	}	
		
.bluetext{
	color:#0072bc;
	font-size:1.4em;
}

.tweetimg{
	margin-top:13px;
	float:left;
}

.join{
	float:right;
	margin-top:15px;
}

.joinimg{
	float:right;
	margin-top:15px;
	margin-left:15px;
}

.twitterfeed{
	color:#fdfa23;
	display:block;
	float:left;
	margin-top:20px;
	margin-left:5px;
	width:340px;
}

	
	.twitterfeed ul{
	list-style:none;
	color:#fdfa23;
	}
	
	.twitterfeed li a{
	color:#fdfa23;
	text-decoration:none;
	}
	
	.twitterfeed li a:hover{
	color:#fdfa23;
	text-decoration:underline;
	}
	
.copyright{
	display:block;
	padding-top:17px;
	color:#CCCCCC;
	clear:both;
	font-size:1em;
	text-align:right;
	}
	
.purpletxt{
	color:#7B0046;
}

#showcaseholder{
	float:left;
	width:630px;
}

#showcaseholder h3{
	font-size:2em;
	color:#F26522;
	font-family: "Myriad Pro" Tahoma, Verdana, Arial, Helvetica;
	margin-bottom:8px;
}

#quote{
	padding:20px;
	margin-top:10px;
	margin-bottom:10px;
}

#quote p{
	font-style:italic;
	font-family: "Myriad Pro" Tahoma, Verdana, Arial, Helvetica;
	color:#000;
	text-shadow:#FFFFFF;
	font-size:1.3em;

}
/***********************************************************************



	 - HEADER



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

#header {

}


.logo {
	display:block;
	float:left;
	margin-top:20px;
	}
	
#main-menu{
	width:520px;
	height:79px;
	padding:0px 10px 0px 0px;
	display:block;
	float:right;
	}
	
#showcase-menu{
	width:320px;
	height:79px;
	padding:0px 10px 0px 0px;
	display:block;
	float:left;
	clear:both;
	}
	
.contacts{
	float:right;
	margin-top:20px;
	display:block;
}

.questionstxt{
	padding-top:25px;
	width:700px;
	float:left;
}

.questionsyell{
	font-size:2.8em;
	font-family: "Myriad Pro" Tahoma, Verdana, Arial, Helvetica;
	color:#fdfa23;
	text-shadow:#000 1px 1px 1px;

}

.questionswhite{
	font-size:2.8em;
	font-family: "Myriad Pro" Tahoma, Verdana, Arial, Helvetica;
	color:#fff;
	text-shadow:#000 1px 1px 1px;
}
	
#quote-button{
	width:188px;
	float:right;
	height:51px;
	margin-top:18px;
	background: url('../images/quote-bar/get-quote-off.jpg') no-repeat;
	}
	
#quote-button:hover{
	background: url('../images/quote-bar/get-quote-on.jpg') no-repeat;
	}
	
	
/***********************************************************************



	 - MENU



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

.menu{
	display:block;
	float:right;
	margin:40px 0px 0px 15px;
	}
#home-off{
	width:64px;
	height:32px;
	background: url('../images/header/menu/home.png') no-repeat;
	}
#home-on, #home-off:hover{
	width:64px;
	height:36px;
	background: url('../images/header/menu/home.png') no-repeat 0 -36px;
	}
	
	#all-off{
	width:64px;
	height:32px;
	background: url('../images/header/menu/all.png') no-repeat;
	}
	#all-on, #all-off:hover{
	width:64px;
	height:36px;
	background: url('../images/header/menu/all.png') no-repeat 0 -36px;
	}
	
	#web-off{
	width:64px;
	height:32px;
	background: url('../images/header/menu/web.png') no-repeat;
	}
	#web-on, #web-off:hover{
	width:64px;
	height:36px;
	background: url('../images/header/menu/web.png') no-repeat 0 -36px;
	}	
	
	#print-off{
	width:64px;
	height:32px;
	background: url('../images/header/menu/print.png') no-repeat;
	}
	#print-on, #print-off:hover{
	width:64px;
	height:36px;
	background: url('../images/header/menu/print.png') no-repeat 0 -36px;
	}	
	
	#events-off{
	width:64px;
	height:32px;
	background: url('../images/header/menu/events.png') no-repeat;
	}
	#events-on, #events-off:hover{
	width:64px;
	height:36px;
	background: url('../images/header/menu/events.png') no-repeat 0 -36px;
	}		
		
#about-off{
	width:64px;
	height:32px;
	background: url('../images/header/menu/about.png') no-repeat;
	}
#about-on, #about-off:hover{
	width:64px;
	height:36px;
	background: url('../images/header/menu/about.png') no-repeat 0 -36px;
	}
	
#news-off{
	width:68px;
	height:32px;
	background: url('../images/header/menu/news.png') no-repeat;
	}
#news-on, #news-off:hover{
	width:68px;
	height:36px;
	background: url('../images/header/menu/news.png') no-repeat 0 -36px;
	}	
	
	
#services-off{
	width:78px;
	height:32px;
	background: url('../images/header/menu/services.png') no-repeat;
	}
#services-on, #services-off:hover{
	width:78px;
	height:36px;
	background: url('../images/header/menu/services.png') no-repeat 0 -36px;
	}
	
#showcase-off{
	width:78px;
	height:32px;
	background: url('../images/header/menu/showcase.png') no-repeat;
	}
	
#showcase-on, #showcase-off:hover{
	width:78px;
	height:36px;
	background: url('../images/header/menu/showcase.png') no-repeat 0 -36px;
	}	
	
#testimonials-off{
	width:92px;
	height:34px;
	background: url('../images/header/menu/testimonials.jpg') no-repeat;
	}
	
#testimonials-on, #testimonials-off:hover{
	width:92px;
	height:34px;
	background: url('../images/header/menu/testimonials.jpg') no-repeat 0 -34px;
	}
	
#products-off{
	width:90px;
	height:34px;
	background: url('../images/header/menu/products.jpg') no-repeat;
	}
	
#products-on, #products-off:hover{
	width:90px;
	height:34px;
	background: url('../images/header/menu/products.jpg') no-repeat 0 -34px;
	}
		
#blog-off{
	width:62px;
	height:34px;
	background: url('../images/header/menu/blog.jpg') no-repeat;
	}
#blog-on, #blog-off:hover{
	width:62px;
	height:34px;
	background: url('../images/header/menu/blog.jpg') no-repeat 0 -34px;
	}
	
#contact-off{
	width:78px;
	height:32px;
	background: url('../images/header/menu/contact.png') no-repeat;
	}
	
#contact-on, #contact-off:hover{
	width:78px;
	height:36px;
	background: url('../images/header/menu/contact.png') no-repeat 0 -36px;
	}	
	
/********************************************************************************************** Sub Menu  */
#submenu{
	width:930px;
	height:43px;
	margin: 0px auto;
	display:block;
	background: url('../images/supmenu-bg.jpg') no-repeat;
	text-align:left;
	padding:20px 30px 0 0;
	}
#submenu a{
	color:#FFF;
	text-decoration:none;
	margin-left:25px;
	font-size:18px;
	}	
	
#submenu a:hover{
	color:#5C960C;
	text-decoration:underline;
	}	
	
#submenu a:selected{
	color:#5C960C;
	text-decoration:underline;
	}		
.submenusel{
	color:#5C960C;
	font-size:23px;
}
	
.submenusel a{
	color:#5C960C;
	font-size:23px;
}	

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



	 - BANNER



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

#banner{
	position:relative;
	width:963px;
	padding:0px 47px;
	height:265px;
	margin: 0px auto;
	display:block;
	background:url(../images/banner/bg-banner.png) center top no-repeat;*/
	
	}
#banner .big{
	font-size:1.6em;
	font-family: "Myriad Pro" Tahoma, Verdana, Arial, Helvetica;	
	color:#FFF;
	padding-bottom:15px;
	display:block;
	text-shadow:#000000 4px 2px 1px;
	} 


.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 960px; /*Width of Carousel Viewer itself*/
	height: 265px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin:2px; /*margin around each panel*/
	width: 960px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}	
	
div#mySlides .description{
	position:relative;
	font-size:16px;
	color:#fff;
	padding:20px 0px 0px 0px;
	width:465px;
	height:273px;
	float:right;
	font-size:1.8em;
	font-family: "Myriad Pro" Tahoma, Verdana, Arial, Helvetica;	
	text-shadow:#000000 3px 1px 1px;

}
div#mySlides .description .readmore-bt{
	position:absolute;
	bottom:55px;
	left:0px;
	width:105px;
	height:37px;
	background:url(../images/banner/banner-bt.png) bottom no-repeat;
	}
div#mySlides .description .readmore-bt:hover{
	background:url(../images/banner/banner-bt-on.png) bottom no-repeat;
	}
	
div#mySlides .description .readmore2-bt{
	position:absolute;
	bottom:55px;
	left:125px;
	width:105px;
	height:37px;
	background:url(../images/banner/banner-bt2.png) bottom no-repeat;
	}
div#mySlides .description .readmore2-bt:hover{
	background:url(../images/banner/banner-bt2-on.png) bottom no-repeat;
	}
	
div#mySlides .description .readmore2b-bt{
	position:absolute;
	bottom:55px;
	left:0px;
	width:105px;
	height:37px;
	background:url(../images/banner/banner-bt2.png) bottom no-repeat;
	}
div#mySlides .description .readmore2b-bt:hover{
	background:url(../images/banner/banner-bt2-on.png) bottom no-repeat;
	}	
	
.contactus1-bt{
	position:absolute;
	width:155px;
	padding-left:90px;
	height:37px;
	background:url(../images/contact1.png) bottom no-repeat;
	}
	
.contactus1-bt:hover{
	background:url(../images/contact1b.png) bottom no-repeat;
	}
	
.contactus2-bt{
	position:absolute;
	width:155px;
	padding-left:90px;
	height:37px;
	background:url(../images/contact2.png) bottom no-repeat;
	}
	
.contactus2-bt:hover{
	background:url(../images/contact2b.png) bottom no-repeat;
	}
	
	.moreweb-bt{
		width:155px;
		float:right;
		height:37px;
		background:url(../images/more.png) bottom no-repeat;
		margin-right:30px;
		}
		
	.moreweb-bt:hover{
		background:url(../images/moreb.png) bottom no-repeat;
		}
		
	.back-bt{
		width:155px;
		float:left;
		height:37px;
		background:url(../images/back.png) bottom no-repeat;
		margin-left:20px;
		}
		
	.back-bt:hover{
		background:url(../images/backb.png) bottom no-repeat;
		}	
		
.contactus3-bt{
	position:absolute;
	width:155px;
	padding-left:90px;
	height:37px;
	background:url(../images/contact3.png) bottom no-repeat;
	}
	
.contactus3-bt:hover{
	background:url(../images/contact3b.png) bottom no-repeat;
	}	
	
.readmoreb-bt{
	position:absolute;
	padding-left:143px;
	margin-top:50px;
	margin-bottom:40px;
	display:block;
	width:105px;
	height:37px;
	background:url(../images/banner/banner-bt.png) bottom no-repeat;
	}
	
.readmoreb-bt:hover{
	background:url(../images/banner/banner-bt-on.png) bottom no-repeat;
	}
	
	.readmorec-bt{
	margin-top:-
	5px;
	display:block;
	float:right;
	width:105px;
	height:37px;
	background:url(../images/banner/banner-bt.png) bottom no-repeat;
	}
	
.readmorec-bt:hover{
	background:url(../images/banner/banner-bt-on.png) bottom no-repeat;
	}
	
.viewmap-bt{
	position:absolute;
	width:105px;
	height:37px;
	background:url(../images/mapbtn.png) bottom no-repeat;
	}
	
.viewmap-bt:hover{
	background:url(../images/mapbtnb.png) bottom no-repeat;
	}		
	
		
div#mySlides{

}
div#mySlides .images{
	display:block;
	width:450px;
	height:250px;
	float:left;
}


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



	 - FOOTER



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

#footer{
	width:960px;
	height:200px;
	margin: 0px auto;
	margin-top:15px;
}

.footercon{	
	float:left;
	height:180px;
	width:300px;
	margin-right:33px;
}

.footercon2{	
	float:right;
	height:180px;
	width:290px;
}



.footerlinksleft li{
	color:#cccccc;
	width:140px;
	font-size:1.2em;
	border-bottom:1px solid #19698c;
	list-style-image:url(../images/list.gif);
	list-style-position:inside;
	float:left;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:4px;
}

	.footerlinksleft li a{
		color:#cccccc;
		text-decoration:none;
	}
	
	.footerlinksleft li a:hover{
		color:#cccccc;
		text-decoration:underline;
	}
	
.footerlinksleft2 li{
	color:#cccccc;
	width:145px;
	font-size:1.2em;
	border-bottom:1px solid #19698c;
	list-style-image:url(../images/list.gif);
	list-style-position:inside;
	padding-top:8px;
	width:280px;
	padding-bottom:8px;
	padding-left:4px;
}

	.footerlinksleft2 li a{
		color:#cccccc;
		width:145px;
		font-size:1.2em;
		border-bottom:1px solid #19698c;
		list-style-image:url(../images/list.gif);
		list-style-position:inside;
		padding-top:8px;
		width:280px;
		padding-bottom:8px;
		padding-left:4px;
	}

	.footerlinksleft2 li a{
		color:#cccccc;
		list-style-position:inside;
		text-decoration:none;
	}
	
	.footerlinksleft2 li a:hover{
		color:#cccccc;
		list-style-position:inside;
		text-decoration:underline;
	}
	

/* Here is the styling for the 3 image thumbs with rollovers */
	
	.boxgrid{
	width: 280px;
	height: 185px;
	margin:0;
	float:left;
	overflow: hidden;
	position: relative;
	}
	
	.boxgrid img{
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
	}
	
	.boxcaption{
	float: left;
	position: absolute;
	background-image:url(../images/tab_over.png);
	height: 100px;
	width: 100%;
	opacity: .9;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
 	}
	
	 .captionfull .boxcaption {
	 text-align:left;
	 font-size:1.1em;
	 font-family: "Myriad Pro" Tahoma, Verdana, Arial, Helvetica;
	 color:#fff;
		top: 320px;
		left: 0x;
		padding-left: 10px;
		padding-top: 40px;
	 }
	 
	  .captionfull .boxcaption a{
	 text-align:left;
	 font-size:1.1em;
	 font-family: "Myriad Pro" Tahoma, Verdana, Arial, Helvetica;
	 color:#fff;
	 text-decoration:none;
	 }
	 
	   .heading_rollover {
	 text-align:left;
	 font-family: "Myriad Pro" Tahoma, Verdana, Arial, Helvetica;
	 font-size:1.1em;
	 color: #fff;
	 }
	 
 	.caption .boxcaption {
 	top: 170px;
 	left: 0;
	 }
	 
	 
/***********************************************************************



	 - SERVICES



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

#services_left {
	float:left;
	width: 320px;
	background-image: url(../images/bg/left_service.png);
	background-repeat: no-repeat;
	text-align: left;
	margin-top: 20px;
}


#services_middle {
	float:left;
	width: 320px;
	background-image: url(../images/bg/middle_service.png);
	background-repeat: no-repeat;
	text-align: left;
	margin-top: 20px;
}


#services_right {
	float:right;
	width: 320px;
	background-image: url(../images/bg/right_service.png);
	background-repeat: no-repeat;
	text-align: left;
	margin-top: 20px;
}

#services_box_content_left {
	width:70%;
	font-family: Arial, Helvetica, sans-serif;
	color: #7B0046;
	font-size: 12px;
	text-align: left;
	margin-top: 20px;
	padding-left: 25px;
}	


#services_box_content_middle {
	width:70%;
	font-family: Arial, Helvetica, sans-serif;
	color: #F26522;
	font-size: 12px;
	text-align: left;
	margin-top: 20px;
	padding-left: 55px;
}


#services_box_content_right {
	width:70%;
	font-family: Arial, Helvetica, sans-serif;
	color: #005E20;
	font-size: 12px;
	text-align: left;
	margin-top: 20px;
	padding-left: 75px;
}


/* Styling an unordered list in the content area on a page */
#contentfull ul {
	margin:0;
	padding: 0;
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	color: #ccc;
	font-size:12px;
}

#contentfull li {
	padding: 0 0 0 20px;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background: url(../images/bg/arrow2.png) no-repeat 0 50%;
	line-height: 30px;
	color:#333333;
}

#contentfull li a{
	margin:0;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #ccc;
}

#contentfull li a:hover {
	color:#dbdbdb;
	text-decoration: underline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

/* Styling the contact buttons on the services page */
#interested_button {
	display:block;
	padding-top: 20px;
	padding-bottom: 80px;
	padding-left: 15px;
}

#interested_button2 {
	display:block;
	padding-top: 20px;
	padding-bottom: 50px;
	padding-left: 45px;
}

#interested_button3 {
	display:block;
	padding-top: 20px;
	padding-bottom: 50px;
	padding-left: 65px;
}


/* Styling the work and subsequent pages for the thumbnails etc */
#portfolio_area {
	width:960px;
	text-align: center;
	min-height: 200px;
	margin-top: 170px;
	clear: both;
	padding-left: 20px;
}

.portfolio_thumb {
	float: left;
	height: 142px;
	width:298px;
	padding-right: 13px;
}

#portfolio_sections {
	float: left;
	height: 60px;
	width:620px;
	padding-left: 300px;
	background-image:url(../images/portfolio_sections.jpg);
	background-repeat:no-repeat;
	text-align: left;
	padding-top: 20px;
	margin-top: 20px;
}

#portfolio_sections ul, #portfolio_sections li{
	margin:0;
	padding: 0;
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	color: #969696;
	font-size:18px;
}

#portfolio_sections li a{
	font-family:Arial, Helvetica, sans-serif;
	color: #969696;
	font-size:18px;
}

#portfolio_sections li a:hover {
	font-family:Arial, Helvetica, sans-serif;
	color: #dcdcdc;
	font-size:18px;
	text-decoration:none;
}

#portfolio_sections li a.active {
	font-family:Arial, Helvetica, sans-serif;
	color: #dcdcdc;
	font-size:18px;
	text-decoration:none;
}

#inner_content_left blockquote p {
	padding-bottom: 5px;
	font-family:Arial, Helvetica, sans-serif;
	color: #a1a1a1;
	font-size:14px;
	font-style:italic;
}

#inner_content_left blockquote {
    	margin: 5px 10px 20px 0px;
	padding: 5px 5px 5px 10px;
	border-left: 3px solid #666666;
	background-color: #2f2f2f;    
}

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



	 - CONTACT FORM



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


#contactSection { 
	idth:600px; 
	padding-top:68px;
	float:left 
}

.introduction { 
	font-size:1.6em; 
	padding-bottom:30px; 
	border-bottom:1px dotted #c1c1c1; 
	color:#496206; 
	font-family: Arial, Helvetica, sans-serif 
}

.contactWrap { 
	padding:10px; 
	background:#f9f9f9; 
	border:1px solid #f0f0f0 
}

#contactForm { 
	width:590px;
	margin:0 auto;
	color:#ccc
}
#contactForm label { 
	width: 268px;
	font-size: 1.4em;
	display:block;
	color:#6B6B6B;
	padding: 8px 5px;
	margin: 0 9px 10px 2px;
	 }
		
	
#contactForm input {
	padding: 8px 5px;
	width: 268px;
	font-size: 1.4em;
	margin: 0 9px 10px 2px;
	border: 1px solid #e0dfdf;
	background:url(../images/input_bg.jpg)repeat-x top left;
	font-family:Myriad Pro, Arial, sans-serif;
	color:#6B6B6B; }

#contactForm textarea {
	padding:5px;
	border: 1px solid #e0dfdf;
	width:562px;
	height:550px;
	height:85px;
	background:url(../images/textarea_bg.jpg)repeat-x top left;
	font-family:Myriad Pro, Arial, sans-serif; color:#6B6B6B; font-size: 1.4em; }

#contactForm input.submit-button { 
	display:block;
	padding:6px;
	text-indent:-9999px;
	background:url(../images/submit-trans.png)no-repeat 0 0;
	width:120px;
	border:none;
	cursor:pointer;
	margin-left:454px }

#contactForm input:hover.submit-button {
	display:block;
	text-indent:-9999px;
	background:url(../images/submit-trans.png)no-repeat 0 -29px; width:120px; border:none; cursor:pointer
}


/*====================================================== 
          Error / Success / Notice   
=======================================================*/ 
 
.notes   {background: #f0f0f0;border: 1px solid #b8b8b8;} 
.success   {background: #ccfcd1;border: 1px solid #60a400;} 
.error {background: #f9e3e3;  border: 1px solid #e79e9e;} 
.notice   {background: #fcf0cc;border: 1px solid #ecc735;} 
.notes, .notice, .success, .error  
{font-size: 100%;color:#484848;padding:10px;width:auto;margin: 0 0 20px 0px; text-align:left} 
.notes span, .notice span, .success span, .error span  
{font-weight: bold;font-size: 1.2em;padding: 2px 40px;} 
.notes p, .success p, .error p, .notice p  
{margin: 0px;padding: 0px 40px;} 


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



	 - PORTFOLIO



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

#portfolio-content{
	width:960px;
	margin:0 auto;
	clear:both;
	padding-bottom:15px;
	padding-top:15px;
	}
	
#portfolio-content .project-box{
	display: inline;
	width:289px;
	float:left;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:20px;
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 1.2em;
	font-style: normal;
	font-weight: normal;
	color: #3c3f3e;
	line-height:21px;
	}
	
#portfolio-content .project-box h2{
	color:#7B0046;
	font-size:1.8em;
	}
	
#portfolio-content .project-box a img{
	border:4px #CCC solid;
	margin-bottom:15px;
	margin-top:20px;
	float:left;
	}
	
#portfolio-content .project-box a:hover img{
	border:4px #999 solid;
	}
	
#tab1_container{
	border:4px #CCC solid;
	width:280px;
	height:186px;
	display:block;
	}

.newsbg{
	float:left;
	height:134px;
	width:264px;
	background:url(../images/news-bg.png) top left no-repeat;
	margin-right:26px;
	margin-top:25px;
	padding:15px;
}

.newscontent{
	width:264px;
	height:84px;
}

.newsbg p{

}