* {margin:0px;padding:0px;;}
body 
{
        behavior:url("csshover.htc");
	margin: 0px;
	padding: 0px;
	font-family:  trebuchet ms, arial, helvetica, verdana, tahoma, sans-serif; 
	font-size: 11px;
	background-color: #F2F1E8;
	color: #818181;
	text-align:center;
}

img
{
	margin:0px;
	padding: 0px;
	border: 0px;
}

em
font{
	font-weight:bold;
	font-size: 14px;
}

.pagecont
{
	width: 985px;
	background-color: #F2F1E8;
	border-left: solid 1px #a0a0a0;
	border-right: solid 1px #a0a0a0;
	margin:auto;
}

.siteheader
{
	text-align:right;
	width: 970px;
	height: 25px;
}

.siteheader ul
{
	list-style-type:none;
}

.siteheader li
{
	display: inline;
	margin-left:20px;
}

.siteheader a
{
	text-decoration: none;
	font-size:11px;
	color: #eeeeee;
	font-family: arial, trebuchet ms, tahoma, verdana, sans-serif;
}

.contentarea
{
	background: url(images/rhbg.jpg);


}


.content-container
{
	width: 985px;
	margin-left:0px;
	text-align:left;
}


.section
{
	margin-left:20px;
	width: 940px;
	padding-top: 15px;
	font-size: 13px;
}

.upper-section
{
	width:950px;
	margin-left: 20px;
	padding-top: 18px;
	padding-bottom: 10px;
}


.homepage-headline-container
{
	width:100%;
	height: 250px;
}




#banner-section
{
	position: absolute;
	left:0px;
	width:100%;
	top:100px;
	z-index: 2;
}

#intro-section
{
	margin-top:340px;
}




.banner-block
{
	z-index: 3;
	width:949px;
	background: url(images/boxbg.jpg) 8px 8px no-repeat #f9f9f9;
	border:solid 1px #cccccc;
	position: absolute;
	top: 65px;
	left: 50%;
	margin-left:-475px;
	height: 323px;
	text-align:left;
}



.banneritem
{
	height:323px;
}

#banner-content
{
	margin-left:7px;
	margin-top: 7px;
	
	height: 309px;

}

.banner-content-text
{
	background: #000000;
	opacity:0.7;
	filter:alpha(opacity=70);
	
	color: #ffffff;
	position:absolute;
	right:8px;
	bottom: 18px;

}

.banner-content-text-none
{
	background: #000000;
	opacity:0;
	filter:alpha(opacity=0);
	
	color: #ffffff;
	position:absolute;
	right:8px;
	bottom: 18px;

}



.banner-content-text h2
{
	font-size: 13px;
	font-weight: normal;
}

.banner-content-text p
{
	font-size: 11px;	
	text-align: left;
}

.banner-content-header
{
	font-size: 13px;
	font-weight: normal;
}

.bannertext-textbox
{
	width: 420px;
	
	padding:8px;
}

.banner-content-text a
{
	color: #ffffff;
	font-size: 11px;
	text-decoration: none;
}


#footer-section
{
	width:100%;
	background: url(images/redbg.jpg);
	text-align:left;
}

.footer-container
{
	width: 940px;
	margin: auto;
	margin-top:10px;
	margin-left:20px;
	margin-right:20px;
}

.footer-container ul
{
	
}

.footer-container li
{
	color: #dddddd;
	margin-bottom:10px;
	cursor: pointer;
}

.footer-container li:hover
{
	background-color: #dddddd;
	color: #a1a1a1;
}

.footer-container h3
{
	color: #e3e3e3;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 10px;
}
	

.footer-block
{
	float: left;
	width:170px;
	margin-left: 15px;
	margin-top: 15px;
}

.footer-block ul
{
	list-style-type: none;
}

.footer-block a
{
	color: #e5e5e5;
	text-decoration: none;
}

.footer-block a:hover
{
	color: #a1a1a1;
}

	


.biglink
{
	font-family: trebuchet ms, arial, verdana, tahoma, sans-serif;
	text-decoration: none;
	color: #414141;
}

.biglink:hover
{
}

.client-summary h2
{
	font-size: 14px;
	font-family: trebuchet ms, arial, verdana, tahoma, sans-serif;
	font-weight: normal;
	margin-bottom: 8px;
}

.client-summary ul
{
	list-style-type: none;
}

.client-summary li
{
	display: inline;
	margin-right: 10px;
}





.pagenav
{
	position: absolute;	
	top: 14px;
	left: 10px;

}

.pagenav ul
{
	list-style-type: none;
}

.pagenav li
{
	display: inline;
	margin-right: 3px;
}

