/*------------------------------------------------------------------
[Master Stylesheet]

Project: 			F1 Group
Version: 			1.0.3
Last change: 		21/11/2011
Author: 			Claire Perrin
------------------------------------------------------------------*/

/*General*/

*{
	margin: 0;
	padding: 0;
	list-style: none;
	}

body{
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	background: url(/assets/img/bkg2.jpg) repeat-x left top fixed #1E1B21;
	font-size: 12px;
	text-align: justify;
	}

#wrapper{
	margin: 0 auto;
	width: 990px;
	padding-top: 3px;
	}
	
a{
	color: #CCC;
	text-decoration: none;
	}
	a:hover{	text-decoration: underline;	}
	
/*Headings*/

h1, h2, h4,  h3, h5, h6{
	color: #773982;
	font-weight: normal;
	text-align: left;
	}

h1{
	font-size: 30px;
	padding-bottom: 20px;
	letter-spacing: -2px;
	}

h2{
	font-size: 25px;
	padding-bottom: 20px;
	letter-spacing: -2px;
	}
	
h2.heading{	text-align: right;	}
	
h3{
	font-size: 18px;
	padding-bottom: 10px;
	}

h4{
	font-size: 14px;
	padding-bottom: 10px;
	}
	
h5{
	font-size: 13px;
	padding-bottom: 10px;
	font-weight: bold;
	}
	
h6{
	font-size: 12px;
	padding-bottom: 10px;
	font-weight: bold;
	}

/*Header*/	
#contact_border{
	border-top: 3px solid #773A80;
	position: fixed;
	top: 0;
	z-index: 200;
	height: 3px;
	width: 990px;
	}

#contact_banner{
	background: url(/assets/img/contact_banner_bkg.png) no-repeat scroll 0 0 transparent;
	height: 30px;
	margin-left: 698px;
	padding-top: 2px;
	position: fixed;
	width: 262px;
	z-index: 200;
	}

#contact_banner p{
	width: 262px;
	margin-right: 20px;
	text-align: center;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: -1px;
	text-shadow: -2px -1px 3px #6B3375;
	}
	
#header{
	width: 931px;
	margin: 0 auto;
	}
	
#header h1{	display: none;	}

#header p.quote{
	top: 55px;
	position: relative;
	float: right;
	letter-spacing: -0.02em;
	font-size: 16px;
	text-shadow: 0 0 2px #000;
	}

#menu{
	float: right;
	font-size: 13px;
	position: relative;
	top: 10px;
	font-weight: bold;
	z-index: 100;
	margin-right: 30px;
	}
	
#header a img{	border: none;	}

#header img{
	float: left;
	width: 173px;
	height: 81px;
	margin-top: 10px; 
	}
	
.404-page #menu{
	float: right;
	font-size: 13px;
	position: relative;
	top: 10px;
	font-weight: bold;
	z-index: 100;
	margin-right: 30px;
	}	
	
#banner-404{	margin: 10px 0 20px 0;	}

#any{
	height: 54px;
	width: 264px;
	float: right;
	margin: 10px 30px 20px 0;
	background: url(/assets/img/any.png) no-repeat scroll 0 0;
	}
	#any:hover{	background: url(/assets/img/any.png) no-repeat scroll 0 -54px;	}
	
#any p{
	height: 48px;
	font-size: 35px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	padding-top: 6px
	}
	
#any p a{
	padding: 6px 96px 10px 96px;
	color: #fff;
	}
	#any p a, #any:hover p a{
		text-decoration: none;
		color: #DED5E0;
		}

/*Banner*/

#banner{
	background: url(/assets/img/banner_bkg.png) no-repeat;
	height: 180px;
	width: 990px;
	margin: 5px 0 0 0; 
	position: relative;
	z-index: 0;
	}
			
/*Layout*/

#middle{
	margin: 0 auto;
	width: 931px;
	}
	
#left_side{
	float: left;
	width: 208px;
	}
	
#right_side{
	float: right;
	width: 693px;
	margin-top: 23px;
	}
	
/*Side*/
/*Buttons*/

#buttons{
	height: 285px;
	margin-top: 10px;
	}

