@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
 html, body {
   height:100%;
   margin:0;
   padding:0;
}

body {
	background-color:#FFFFFF;
	background-image:url(../images/background.jpg);
	background-attachment:fixed;
	font-family: Calibri, Helvetica, Arial, sans-serif;
	font-size: 10.5pt;
	text-align:center;
	background-position: center center;
}
a { text-decoration:none; border:0; border:none;}
h2 { font-weight:normal;}
img { border:0; border:none;}
#vertical {    height:50%;   width:1px;   margin-bottom:-303px;    float:left;}


#wrapper { width:998px; margin:0 auto; text-align:left; height:606px; overflow:hidden;    clear:left;
position:relative;}

#header { height:106px; width:963px; padding:0px 20px 0px 15px}
#header .logo { float:left; }
#header .tel{ float:right; }

#main { width:980px; height:449px;   background-image:url(../images/main-bg.png); background-repeat:no-repeat; padding:25px 9px 0px 9px;}


ul#nav  {width:960px; height:30px; background-image:url(../images/nav-bg.gif); background-repeat:repeat-x; overflow:hidden; padding-left:20px; }
#nav li { float:left; display:inline; list-style:none;}
.home, a.homeon{ width:50px; height:30px; overflow:hidden; background-image:url(../images/nav-home.jpg); background-repeat:no-repeat; background-position: 0px -60px; padding-right:5px; display:block;}
.previous, a.previouson{ width:96px; height:30px; overflow:hidden; background-image:url(../images/nav-previous-work.jpg); background-repeat:no-repeat;background-position: 0px -60px; padding-right:5px; display:block;}
.clients, a.clientson{ width:76px; height:30px; overflow:hidden; background-image:url(../images/nav-our-clients.jpg);  background-repeat:no-repeat; background-position: 0px -60px; padding-right:5px; display:block;}
.services, a.serviceson{ width:86px; height:30px; overflow:hidden; background-image:url(../images/nav-our-services.jpg); background-repeat:no-repeat; background-position: 0px -60px; padding-right:5px; display:block;}
.publishing, a.publishingon{ width:109px; height:30px; overflow:hidden; background-image:url(../images/nav-online-publishing.jpg);  background-repeat:no-repeat; background-position: 0px -60px; padding-right:5px; display:block;}
.funding, a.fundingon{ width:83px; height:30px; overflow:hidden; background-image:url(../images/nav-get-funding.jpg);  background-repeat:no-repeat; background-position: 0px -60px; padding-right:5px; display:block;}
.agency, a.agencyon{ width:111px; height:30px; overflow:hidden; background-image:url(../images/nav-design-agencies.jpg);  background-repeat:no-repeat; background-position: 0px -60px; padding-right:5px; display:block;}
.videos, a.videoson{ width:86px; height:30px; overflow:hidden; background-image:url(../images/nav-online-video.jpg);  background-repeat:no-repeat; background-position: 0px -60px; padding-right:5px; display:block;}
.contact, a.contacton{ width:76px; height:30px; overflow:hidden; background-image:url(../images/nav-contact-us.jpg);  background-repeat:no-repeat; background-position: 0px -60px; display:block;}
a.home, a.previous, a.clients, a.services, a.publishing, a.funding, a.agency, a.videos, a.contact { background-position:0px 0px; display:block;}
a.home:hover, a.previous:hover, a.clients:hover, a.services:hover, a.publishing:hover, a.funding:hover, a.agency:hover,  a.videos:hover, a.contact:hover { background-position: 0px -30px;}
#nav b { line-height:10000px;}

#subnav { width:980px; height:25px; background-color:#95C83D;}
#subnav ul#homesub { height:25px; line-height:25px; font-size: 8.5pt; padding-left:30px;}
#homesub li { float:left; list-style:none; padding-right:2px;}
#homesub li a { color:#FFFFFF;}

#subnav ul#servicesub { height:25px; line-height:25px; font-size: 8.5pt; padding-left:267px;}
#servicesub  li { float:left; list-style:none; padding-right:2px;}
#servicesub  li a { color:#FFFFFF;}

#subnav ul#contactsub { height:25px; line-height:25px; font-size: 8.5pt; padding-left:769px;}
#contactsub  li { float:left; list-style:none; padding-right:2px;}
#contactsub  li a { color:#FFFFFF;}