.bannernavlink
{
	padding:3px;
	opacity:0.7;
	filter:alpha(opacity=70);

	background: #ffffff;
	color: #000000;
	border: solid 1px #dddddd;
	cursor:pointer;
}

.bannernavlink:hover
{
	background: #dddddd;
	
}


.service-overview
{
	float: left;
	width: 465px;
	height: 100px;
	margin-right: 10px;
	margin-bottom: 15px;
	cursor:pointer;
}

.service-overview h2
{
	font-size: 20px
}

.service-overview h2 a
{
	color: #818181;
	text-decoration: none;
}

.service-overview-text
{	
	float: left;
	width: 355px;
	padding-left:90px;
}

.service-thumbnail
{
	float: left;
	width: 100px;
	margin-right: 10px;
}
	

.summary
{
	color: #ffffff;
}

.summary h1
{
	padding-top: 50px;
	font-size: 12px;
	font-weight: normal;
}

.summary p
{

}

.summarycontent
{
	margin-left: 25px;
}

#summary-web
{
	background: url(images/tab-web.jpg) no-repeat;
	width:	397px;
	height: 154px;
}

#summary-graphics
{
	background: url(images/tab-graphics.jpg) no-repeat;
	width:	397px;
	height: 154px;
}

#summary-opt
{
	background: url(images/tab-opt.jpg) no-repeat;
	width:	397px;
	height: 154px;
}

#summary-sys
{
	background: url(images/tab-sys.jpg) no-repeat;
	width:	397px;
	height: 154px;
}

.summarybuttons
{
	position: absolute;
	margin-top: 8px;
}

.summarybuttons ul
{
	margin-left:8px;
	list-style-type: none;
}

.summarybuttons li
{
	display: inline;
	opacity:0;
	filter:alpha(opacity=0);
	cursor: pointer;
}

.summarybuttons img
{
	opacity:0;
	filter:alpha(opacity=0);
}

.summarylist ul
{
	list-style-type: none;
	margin-top: 8px;
}

.summarylist a
{
	text-decoration: none;
	color: #dddddd;
}

.summarylist a:hover
{
	color: #ffffff;
}	


.inline-content-box
{
	width:230px;
	background-color: #f5f5f5;
	border:solid 1px #dddddd;
	margin-left:5px;
	float:left;
}

.inline-content-box ul
{
	margin-left:14px;
	padding:0px;
	text-indent:0px;
}



.inline-content-text p
{
	color:#919191;
}

.inline-content-text
{
	padding:4px;
}

.footer-container li
{
	margin-bottom: 2px;
}


.in-page-links
{
	position: absolute;
	right: 8px;
	bottom: 100px;
	opacity:0;
	filter:alpha(opacity=0);
}

.in-page-links ul
{
	list-style-type: none;
	padding:0px;
	margin:0px;
}

.in-page-links li
{
	margin-bottom: 1px;
	width: 233px;
	cursor: pointer;
}

.linkbox
{
	background:url(images/white-right.png) 3px 4px no-repeat;
	
}

.in-page-links a
{
	font-size: 15px;
	text-decoration: none;
	color: #ffffff;
	padding: 8px;
	margin-left: 10px;
}

.morelink
{
	text-align:right;
}

.morelink a
{
	text-decoration: none;
}




.inline-content-box li
{
	padding: 3px;
	margin-bottom: 2px;
}

.inline-content-box a
{
	color: #eeeeee;
	text-decoration: none;
}


.introduction
{
	margin-left: 45px;
	margin-bottom:25px;
}

.introduction h2
{
	font-size: 24px;
	font-weight: normal;
}

.introduction p 
{
	margin-top: 16px;
	font-size: 16px;
}

.in-page-scenarios
{	
	background: #ffffff;
	padding:8px;
	height:225px;
}


.scene
{
	float: left;
	width: 303px;
	margin-right: 12px;
}

.scenario
{
	border: solid 1px #000000;
}

.scenariotext
{
	background: #ffffff;
	padding:3px;
	width: 289px;
	margin-left:3px;
	color: #000000;
	opacity:0.7;
	filter:alpha(opacity=70);
	margin-top: 150px;
}

.scenariotext p
{
	
}

.inline-content-box ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
}

.currentwork h3, .recentwork h3
{
	font-size: 14px;
	margin-top: 8px;
}

.standard .homepage-headline-container
{
	background: url(images/redbg.jpg) 0px 2px repeat-x #f2f2f2;
	border-top: solid 1px #d2d2d2;
	border-bottom: solid 1px #d2d2d2;
}

.standard .contentarea
{

}

.standard .footer-container
{
	border-top: solid 1px #820113;
}

.standard .footer-container li
{
	color: #ffffff;
}



.standard .morelink a
{
	color: #820113;
}



.standard .cprompt
{
	color: #820113;
}