#buttons ul li{
	float: left;
	width: 93px;
	height: 95px;
	margin-right: 22px;
	text-align: right;
	font-size: 11px;
	}

#buttons a{
	display: block;
	height: 0;
	padding-top: 80px;
	color: #fff;
	text-decoration: none;
	}
		
#buttons ul li.f1g{					background: url(/assets/img/f1g.png) no-repeat scroll 0 0;			}
	#buttons ul li.f1g:hover{		background: url(/assets/img/f1g.png) no-repeat scroll 0 -100px;	}

#buttons ul li.help{					background: url(/assets/img/help.png) no-repeat scroll 0 0; 		}
	#buttons ul li.help:hover{	background: url(/assets/img/help.png) no-repeat scroll 0 -100px;}

#buttons ul li.sugar{			background: url(/assets/img/sugar.png) no-repeat scroll 0 0;			}
#buttons ul li.sugar:hover{	background: url(/assets/img/sugar.png) no-repeat scroll 0 -100px;	}

#buttons ul li.design{					background: url(/assets/img/design.png) no-repeat scroll 0 0;			}
	#buttons ul li.design:hover{	background: url(/assets/img/design.png) no-repeat scroll 0 -100px;	}

#buttons ul li.emitt{					background: url(/assets/img/emitt.png) no-repeat scroll 0 0;			}
	#buttons ul li.emitt:hover{	background: url(/assets/img/emitt.png) no-repeat scroll 0 -100px;	}

#buttons ul li.education{					background: url(/assets/img/education.png) no-repeat scroll 0 0;		}
	#buttons ul li.education:hover{	background: url(/assets/img/education.png) no-repeat scroll 0 -100px;}

#buttons ul li.shield{				background: url(/assets/img/shield.png) no-repeat scroll 0 0;			}
	#buttons ul li.shield:hover{	background: url(/assets/img/shield.png) no-repeat scroll 0 -100px;	}	

#buttons ul li.help,
#buttons ul li.sugar{	margin-top: 0;	}
	
#buttons ul li.sugar,
#buttons ul li.emitt,
#buttons ul li.shield{	margin-right: 0;	}	

/*Page Buttons*/

.Solutions #buttons ul li.f1g{				background: url(/assets/img/f1g.png) no-repeat scroll 0 -100px;				}
.Support #buttons ul li.help{				background: url(/assets/img/help.png) no-repeat scroll 0 -100px;			}
.Websites #buttons ul li.sugar{			background: url(/assets/img/sugar.png) no-repeat scroll 0 -100px;			}
.Build #buttons ul li.design{				background: url(/assets/img/design.png) no-repeat scroll 0 -100px;			}
.Training #buttons ul li.emitt{			background: url(/assets/img/emitt.png) no-repeat scroll 0 -100px;			}
.Education #buttons ul li.education{	background: url(/assets/img/education.png) no-repeat scroll 0 -100px;	}
.Security #buttons ul li.shield{			background: url(/assets/img/shield.png) no-repeat scroll 0 -100px;			}

/*Inpage Buttons*/

.button{
	height: 75px;
	width: 185px;
	margin-bottom: 10px;
	}
	
.button a{
	display: block;
	height: 0;
	padding-top: 75px;
	}
	
.button a span{	display: none;	}

.button.public{
	background: url(/assets/img/public-button.png) no-repeat left top;
	float: left;
	}
	.button.public:hover{	background: url(/assets/img/public-button.png) no-repeat left bottom;	}
	
.button.commercial{
	background: url(/assets/img/commercial-button.png) no-repeat left top;
	float: right;
	}
	.button.commercial:hover{	background: url(/assets/img/commercial-button.png) no-repeat left bottom;	}
	
/*Talk to Us*/
	
#talktous{
	height: 50px;
	width: 423px;
	float: left;
	background: url(/assets/img/talktous_bkg.jpg) no-repeat;
	}
	
#talktous p{
	font-size: 27px;
	letter-spacing: -2px;
	text-transform: uppercase;
	padding: 8px 9px 5px 9px;
	font-weight: bold;
	text-shadow: -2px -2px 2px #2FA694;
	}
	