#content { width:980px; height:355px; padding:20px 0px 15px 0px; overflow:hidden;}
#left { float:left; width:300px; padding:0px 0px 0px 20px; overflow:hidden; height:355px;}
#left a.clickhere { width:300px; height:21px; line-height:21px; background-color:#95C83D; display:block; font-size: 7.5pt; text-decoration:none; text-align:center;}
#left a.clickhere:hover { background-color:#aae04c;}
#left .slideshow3 { width:300px; height:95px; margin-bottom:2px; overflow:hidden;}
#left .slideshow1, #left .slideshow2 { width:300px;  height:95px; margin-bottom:17px; overflow:hidden;} 
.featured { padding-bottom:17px;}
#leftvideo { float:left; width:350px; padding:0px 0px 0px 10px; overflow:hidden; height:355px;}


#right { float:right; width:600px; height:355px; margin-right:20px; display:inline; }
#rightvideo {float:right; width:570px; height:355px; margin-right:20px;}
#right h1,#portfolio h1, #scroll h1, #rightvideo h1 { padding-bottom:8px;  clear:both;}
#right h2, #scroll h2, #rightvideo h2 {font-size: 18px;	font-weight: normal; line-height: 18px; padding-bottom:15px; }
#right p, #scroll p, #rightvideo p{ padding-bottom:10px; line-height:19px;}
#right a, #footer a, #scroll a, #rightvideo a{	color: #598527;}
#right a:hover, #footer a:hover, #scroll a:hover, #rightvideo a:hover {	color: #FFFFFF;	background-color: #8DC63F;}
#right .business { float:right; padding-left:16px;   display:inline;}
#right .northeast { float:right; padding-top:72px;  display:inline;}
#right .offer { float:left; padding-top:45px;  display:inline;}
#right ol, #right ul, #scroll ul{ padding-left:20px; padding-bottom:13px;}
#right ol li, #scroll ol li { margin:0; padding:0; font-weight:bold; font-style:italic;}
#right ul li, #scroll ul li { padding-bottom:13px;}
#right ul.sitemap li { padding-bottom:7px;}
#right blockquote, #scroll blockquote {font-weight:normal; font-size: 13pt;	 width:590px; font-style:normal; padding-bottom:13px; }
#right blockquote cite, #scroll cite {width:590px; display:block; font-size: 10.5pt;font-style:italic; }
#right em.small, #scroll em.small{font-size: 7.5pt;}
#right h3, #scroll h3{font-size: 10.5pt;}
#right .ourclients{ padding-right:20px; padding-bottom:25px; background-color:#FFFFFF}
#right .rourclients {padding-bottom:25px; background-color:#FFFFFF}
#right #contactform { width:580px; background-color:#E6E6E6; height:145px; padding:10px; margin-bottom:15px;}
.contactleft{ width:255px; float:left}
.contactleft p { margin:0; padding:0;}
#right #contactform .contactleft label{ display:block; width:100px; text-align:right; float:left; padding-right:8px;}
.contactright{ width:320px; float:right;}
#right #contactform .contactright label{ display:block; width:50px; text-align:right; float:left; padding-right:5px;}
#right #contactform .contactright .buttons { margin-top:5px; margin-left:55px; padding-right:5px;}
.textfields {	font-family: Calibri, Helvetica, Arial, sans-serif;	font-size: 10.5pt;	color: #000000; padding:2px;}
#right #contactform .contactright #enquiry {	width:250px; padding:2px; font-family: Calibri, Helvetica, Arial, sans-serif;	font-size: 10.5pt;}
.buttons {font-family: Calibri, Helvetica, Arial, sans-serif; font-size: 10.5pt;}
#footer { width:998px; text-align:center; color: #818181;  height:25px; font-size: 7.5pt;  }

#scroll { float:right; width:610px; height:355px; margin-right:10px; overflow:auto;}

#portfolio {overflow: auto; width: 940px; height: 355px; padding-left:20px;}
#portfolio .work { width:460px; float:left; margin-bottom:10px; height:95px;}
#portfolio .work h3 { font-size:14pt; font-weight:normal; font-style:italic; padding-top:25px;}
#portfolio .work a{ font-size:8.5pt; color: #598527; font-style:italic; }
#portfolio .work  a:hover{color: #FFFFFF;	background-color: #8DC63F;}
#portfolio .work img { margin-right:8px; float:left;}

.tvv { padding-top:15px; clear:both;}