.standard .footer-block a
{
	color: #ffffff;
}

.standard #footer-section
{
	background: url(images/redbg.jpg);
}

.standard .footer-block h3
{
	font-weight: bold;
}

.standard .footer-block a
{
	padding: 2px;
}


.website-design .homepage-headline-container
{
	background: url(images/greenbg.jpg) 0px 2px repeat-x #f2f2f2;
	border-top: solid 1px #d2d2d2;
	border-bottom: solid 1px #d2d2d2;
}


.website-design .morelink a
{
	color: #279800;
}

.website-design a
{
	color: #279800;
	text-decoration: none;
}

.website-design .cprompt
{
	color: #279800;
}


.website-design .in-page-link
{
	background-color: #279800;
	border: solid 1px #1F7800;
}

.website-design .in-page-link:hover
{
	background-color: #1F7800;
}

.website-design .currentwork, .website-design .recentwork
{

}

.website-design .currentwork img
{
	border: solid 1px #279800;
}

.website-design .currentwork h3, .website-design .recentwork h3
{
	color: #279800;
}


.website-design #footer-section
{
	border-top: dashed 1px #279800;
	background: url(images/greenbg.jpg);

}

.website-design .footer-block h3
{
	color: #eeeeee;
	font-weight: bold;
}

.website-design .footer-block a
{
	color: #eeeeee;
	padding: 2px;
}


.inline-content-box .website-design li
{
	background-color: #eeeeee;
	border: solid 1px #1F7800;
	cursor: pointer;
}

.inline-content-box .website-design li:hover
{
	background-color: #1F7800;
}



.graphicdesign .homepage-headline-container
{
	background: url(images/bluebg.jpg) 0px 2px repeat-x #f2f2f2;
	border: solid 1px #d2d2d2;
}

.inline-content-box .graphicdesign li
{
	background-color: #007298;
	border: solid 1px #005A78;
	cursor: pointer;
}


.graphicdesign .quicklinks a
{
	color: #006B8D;
	text-decoration: none;
}

.graphicdesign .section a
{
	color: #006B8D;
	text-decoration: none;	
}


.graphicdesign .cprompt
{
	color: #006B8D;
}

.inline-content-box .graphicdesign li:hover
{
	background-color: #005A78;
}

.graphicdesign #footer-section
{
	border-top: dashed 1px #279800;
	background: url(images/bluebg.jpg);

}



.development .homepage-headline-container
{
	background: url(images/purplebg.jpg) 0px 2px repeat-x #f2f2f2;
	border: solid 1px #d2d2d2;
}

.development #footer-section
{
	background: url(images/purplebg.jpg);
}

.development .footer-block h3
{
	font-weight: bold;
}

.development .footer-block a
{
	padding: 2px;
}

.inline-content-box .development li
{
	background-color: #8E016E;
	border: solid 1px #78015C;
	cursor: pointer;
}

.inline-content-box .development li:hover
{
	background-color: #78015C;
}


.development .morelink a
{
	color: #830165;
}



.development .cprompt
{
	color: #830165;
}



.optimisation .homepage-headline-container
{
	background: url(images/aquabg.jpg) 0px 2px repeat-x #f2f2f2;
	border: solid 1px #d2d2d2;
}


.optimisation #footer-section
{
	border-top: dashed 1px #279800;
	background: url(images/aquabg.jpg);
}

.optimisation .quicklinks a
{
	color: #00987D;
	text-decoration: none;
}

.optimisation .morelink a
{
	color: #009276;
}



.optimisation .cprompt
{
	color: #009276;
}



.inline-content-box .optimisation li
{
	background-color: #00987D;
	border: solid 1px #007862;
	cursor: pointer;
}

.inline-content-box .optimisation li:hover
{
	background-color: #007862;
}



.minioverview
{
	float:left;
	width:285px;
	height:55px;
	margin-right:20px;
}

.minioverview-text
{
	margin-left: 55px;
	margin-top: 15px;
	font-size:16px
}

.breadcrumbs
{
	margin-top: 0px;
	padding-top: 0px;
	padding:4px;
	margin-left: 43px;
	width: 915px;
}

.breadcrumbs .crumb
{
	float:left;
	margin-right: 10px;
}

.crumb ul
{
	margin-left: 15px;
	list-style-type: none;
	display:none;
	
}

.crumb li
{
	font-size: 10px;
}

.crumb a
{
	text-decoration: none;
}

.crumb a:hover
{
	text-decoration: underline;
}

.block
{
	margin-top: 20px;
	margin-left: 45px;
	margin-right: 45px;
}

.block h2
{
	margin-bottom: 15px;
}

.projectitem
{
	cursor: pointer;
}

div.projectimages
{
	display:none;
}