/*Page Sub Menu*/

#page_submenu {	margin-top:  23px;	}

#page_submenu ul li{
	background: url(/assets/img/sub-menu-bkg.png) no-repeat;
	padding: 7px 7px;
	margin-bottom: 3px;
	text-align: left;
	}
	
#page_submenu ul li a{
	color: #333;
	font-weight: bold;
	}
	
#page_submenu ul li:hover,
#page_submenu ul li.current,
#page_submenu ul li.current_parent{
	background: url(/assets/img/sub-menu-bkg-hover.png) no-repeat;
	cursor: pointer;
	}
	
#page_submenu ul li.current.parent,
#page_submenu ul li.current_parent{	padding-bottom: 0;	}
	
#page_submenu ul li:hover a,
#page_submenu ul li.current a,
#page_submenu ul li.current_parent a{	color: #fff;	}
	#page_submenu ul li a:hover{	text-decoration: none;	}

#page_submenu ul li ul{	margin-top: 10px;	}
	
#page_submenu ul li.current ul li a,
#page_submenu ul li.current_parent ul li a{	color: #333;}

	#page_submenu ul li.current ul li:hover a,
	#page_submenu ul li.current_parent ul li:hover a,
	#page_submenu ul li.current ul li.current a,
	#page_submenu ul li.current_parent ul li.current a{	color: #FFF;	}

#page_submenu ul li ul li{
	background: url(/assets/img/sub-sub-menu-bkg.png) no-repeat;
	width: 185px;
	}
	#page_submenu ul li ul li:hover,
	#page_submenu ul li ul li.current{	background: url(/assets/img/sub-sub-menu-bkg-hover.png) no-repeat;	}

/*Archive*/

.archive{	margin-top: 23px;	}

.archive ul li{
	height: 175px;
	width: 208px;
	text-align: right;
	font-size: 25px;
	font-weight: bold;
	letter-spacing: -2px;
	margin-bottom: 20px;
	}
	
.archive ul li a{	color: #fff;	}
	
.archive ul li ul{
	position: relative;
	background: url(/assets/img/archive.png) no-repeat;
	width: 208px;
	height: 126px;
	margin-top: 20px;
	}
	
.archive ul li ul li{
	position: absolute;
	height: 20px;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0;
	text-transform: uppercase;
	padding: 5px;
	width: 57px;
	margin-bottom: 0;
	}
	.archive ul li ul li:hover{
		background: url(/assets/img/archive_hover.png) no-repeat;
		cursor: pointer;
		}
	
.archive ul li ul li a{ color: #ccc;	}
	.archive ul li ul li a:hover,
	.archive ul li ul li:hover a{ color: #fff; text-decoration: none;	}
	
.archive ul li ul li.m01{	top: 0; left: 0;}
.archive ul li ul li.m02{	top: 0; left: 69px;}
.archive ul li ul li.m03{	top: 0; left: 140px;}
.archive ul li ul li.m04{	top: 32px; left: 0;}
.archive ul li ul li.m05{	top: 32px; left: 69px;}
.archive ul li ul li.m06{	top: 32px; left: 140px;}
.archive ul li ul li.m07{	top: 64px; left: 0;}
.archive ul li ul li.m08{	top: 64px; left: 69px;}
.archive ul li ul li.m09{	top: 64px; left: 140px;}
.archive ul li ul li.m10{	top: 96px; left: 0;}
.archive ul li ul li.m11{	top: 96px; left: 69px;}
.archive ul li ul li.m12{	top: 96px; left: 140px;}

/*Breadcrumbs*/

#breadcrumbs{
	float: right;
	height: 30px;
	margin-bottom: 20px;
	}

#breadcrumbs li{
	float: left;
	padding: 7px 5px 5px 22px;
	height: 20px;
	background: url(/assets/img/bread.png) no-repeat;
	}

#breadcrumbs li.bread_home{
	background: url(/assets/img/bread_home.png) no-repeat scroll 0 0 ;
	width: 22px;
	padding: 5px;
	}
	
#breadcrumbs li.bread_home:hover{
	background: url(/assets/img/bread_home.png) no-repeat scroll 0 -29px;
	cursor: pointer;
	}
	