.seo_heading
{
	text-indent: -10000px;
	font-size: 1px;
}

.page_content
{
	margin-left: 45px;
	font-size: 13px;
}

.page_content h2
{
	margin-bottom: 5px;
	font-size: 16px;
}

.cms_modules ul
{
	list-style-type: none;
}

.cms_modules li
{
	margin-bottom: 10px;
}

.left_column
{
	width: 435px;
	float: left;
}

.right_column
{
	width: 435px;
	float: left;
	margin-left: 25px;
}

.site_nav
{
	font-size: 1px;
	text-indent: -10000px;
}

.bulleted ul
{
	list-style-type: square;
	margin-top: 5px;
	margin-left: 20px;
	text-indent: 10px;
}


div#fadebox
{
        opacity: 0.0; 
        filter:alpha(opacity=00);
        -moz-opacity:.0;
        display: none; 
        background-color: #FFFFFF; 
        width: 100%; 
        height: 100%; 
        position: absolute; 
        top: 0px; 
        left: 0px;
        z-index:4;
        text-align:left;
        
        color:black;
}

div#gallerybox
{
        border:1px solid #CCCCCC;
        display: none; 
        position: absolute; 
        top: 0px; 
        left: 0px; 
        z-index:5;
        background-color:white;
        text-align:left;
        font-size:10px;
}

div#galleryimghold
{
        position:absolute;
        margin-top:20px;
	padding:1px;
}
div#galleryimghold #galleryimg
{
	margin-left:30px;
	border:solid 1px #aaaaaa;
}
div#closezoomwindow
{
        margin-top:20px;
        text-align:right;
}
div#zoomimageoperate
{
        visibility: hidden;;
        position:absolute;
        width:100%;
}
div#zoomimageoperate a, div#zoomimageclose a
{
	padding:0.5em;
	color:#818181;
	text-decoration:none;
	font-family: inherit;
}

div#loadingbox
{
        display: none; 
        position: absolute; 
        top: 0px; 
        left: 0px; 
        text-align: center;
        color:#818181;
        z-index:6;
        font-family: inherit;
}
div#loadingbox img
{
        margin-bottom:7px;
}
div#zoomimageclose
{
	float:right;
	margin-top:10px;
	margin-right:20px;
}

div#zoomcategorytitle
{
	text-align:left;
        padding-left:10px;
        padding-right:120px;
        padding-top:10px;
        font-weight:bold;
        font-size:13px;
        
}
div#zoomcategorydesc
{
	text-align:left;
        padding-left:10px;
        padding-right:120px;
        display:none;
}
div#loadingbox div
{
        text-align:center;
}
div#zoomimageoptions
{
        font-family: verdana;
        position:absolute;
        z-index:6;
	width:93%;
	margin-left:20px;
}
div#zoomimagetitle
{
        text-align:left;
        padding-left:120px;
        padding-right:120px;
        padding-top:10px;
        font-weight:bold;
        display:none;
}
div#zoomimagedesc
{
	text-align:left;
	padding-left:120px;
        padding-right:120px;
        padding-bottom:10px;
        display:none;
}
div#zoomprojectprev
{
	float:left;
}
div#zoomprojectnext
{
	float:right;
}

div#zoomimagenext, div#zoomimageprev
{
	position:absolute;
	background-color:white;
	font-size:13px;
	display:none;
	
}
 
div#zoomimagenext a, div#zoomimageprev a
{
	color:#818181;
	text-decoration:none;
	font-family: inherit;
}

div#zoomimageprev
{
	left:10px;
        margin-top:50px;
}

div#zoomimagenext
{	
	margin-top:50px;
	right:10px;
}

div#fancy_bg 
{
	display: none;
}
	
div.fancy_bg 
{
	position: absolute;
	display: block;
	z-index: 5;
}
div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url(images/shadow/shadow_n.png) repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(images/shadow/shadow_ne.png) no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(images/shadow/shadow_e.png) repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(images/shadow/shadow_se.png) no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url(images/shadow/shadow_s.png) repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(images/shadow/shadow_sw.png) no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(images/shadow/shadow_w.png) repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(images/shadow/shadow_nw.png) no-repeat;
}

div#captionheader, div#captionfooter
{
        padding:5px;
        color:#575b64;
        font-family: verdana;
        font-size:10px;
        text-align:right;
}        

.contact
{
	text-align:left;
}

.case_study p
{
	margin-top: 5px;
}

.case_study .intro
{
	font-weight: bold;
}

.quicklinks
{
	margin-top: 30px;
}

.contact-box
{
	border-top: solid 1px #c5c5c5;
	margin-top: 30px;
}

#contact-prompt
{
	cursor: pointer;
	text-align: center;
	padding: 4px;
}


#contact-prompt h3
{
	font-size: 14px;
	font-weight: normal;
}

.contact label
{
	display:block;	
	width: 120px;		
	margin-top: 8px;
	font-weight: bold;
}

.contact .lh
{
	float: left;
	width: 200px;
	
}

.contact .rh
{
	float: left;
	width: 200px;
}

.contact input, .contact select
{
	width: 180px;;
	font-size: 11px;
	padding: 3px;
	margin-bottom: 2px;
}


textarea
{
	font-family: trebuchet ms,arial,helvetica,verdana,tahoma,sans-serif;
	font-size: 11px;
}
.tick
{
	display:inline !important;
	font-weight: normal !important;
}

.advice
{
	font-style: italic;
	font-size: 10px;
}

.error
{
	color: #ff0000;
}

#galleryimg
{

}

.contactdetails
{
	padding: 4px;
	width: 100%;
}

.contactdetails th
{	
	font-weight: bold;
	text-align: right;
	font-size: 12px;
	padding: 4px;
	vertical-align:top;
}

.contactdetails td
{
	font-size: 12px;
	padding: 4px;
	vertical-align:top;
}

fieldset
{
	padding:8px;
	border: solid 1px #d5d5d5;
}

legend
{
	font-size: 14px;
}


.aboutus fieldset
{
	height: 250px;
}

.aboutus p
{
	font-size: 11px;
	margin-bottom: 10px;
}

.aboutus em
{
	font-size: 11px;
	font-weight: normal;
}

.right_column ul
{	
	margin-left: 30px;
}

.testimonial em
{
	font-weight: normal;
	font-size: 11px;
}

#thebanners
{
	cursor: pointer;
}

.portfolioprojects
{
	width:960px;
	padding-top: 4px;
	margin-top: 30px;
}

.portfolioprojectscontainer
{
	width: 960px;
}

.portfolioproject
{
	width: 303px;
	padding:5px;
	padding-bottom: 18px;
	cursor: pointer;
	float: left;

}

.portfolioproject:hover
{
	background:#111111;
	opacity:0.5;
	filter:alpha(opacity=50);

}

.portfolioproject h3
{
	font-size:12px;
}

.portfolioproject p
{
	font-size:11px;
}

.portfoliocontrols
{
	padding-bottom: 4px;
	padding-top: 4px;
	margin-top: 4px;
	border-bottom: solid 1px #dddddd;
	border-top: solid 1px #dddddd;
}

.portfolio_details
{

}

.portfolio_details h3
{
	font-size: 18px;
	font-weight: normal;
}

.portfolio_details p
{
	font-size: 14px;
	color: #
}


.main_portfolio_container
{
	background:#020202;
	overflow:hidden;
	height: 313px;	
	padding: 10px;
	padding-left:19px;
	padding-top:9px;
	background:url(images/portwinbg.png) no-repeat;
}


.main_portfolio_bounds
{
	height: 278px;
}

.portfolio_text
{
	margin-top: 10px;
	width: 600px;
	margin-left:15px;
}

.portfolio_text h3
{
	color: #aaaaaa;
}

.portfolio_text p
{
	margin-bottom: 8px;
	color: #999999;
}

.portfolio_text .intro
{
	font-weight: bold;
	color: #aaaaaa;
}

.proj_main_image
{
	float:left;
	margin-right:2px;
}

.portfolio_main_box
{
	/*width:10000px;*/
}



.contentareablank
{
	background:#000000;
}

.portfolio
{
	background:url(images/portfoliobg.jpg) repeat-y #222222;
}

.pagecontblank
{
	background-color: #222222;
	border:0px;
	width: 985px;
	margin:auto;

}


legend
{
	color: #818181;
}

.portmenu 
{
	margin-left: 25px;
}

.portmenu ul
{
	list-style-type: none;
}

.portmenu li
{
	display: inline;
}

.foundations-title
{
	font-style:italic;
	font-family: trebuchet ms, arial, verdana, tahoma, sans-serif;
	color: #D42699;
}

.foundationspro-title
{
	font-style:italic;
	font-family: trebuchet ms, arial, verdana, tahoma, sans-serif;
	color: #1E68A1;
}

.foundations-box
{
	background-color: #d42699;
	padding: 10px;
	color: #dddddd;
	margin-top: 15px;
}

.foundationspro-box
{
	background-color: #1e68a1;
	padding: 10px;
	color: #dddddd;
	margin-top: 15px;
}

.foundations-quote-box, .quote-box
{
}

.foundationspro-box .foundationspro-title
{
	color:#ffffff;
}

.foundations-box .foundations-title
{
	color: #ffffff;
}

.foundations-box a
{
	color: #cccccc;
}