#breadcrumbs li.home,
#breadcrumbs li.bread_home span{	display: none;	}

#breadcrumbs li.current{	background: url(/assets/img/bread_current.png) no-repeat scroll 0 0 ;	}

#breadcrumbs li.end{
	background: url(/assets/img/bread_current_end.png) no-repeat scroll 0 0 ;
	width: 7px;
	padding: 0;
	height: 29px;
	}

#breadcrumbs li a{	font-weight: bold;	}
	#breadcrumbs li a:hover{
		text-decoration: none;
		color: #773982;
		}

/*Content*/
.content_top{
	background: url(/assets/img/content_top.png) no-repeat;
	height: 11px;
	width: 100%;
	clear: both;
	}
	
.content_bottom{
	background: url(/assets/img/content_bottom.png) no-repeat;
	height: 11px;
	}

.content{
	background: #fff;
	color: #333;
	padding: 9px 20px 0 20px;
	}
	
.content p{
	padding-bottom: 20px;
	line-height: 18px;
	}

.content a{
	color: #773982;
	font-weight: bold;
	text-decoration: underline;
	}
	.content a:hover{
		color: #666;
		text-decoration: none;
		}
		
.content ul,
.content ol{
	margin: 0 0 0 30px;
	padding: 0 20px 20px 20px;
	}

.content ul li{
	list-style: disc outside url(/assets/img/list_item.png);
	padding-bottom: 5px;
	}
	
.content ol li{
	list-style: decimal outside;
	padding-bottom: 5px;
	}
	
.content hr{
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #DDD;
	border-left: none;
	margin-bottom: 20px;
	}
	
	.content a:hover img,
	.content p a:hover img{	text-decoration: none;	}
	
.content img{
	padding: 2px;
	border: 1px solid #666;
	margin: 10px;
	}
	
.content img.left{
	float: left;
	padding: 5px;
	margin: 0 10px 10px 0;
	border: 1px solid #aaa;
	}

.content img.right{
	float: right;
	padding: 5px;
	margin: 0 0 10px 10px;
	border: 1px solid #aaa;
	}
	