.foundations-box a:hover
{
	color: #ffffff;
}


#footer-section_website-startup-package-footer
{
	background: url(images/pinkbg.jpg);
	text-align:left;
}

#footer-section_website-startup-package-footer a:hover
{
	color: #721954;
}

#footer-section_website-startup-package-footer .footer-container li:hover
{
	background-color: transparent;
	color: #a1a1a1;
}


.port2-details
{
	margin-top:24px;      
}

.port2-details h3
{
	font-size: 24px;
}

.port2-details .desc
{
	width: 300px;
}

.p2img, .serviceportfolio
{
	border: solid 1px #ABABAB;
}

.portimgs
{
	position: relative;
	width:620px;
	height:350px;
}

.portimgs img
{
	position: absolute;
	width:620px;
	height:350px;
}

.mainportsquare
{
	height: 400px;
}

.mainportsquare img
{
	width: 400px;
	height: 400px;
}

.serviceportimgs
{
	position: relative;
	width: 350px;
	height: 198px;
}

.serviceportimgs img
{
	position: absolute;
	width: 350px;
	height: 198px;
}


.quotelinks
{
	text-align: right;
}


.imgnav ul, .quotelinks ul
{
	list-style-type: none;
}

.imgnav li, .quotelinks li
{
	display: inline;
	padding-left:3px;
	padding-right:3px;
	background-color: #dddddd;
	color: #777777;
	margin-left:1px;
	cursor: pointer;
}

.activenav
{
	background-color: #777777 !important;
	color: #dddddd !important;
}
	

.projnav ul
{
	list-style-type: none;
	margin-top: 20px;
}

.projnav ul li
{
	display: inline;
	font-size: 10px;
	padding-left: 4px;
	padding-right: 4px;
	background: #248A00;
	margin-right:5px;
	color: #eeeeee;
	cursor: pointer;
}

.projnav a
{
	color: #eeeeee;	
	text-decoration: none;
}

.tc p
{
	margin-bottom: 20px;
}

.client-links-list ul
{
	margin-top: 10px;
	list-style-type: none;
}

.client-links-list li
{
	padding: 3px;
	background: #D0D0B9;
	margin-bottom: 2px;
	color: #6A6A5A;
}

.client-links-list li a
{
	color: #6A6A5A;
	text-decoration: none;
}


.activeclientlink
{
	background: #AEAE97 !important;
	cursor: pointer;
}

.footnote
{
	font-size: 10px;
}

.wide-column
{
	float: left;
	width: 660px;
}

.narrow-column
{
	float: left;
	width: 250px;
	margin-left: 20px;
}

.clear
{
	clear:both;
	height: 0px;
}

.indented
{
	margin-left:45px;
	margin-right: 20px;
	width: auto !important;
}

.feature_left
{
	float: left;
	width: 96px;
	margin-right: 10px;
}

.feature_right
{
	float: right;
	width: 490px;
}

.feature_right p
{
	margin-bottom: 10px;
}

.feature_right .intro
{
	font-weight: bold;
}

.hlm_pricing
{
	width: 100%;
	margin-top: 10px;
}

.hlm_pricing th
{
	font-size: 11px;
	color: #f2f1e8;
	background: #818181;
	padding: 2px;
}

.hlm_pricing td
{
	background: #DBDAD0;
	color: #222222;
	font-size: 12px;
	padding: 2px;
}

.hlmpricingblock p
{
	margin-bottom: 10px;
}

.bigphone
{
	font-size: 14px;
	font-weight: bold;
}

.blogcontent-summary
{

}

.blogcontenttext
{
	float: left;
	width: 420px;
}

.blogcontenttext p
{
	margin-top: 15px;
}



.blogcontentmedia
{
	float: left;
	width: 450px;
	margin-left: 40px;
}

.blogcontentmedia img
{
	border: solid 1px #dddddd;
}

.service-lhs
{
	float: left;
	width: 520px;
}

.service-lhs p
{
	margin-bottom: 10px;
}

.service-rhs
{
	float: left;
	width: 350px;
	margin-left: 20px;
}

.serviceblob
{
	margin-top: 20px;
	margin-left: 30px !important;
	
}

.serviceitemlist
{

	margin-top: 10px;
	list-style-type: none;
}

.serviceitemlist li
{
	padding: 4px;
	background: #11B911;
	margin-bottom: 2px;
	width: 346px;
	color: #F2F1E8;

}

.budgetblock
{
	background: url(images/budget-websites-title.jpg) no-repeat;
	padding-top: 60px;
	padding-left: 20px;
	color: #0F9E0F;
}

.foundationsblock
{
	background: url(images/foundations-websites-title.jpg) no-repeat;
	padding-top: 60px;
	padding-left: 20px;
	color: #D42699;
}