.content a img:hover{	border: 1px solid #773982;	}
	
.content img.no-border,
.content a img.no-border:hover{	border: none;	}

.content img.pad-mar{
	margin: 0 0  10px 0;
	padding: 0;
	}

.content h1 a,
.content h2 a,
.content h3 a,
.content h4 a{	font-weight: normal;	}
	
.hide{	display: none;	}
	
/*Education Template Page (69)*/

.Education #content_top{	background: url(/assets/img/content_top_edu.png) no-repeat;	}

.Education .content{
	background: url(/assets/img/content_edu.png) no-repeat left bottom #E3F1F2;
	padding-bottom: 20px;
	}	
	
.Education #content_bottom{	background: url(/assets/img/content_bottom_edu.png) no-repeat;	}

.Education .content h2.title{	display: none;	}

.Education .heading{
	border: none;
	float: right;
	}

/*Solutions Template Page (64)*/	
	
.solutions{
	clear: both;
	color: #333333;
	}
	
.solutions ul li{
	background: url(/assets/img/sol-li-bkg.png) no-repeat;
	padding: 20px 20px 0 20px;
	}
	
.solutions ul li h3{	color: #333333;	}
	
.solutions ul li.bottom{
	background: url(/assets/img/sol-li-bot-bkg.png) no-repeat;
	height: 14px;
	padding: 0;
	margin-bottom: 20px;
	}
	
.solutions ul li p{	padding-bottom: 10px;	}
	
.solutions ul li.internet{
	float: left;
	width: 427px;
	margin: 0 20px 20px 0;
	height: 188px;
	background: url(/assets/img/sol-li-internet-bkg.png) no-repeat;
	}
	
.solutions ul li h3 a{
	display: block;
	width: 650px;
	height: 25px;
	background: url(/assets/img/arrows.png) no-repeat 625px -27px;
	color: #773982;
	text-decoration: none;
	}
	
.solutions ul li.help h3 a{
	color:#5674A2;
	background: url(/assets/img/arrows.png) no-repeat 625px -54px;
	}
	
.solutions ul li.emitt h3 a{
	color:#249DBA;
	background: url(/assets/img/arrows.png) no-repeat 625px -81px;
	}

.solutions ul li.design h3 a{		
	color:#A9D305;
	background: url(/assets/img/arrows.png) no-repeat 625px -108px;
	}

.solutions ul li h3.websites a{
	color:#CC4300;
	background: url(/assets/img/arrows.png) no-repeat 625px -135px;
	}

.solutions ul li h3.transcribe a{
	color:#3366CC;
	background: url(/assets/img/arrows.png) no-repeat 625px -162px;
	}
	
.solutions ul li.alarm h3 a{
	color:#121A26;
	background: url(/assets/img/arrows.png) no-repeat 625px -189px;
	}
	
	.solutions ul li h3 a:hover{
		color:#333333;
		background: url(/assets/img/arrows.png) no-repeat 625px 0;
		text-decoration: none;
		}

.solutions ul li ul{
	margin-left: 30px;
	padding: 10px 20px 0 20px;
	}
	
.solutions ul li ul li{
	padding: 0;
	margin-bottom: 5px;
	background: none;
	list-style: disc outside url(/assets/img/list_item.png);
	}
	
.solutions ul li a{
	color: #773982;
	text-decoration: underline;
	}
	.solutions ul li a:hover{
		color: #333333;
		text-decoration: none;
		}
	
/*News*/

.news h2{	color: #fff;	}

.news h2 em{
	font-style: normal;
	text-transform: uppercase;
	}
	
.news ul li{
	width: 653px;
	background: url(/assets/img/news_item.png) no-repeat left bottom;
	padding: 20px;
	border-top: 1px solid #09080A;
	margin-bottom: 20px;
	text-align: right;
	}	
	.news ul li:hover{
		background: url(/assets/img/news_item_hover.png) no-repeat left bottom;
		cursor: pointer;
		}
	
.news ul li .date{
	color: #773982;
	font-weight: bold;
	padding-bottom: 10px;
	}
	
.news ul li .title{
	color: #CCCCCC;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	}	
	.news ul li:hover .title{	
		text-decoration: none;
		color: #773982;
		}
	
.news ul li .preview{
	padding-top: 10px;
	text-align: justify;
	}

.content h2.news-heading{	float: right;	}
		
.content p.date{
	font-size: 15px;
	font-weight: bold;
	text-align: right;
	text-transform: uppercase;
	float: left;
	padding: 10px 5px 20px 0;
	}
	
/*Logos*/
ul.logos{
	height: 88px;
	margin: 20px 0;
	}
	
ul.logos li{	
	float: left;
	margin-right: 42px;
	}
	
ul.logos li.netgear{				background: url(/assets/img/netgear.png) no-repeat scroll 0 4px; height: 50px; width: 129px;	}
	ul.logos li.netgear:hover{	background: url(/assets/img/netgear.png) no-repeat scroll 0 -46px;	}
	
ul.logos li.eset{				background: url(/assets/img/eset.png) no-repeat scroll 0 0; height: 50px; width: 69px;	}
	ul.logos li.eset:hover{	background: url(/assets/img/eset.png) no-repeat scroll 0 -50px;	}
	
ul.logos li.microsoft{				background: url(/assets/img/microsoft.png) no-repeat scroll 0 0; height: 50px; width: 144px;	}
	ul.logos li.microsoft:hover{	background: url(/assets/img/microsoft.png) no-repeat scroll 0 -50px;	}
	
ul.logos li.oki{				background: url(/assets/img/oki.png) no-repeat scroll 0 0; height: 50px; width: 79px;	}
	ul.logos li.oki:hover{	background: url(/assets/img/oki.png) no-repeat scroll 0 -50px;	}
	
ul.logos li.lenovo{				background: url(/assets/img/lenovo.png) no-repeat scroll 0 0; height: 50px; width: 104px; margin-right: 0;	}
	ul.logos li.lenovo:hover{	background: url(/assets/img/lenovo.png) no-repeat scroll 0 -50px;	}	

ul.logos li.micro-aer{				background: url(/assets/img/micro-aer.png) no-repeat scroll 0 0; height: 50px; width: 180px;	}
	ul.logos li.micro-aer:hover{	background: url(/assets/img/micro-aer.png) no-repeat scroll 0 -50px;	}	
	
ul.logos li.fujitsu{				background: url(/assets/img/fujitsu.png) no-repeat scroll 0 0; height: 50px; width: 79px;	}
	ul.logos li.fujitsu:hover{	background: url(/assets/img/fujitsu.png) no-repeat scroll 0 -50px;	}	

ul.logos li.intel{				background: url(/assets/img/intel.png) no-repeat scroll 0 0; height: 50px; width: 61px; margin-right: 0;	}
	ul.logos li.intel:hover{	background: url(/assets/img/intel.png) no-repeat scroll 0 -50px;	}		
	
ul.logos a{	
	padding-top: 58px;
	height: 0;
	display: block;
	}
	
ul.logos a span{	display: none;	}

/*Page News*/
#page_news_top{
	background: url(/assets/img/page_news_top_bkg.png) no-repeat;
	height: 11px;
	margin-top: 20px;
	}
	
#page_news{
	background: url(/assets/img/page_news_bkg.png) repeat-y;
	width: 179px;
	padding: 5px 15px;
	position: relative;
	text-align: left;
	color: #ccc;
	}
	#page_news ul li:hover{	cursor: pointer;	}
	
#page_news_bot{
	background: url(/assets/img/page_news_bot_bkg.png) no-repeat;
	height: 11px;
	}
	
#page_news .date{
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 11px;
	font-weight: bold;
    letter-spacing: 2px;
	border-left: 1px solid #404040;
	padding: 0 10px ;
	}
	
#page_news .title{
	color: #773982;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 17px;
	letter-spacing: -1px;
	line-height: 19px;
	}
	#page_news ul li:hover .title{ color: #ccc; }
	
#page_news .preview{
	text-align: justify;
	padding: 10px 0 25px 0;
	}
	
/*ISO's*/	
	
#iso{
	background: url(/assets/img/iso.png) no-repeat;
	width: 235px;
	height: 20px;
	text-align: center;
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial;
	font-size: 15px;
	padding: 15px 0 15px 15px;
	margin-bottom: 20px;
	float: right;
	color: #ccc;
	}
	
#iso p{
	float: left;
	border-right: 1px solid #3e3e3e;
	margin: 0 1px;
	padding: 0 4px;
	}
	
#iso p.last{
	border-right: none;
	padding-right: 0;
	margin-right: 0;
	}

/*Footer*/

.website{
	background: url(/assets/img/sugarcane.png) no-repeat left top;
	height: 20px;
	width: 896px;
	margin: 0 auto;
	}
	
.website a{
	display: block;
	height: 0;
	padding-top: 20px;
	}

#footer{
	width: 100%;
	background: url(/assets/img/footer.jpg) repeat-x;
	height: 51px;
	margin-top: 20px;
	}
	
#footer p{
	text-align: center;
	width: 931px;
	margin: 0 auto;
	padding-top: 20px;
	letter-spacing: 1px;
	}
	
#footer p a{	color: #fff;	}
	#footer p a:hover{
	text-decoration: none;
	color: #773982;
	}
	
/*Other Forms*/

.client form{
	float: left;
	width: 230px;
	}

.client label{
	float: left;
	width: 80px;
	}
	
.client form div{	margin-bottom: 10px;	}

.client form .buttons{ margin-left: 80px;	}

/*Contact*/

.content.contact{
	background: none;
	padding: 0;
	}

iframe{
	border: 1px solid #666;
	margin-top: 20px;
	}
	
#contact-form{
	color: #ccc;
	float: left;
	width: 430px;
	margin-right: 23px;
	}
	
#contact-form div{	margin-bottom: 10px;	}
	
#contact-form .newsletter{	float: right;	}	

#contact-form label{
	width: 100px;
	float: left;
	margin: 5px 0 5px 3px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 15px;
	}

#contact-form .newsletter label{	width: 230px;	}
	