.problock
{
	background: url(images/website-pro-title.jpg) no-repeat;
	padding-top: 60px;
	padding-left: 20px;
	color: #1E68A1;
}


.service-info-block
{
	width: 890px;
	margin-top: 15px;	
	text-align: center;
}

.service-info-link
{
	font-size: 16px;
	color: #F1F1E7 !important;

}

.budgetblock .service-info-block
{
	background: #11B911;
}

.foundationsblock .service-info-block
{
	background: #D42699;
}

.problock .service-info-block
{
	background: #1e68a1;
}

.testimonial p
{
	font-size: 12px !important;
	margin-top: 0px !important;
}

.testimonial
{
}

.testimonialauthor
{
	padding-top: 10px;
}

.testimonialauthor p
{
	font-size: 12px !important;
	font-style: italic !important;
}
abbr:hover
{
	cursor: help;
}
	

#testimonialstab
{
	background: transparent;
	position:absolute;
	z-index:1;
	width: 94px;
	left:50%;
	height: 63px;
}

.lips
{
}

.lips-left
{
	width:65px;
	height:63px;
	background: url(images/quote-left.png) no-repeat;
	float: right;
}

.lips-centre
{
	width:22px;
	height: 63px;
	background: url(images/quote-centre.png) repeat-x;
	float: right;
}

.lips-right
{
	float: right;
	width: 7px;
	height: 63px;
	background: url(images/quote-right.png) no-repeat;
}

.lipsover
{
	cursor: pointer;
}

.testcontainer
{
	
	margin-left: 40px;
	width:250px;
	margin-top:0px;
	position: absolute;
	top:50px;
	z-index:4;
}



.ttop
{
	height: 16px;
	background: url(images/ttop.png) no-repeat;
}

.tmiddle
{
	background: url(images/tmiddle.png) repeat-y;
	padding-left: 10px;
	padding-right: 10px;
}

.tbottom
{
	background: url(images/tbottom.png) no-repeat;
	height: 18px;
}

.testslider
{
	overflow:hidden;
	width: 250px;
	
}

.testcase
{
	margin-top: -120px;
}


.tmiddle p
{
	font-size:18px;
	display: none;
}

.tmiddle .testimonial
{
	padding: 8px;
}

.quotebounds
{
	position: relative;
	height: 1px;
	overflow: hidden;
}

.quotecontainer .quote-box
{
	position: absolute;
}

.quote-box p
{
	padding-bottom: 10px;
}

.service-fulldetail p
{
	margin-top: 10px;
}

.service-fulldetail ul
{
	margin-left: 15px;
	margin-top: 10px;
}

.service-fulldetail li
{
	margin-bottom: 8px;
}

.budgetbox-top
{
	background:url(images/budgetbox-top.png) no-repeat;
	width: 420px;
	height: 17px;
}

.budgetbox-middle
{	
	background: url(images/budgetbox-middle.png) repeat-y;
	width: 420px;
}

.budgetbox-bottom
{
	background:url(images/budgetbox-bottom.png) no-repeat;
	width: 420px;
	height: 20px;
}

.boxcontent
{
	color: #eeeeee !important;
	padding-left: 10px;
	padding-right: 10px;
padding-bottom: 10px;
}

.boxcontent-inverse
{
	color: #666666 !important;
	padding: 8px;
	
}


.feedbackbox
{
	padding: 8px;
	background: #EDE6A7;
}

.feedbackbox p
{
	margin-top: 0px;
}



.testimonialbig
{
	margin-top: 20px;
	padding: 8px;
	background: #DFDDCF;
}

.testimonialbigtext p
{
	margin-bottom: 10px;
	font-size: 14px;
}

.testimonialbigauthor p
{
	text-align: right;
	font-style: italic;
	font-weight: bold;
}


.footer-extras
{
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 10px;
	color: #eeeeee;
	padding-left: 20px;
	padding-right: 20px;
	margin-top: 20px;
	background: #780617;
}

.footer-extras a
{
	color: #eeeeee;
	text-decoration: none;
}

.website-design .footer-extras
{
	background: #267807;
}

.graphicdesign .footer-extras
{
	background: #01465D;
}

.optimisation .footer-extras
{
	background: #016956;
}

.development .footer-extras
{
	background: #590145;
}

.dateblock-summary
{
	margin:0px !important;
	font-size: 10px;
}

.newssummary-top .blogitem
{
	float: left;
	width: 420px;
}

.categorysummary
{
	float: left;
	width: 220px;
	margin-right: 20px;
}

.categorysummaries
{
	margin-top: 20px;
}

.categorysummaries h3
{
	font-size: 14px;
	font-weight: normal;
}