#contact-form input{
	width: 315px;
	height: 18px;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(/assets/img/contact_field.png) ;
	border: 1px solid #666;
	border-radius: 4px;
	border-radius: 4px; 
	color: #ccc;
	}
	
#contact-form .newsletter input{
	width: 15px;
	margin-top: 5px;
	background: none;
	border: none;
	padding: 0;
	}
	
#contact-form textarea{
	background: url(/assets/img/contact_field.png) ;
	color: #ccc;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	height: 84px;
	padding: 4px;
	width: 315px;
	border: 1px solid #666;
	-moz-border-radius: 4px;
	border-radius: 4px; 
	}

#contact-form .submitbutton{
	float: right;
	margin: 0;
	width: 175px;
	height: 40px
	}
	
#contact-form .submitbutton label{	display: none;	}

#contact-form .submitbutton input{
	background: url(/assets/img/submit.png) no-repeat scroll 0 0;
	height: 40px;
	width: 175px;
	text-transform: uppercase;
	font-size: 20px;
	border: none;
	}
	#contact-form .submitbutton input:hover{
		background: url(/assets/img/submit.png) no-repeat scroll 0 -40px;
		cursor: pointer;
		color: #DED5E0;
		}
	
.content.contact h2{	color: #ccc;	}
	
.content.contact p{		color: #fff;	}

.content.contact .info-left{
	float: left;
	width: 115px;
	}
	
.content.contact .info-left p{
	margin: 0;
	padding: 0 0 6px 0;
	font-size: 15px;
    font-weight: bold;
	text-transform: uppercase;
	color: #ccc;
	}
	
.content.contact .info-left p.address{
	margin-bottom: 76px;
	padding-bottom: 20px;
	}

.content.contact .info-right{
	width: 95px;
	float: left;
	}
	
.content.contact .info-right p{
	margin: 0 0 23px 0;
	padding: 0;
	}

.content.contact .info-right p.tel{	margin: 0 0 6px 0;	}

.content.contact .submit h2{
	text-align: left;
	color: #773982;
	font-weight: normal;
	}

/*Forms - Mailing List - Transcribe*/

#mailing-list{
	background: url(/assets/img/mailing-list-bkg.png) no-repeat;
	width: 230px;
	height: 163px;
	padding: 10px;
	float: left;
	font-size: 10px;
	text-align: left;
	color: #FFFFFF;
	margin: 0 10px 10px 0;
	}

#mailing-list h3{
	font-size: 17px;
	font-weight: normal;
	color: #FFFFFF;
	padding-bottom: 15px;
	}

#mailing-list div{
	height: 21px;
	margin-bottom: 5px;
	clear: both;
	}

#mailing-list label{
	float: left;
	width: 57px;
	padding-top: 3px;
	}
	
#mailing-list input{
	width: 159px;
	height: 15px;
	float: right;
	background: none;
	border: none;
	padding: 3px;
	font-family: inherit;
	font-size: 11px;
	overflow: hidden;
	}
	
#mailing-list p{
	float: right;
    margin-left: 25px;
    padding: 3px 3px 5px 0;
    text-align: right;
	}
	
#mailing-list .submit{
	margin: 0;
	clear: none;
	margin-top: 7px;
	}
	
#mailing-list .submit input{
	background: url(/assets/img/mailing-input-sumbit.jpg) no-repeat left top;
	width: 90px;
	height: 20px;
	font-weight: bold;
	text-transform: uppercase;
	padding-top: 0;
	color: #FFFFFF;
	}
	
#mailing-list .submit:hover input{
	background: url(/assets/img/mailing-input-sumbit.jpg) no-repeat left bottom;
	cursor: pointer;
	}

/*Forms - Apoointment - Education*/	

#appointment-form{
	width: 382px;
	margin: 0 auto;
	background: url(/assets/img/appointment-form-bkg.png) no-repeat;
	height: 275px;
	padding: 30px 20px;
	margin-top: 10px;
	}

#appointment-form  div{
	clear: both;
	margin-bottom: 10px;
	float: left;
	}
	
#appointment-form label{
	width: 100px;
	float: left;
	color: #FFFFFF;
	margin-top: 4px;
	font-weight: bold;
	font-size: 11px;
	}

#appointment-form input,
#appointment-form textarea,
#appointment-form select{
	padding: 2px;
	font-family: inherit;
	font-size: 11px;
	color: #333333;
	}
	
#appointment-form input,
#appointment-form textarea{
	border: 1px solid #CCCCCC;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px; 
	float: right;
	}
	
#appointment-form input{
	height: 17px;
	width: 275px;
	}

#appointment-form textarea{
	height: 60px;
	width: 276px;
	padding: 3px 2px;
	}

#appointment-form select{	height: 20px;	}

#appointment-form .regarding select{	width: 282px;	}
	
#appointment-form option{
	padding: 0 3px;
	text-align: left;
	}
	
#appointment-form span{
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	font-family: inherit;
	}

#appointment-form .submitbutton{
	float: right;
	width: 100px;
	}
	
#appointment-form .submitbutton label{ display: none;	}

#appointment-form .submitbutton input{ 
	width: 100px;
	height: 22px;
	background: #DDE0D5;
	font-weight: bold;
	}
	#appointment-form .submitbutton input:hover{
		cursor: pointer;
		background: #D1E0AF;
		}

/*Misc*/

.clear{	clear: both;	}

.content  p.quote{
	padding-bottom: 5px;
	width: 580px;
	padding:  15px 20px 5px 20px;
	margin: 0 auto;
	background: url(/assets/img/quote-top.png) no-repeat top left;
}

.content p.author{
	color: #00AA92;
	text-align: right;
	font-size: 15px;
	letter-spacing: -1px;
	margin: 0 auto;
	width: 580px;
	padding:  37px 20px 20px 20px;
	background: url(/assets/img/quote-bottom.png) no-repeat top left;
}

.align-right{
	float: right;
	width: 250px;
	margin-left: 20px;
	}

/*Client Login*/
	
.remote {
	float: right;
	width: 200px;
	height: 72px;
	margin: 0 0 10px 15px;
	background: url(/assets/img/support-button.png) no-repeat left top;
	}
	
.remote:hover{	background: url(/assets/img/support-button.png) no-repeat left bottom;	}
	
h3.remote-heading{	padding-bottom: 5px;	}
	
.remote a{
	display: block;
	height: 0;
	padding-top: 70px;
	}
	
.remote a span{	display: none;	}

p.note{
	margin: 20px;
	font-weight: bold;
	}

.webmail{
	width: 296px;
	float: left;
	padding: 15px 20px;
	background: url(/assets/img/webmail-bkg.png) no-repeat;
	color: #000;
	margin-bottom: 20px;
	}
	
.webmail.left{	margin-right: 21px;	}

.webmail p,
.remote-support p{
	padding-bottom: 10px;
	line-height: 18px;
	}

.webmail label,
.remote-support label{
	float: left;
	width: 80px;
	padding-top: 2px;
	}
	
.webmail input,
.remote-support input{
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
	margin-bottom: 5px;
	padding: 2px;
	font-family: inherit;
	font-size: inherit;
	width: 210px;
	-moz-border-radius: 4px;
	border-radius: 4px; 
	height: 18px;
	}

.remote-support input{	margin-right: 10px;	}
	
.webmail input.submit{
	display: block;
	width: 70px;
	margin-top: 5px;
	float: right;
	border: none;
	color: #CCCCCC;
	text-transform: uppercase;
	font-weight: bold;
	background: url(/assets/img/client-submit.png) no-repeat top left;
	height: 23px;
	}
	
.webmail input.submit:hover{
	background: url(/assets/img/client-submit.png) no-repeat bottom left;
	cursor: pointer;
	}
	
.remote-support{	clear: both;	}

.remote-support input{	width: 391px;	}

.remote-support input.submit{
	width: 155px;
	height: 23px;
	background: url(/assets/img/client-submit.png) no-repeat top right;
	border: none;
	color: #CCCCCC;
	text-transform: uppercase;
	font-weight: bold;
	float: right;
	}
	
.remote-support input.submit:hover{
	background: url(/assets/img/client-submit.png) no-repeat bottom right;
	cursor: pointer;
	}