.blogfooterlinks
{
	margin-top: 20px;
}

.blogcontenttext-main .intro
{
	font-size: 16px;
}

.blogcontenttext-main p
{
	margin-bottom: 10px;
}

.blogcontenttext-main h3
{
	font-size: 18px;
}

.articleblogsummary .blogitem
{
	float: left;
	width: 420px;
}

.articlesplitter
{
	background: #dddddd;
	height: 1px;
	margin-top: 10px;
	margin-bottom: 7px;
}

.morenewslink a, .newspage a
{
	text-decoration: none;	
	color:#780617;
}

.morenewslink a:hover, .newspage a:hover
{
	text-decoration: underline;
}

.newspage .blogsummaryitem
{
	background: #dddddd;
	font-size: 11px;
	margin-bottom: 2px;
	padding: 2px;
}

.newspage .blogsummaryitem a
{
	text-decoration: none;
	color: #333333;
}

.blogfooterlinks ul
{
	list-style-type: none;
}

.blogfooterlinks li
{
	float: left;
	display: inline;
	padding: 4px;
	background: #dddddd;
	width:218px;
	margin-right: 12px;
}

.blogfooterlinks .linkover, .linkover
{
	background: #bbbbbb !important;
	cursor: pointer;
}

.blogitem .blogcontenttext img
{
	border: solid 1px #888888;
}


.mainarticleimagebox
{
	border: solid 1px #888888;
	float:right;
	margin-left:10px;
	margin-bottom: 10px;	
	position: relative;
	width: 400px;
	height: 300px;
}

.mainarticleimagebox img
{
	position: absolute;
	z-index: 1;
}

.hiddenimg
{
	display: none;
	opacity:0;
	filter:alpha(opacity=0);
}

.blogcontenttext h2:hover
{
	color: #717171;
	cursor: pointer;
}

.miniservice
{
	float: left;
	width:294px;
	margin-right:10px;
}

.miniservice h3
{
	padding: 4px;
	font-weight: normal;
	font-size: 18px;
	color: #eeeeee;
}


.miniservice p
{
	margin-top: 10px;
}

.miniservice .price
{
	text-align: right;
	font-size: 20px;
}

.miniservice img
{
	border: solid 1px #dddddd;
}

.budgetwebsitedesign
{
	border: solid 1px #11B911;
}

.budgetwebsitedesign h3
{
	background-color: #11B911;
}


.foundationswebsitedesign
{
	border: solid 1px #d22a9b;
}

.foundationswebsitedesign h3
{
	background-color: #D22A9B;
}


.foundationspluswebsitedesign
{
	border: solid 1px #1b69a9;
}

.foundationspluswebsitedesign h3
{
	background-color: #1B69A9;
}

.miniservice .servicecontent
{
	padding: 4px;
}

.miniservice ul
{
	margin-left: 15px;
	margin-top: 10px;
}

.findoutmore
{
	padding: 4px;
	text-align: center;
}

.budgetwebsitedesign .findoutmore
{
	background-color: #11B911;
}

.foundationswebsitedesign .findoutmore
{
	background-color: #D22A9B;
}

.foundationspluswebsitedesign .findoutmore
{
	background-color: #1B69A9;
}

.findoutmore a
{
	text-decoration: none;
	color: #ffffff;
	font-size: 16px;
}

.findoutmore p
{
	margin-top: 0px;
}

.miniserviceover
{
	cursor: pointer;
}

.budgetwebsitedesign .miniserviceover
{
	background-color: #0EA10E;
}

.foundationswebsitedesign .miniserviceover
{
	background-color: #B82587;
}

.foundationspluswebsitedesign .miniserviceover
{
	background-color: #17598F;
}

.mininews
{
	
}

.mini-news h2
{
	font-size: 18px;
	font-weight: normal;
}

.mininews h3
{
	font-size: 14px;
}


.portlist-item
{
	height: 308px;
	width: 205px;
	float: left;
	margin-right: 25px;
	margin-bottom: 5px;
	

}

.portlist-itembox
{
	border: solid 1px #bbbbbb;
	width: 203px;
	height: 288px;
	position: relative;
	overflow: hidden;
}

.portlist-item img
{
	position: absolute;
	width: 203px;
	height: 288px;
}

.portlistmenu
{
}

.portmenuitem
{
	padding: 2px;
	float: left; 
	width: 10px;
	background: #bbbbbb;
	margin-right: 1px;
	text-align: center;
	color: #666666;
	font-size: 8px;
}

.portmenuitemover
{
	color: #999999;
	background: #222222;
	cursor: pointer;
}

.square
{
	height: 225px;
}

.square .portlist-itembox
{
	height: 203px;
}

.square .portlist-itembox img
{
	height: 203px;
}