*
	{margin: 0;
	padding: 0;}

html
	{min-height: 100%;
	margin-bottom: 1px;
	position: relative;}

body
	{font: 95% Arial, Helvetica, sans-serif;
	color:#333;
	background: url(/images/mainBg.png) 0 0 no-repeat #fbfbfb
	}
p
	{padding-bottom: 15px;
	color:#333333;
	font-weight:normal;
	letter-spacing: 0.01em;
	line-height: 120%
	}
	
a
	{
	color:#343570;
	text-decoration: none;
	font-weight: bold
	}
	
blockquote {font-style:italic; font-family: Georgia, "Times New Roman", Times, serif; padding:5px}

a:hover
	{text-decoration:underline}	
	
a:active, a:focus {outline: 0;}
	

h2
	{
	font-size:200%;
	line-height: 130%;
	color:#333;
	margin: 20px 9px 20px 0px;
	padding: 0px 0px 12px 0px;
	border-bottom: 2px dotted #ccc;
	font-weight:normal;
	letter-spacing: 0.01em;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-shadow: 0.04em 0.04em 0.1em #999;
	}
	
h3
	{
	font-size:140%;
	line-height: 120%;
	color:#111;
	margin: 15px 0px 10px 0px;
	font-weight:normal;
	letter-spacing: -0.02em;
	}	
	

#container
	{margin: 20px auto 0px auto;
	width:900px;
	text-align: left;
	overflow: hidden;}

#header
	{
	height: 135px;
	width: 900px;
	}
	
#banner
	{
	height: 80px;
	width: 900px;
	background:#fff url(/images/logo.png) 0 0 no-repeat;
	}
	
.bannerContact
	{padding: 5px;
	float: right;
	color: #343570;
	text-align: right;
	font-size: 120%
	}

.bannerContact a

{font-weight: normal}
	
#header h1 
	{display: none;
	}
	
#primary-nav
{margin-top:0px;
height:48px;
width:900px;
background:#fff url(/images/navbg.png) 0 10px no-repeat;
}


#primary-nav ul
	{
	margin: 0px 0px 0px 0px;
	}

#primary-nav li a
	{float: left;
	font-size: 16px;
	width: 150px;
	height: 40px;
	letter-spacing:0.01em;
	padding: 18px 0px 6px 0px;
	text-align:center;
	color: #333;
	text-decoration: none;
	text-shadow: 1px 1px #eee;
	background: url(/images/menuBgHover.png) 0 10px no-repeat transparent;
	text-transform:uppercase;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	}
	
#primary-nav li
{
list-style-type: none;
display:inline;
}

#primary-nav .current a
{
background-position: 0 -144px;
height: 40px;
padding: 16px 0px 0px 0px;
text-shadow: #aaa;
font-size: 120%
}

#primary-nav a:hover
{
background-position: 0 -68px;
text-shadow: #DCCDB8;
}

#primary-nav .current a:hover
{
background-position: 0 -144px;
}

#rightColumn
{float:left;
display: inline;
width:253px;
margin: 30px 0px;
color: #777;}

#rightColumn.homepage
{border: solid #ccc;
border-width: 1px 1px 0 1px;}

#rightColumn h3

{margin: 0px;
padding: 3px 0px 3px 10px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #bbb;
background: #aaa;
text-shadow: 1px 1px #ccc;
font-family: georgia;
}

#rightColumn li

{
list-style:none;
padding: 0px 0px 0px 0px;
vertical-align: bottom;
}

#rightColumn li a

{
display: block;
text-decoration: none;
font-weight:normal;
border-top:1px solid #666;
border-bottom:1px solid #444;
padding: 6px 5px 7px 10px;
background: #555;
color: #E9E9E9;}

#rightColumn li a:hover

{background: #777;
border-top:1px solid #777;
border-bottom:1px solid #777;
color: #fff
}

#rightColumn li a.current

{background: #333;
border-top:1px solid #333;
border-bottom:1px solid #333;}

#rightColumn li.item1

{border-left: 5px solid #c00}

#rightColumn li.item2

{border-left: 5px solid #F60}

#rightColumn li.item3

{border-left: 5px solid #FF0}

#rightColumn li.item4

{border-left: 5px solid #390}

#rightColumn li.item5

{border-left: 5px solid #3CF}

#rightColumn li.item6

{border-left: 5px solid #006}

#rightColumn li.item7

{border-left: 5px solid #606}

#rightColumn li.item8

{border-left: 5px solid #c09}


#rightColumn p.testimonials 

{font-size: 85%;
font-family: Georgia, "Times New Roman", Times, serif}

#rightColumn h3.testimonialHead

{font-family: Arial, Helvetica, sans-serif;
background: none;
border: none;
padding: 0;
margin: 0 0 10px 0
}
.homePanel

{background: #fff;
border: 1px solid #ccc
}

#rightColumn .homePanel
	{border-width: 0 0 1px 0;
	height: 1%;}

#rightColumn .homePanel h3

{font-family:Arial, Helvetica, sans-serif;
border:none;
}

#rightColumn .homePanel p
{padding: 10px 13px 15px 13px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 90%;
letter-spacing: -0.02em;
font-style:italic;
border-bottom: 1px dashed #aaa}


#colouredPanel

{
margin-top: 0px;
padding: 10px;
background: #ededed url(/images/boxBg.jpg) 0 0 repeat-x;
border: 1px solid #ddd;
}

#colouredPanel h3


{
background: none;
padding: 0px 0px 20px 0px;
border: none;
font-family: Georgia, "Times New Roman", Times, serif
}

#content
	{clear: both;
	padding: 0 50px 30px 0;
	float: left;
	display: inline;
	width: 595px;}
	

	
#content ul
{padding-bottom: 10px}

#content li
	
	{padding: 5px 0px 5px 18px;
	margin-left: 0px;
	list-style:none;
	background: url(/images/arrowgreen.gif) 0px 8px no-repeat;
	}

#homeBoxes {width: 600px}

#homeBoxes li
{
list-style-type: none;
display:inline;
padding: 0;
margin: 0;
}

#homeBoxes li a

{	
	float: left;
	width: 250px;
	height: 220px;
	letter-spacing: 0.01em;
	padding: 10px 15px;
	margin: 10px 15px 5px 0px;
	border: 1px solid #333;
	background: #111;
	color: #fff;
	opacity:0.9;
	filter:alpha(opacity=90);
	font-weight: normal;
	text-decoration: none;
}

#homeBoxes li a.box1

{
border-top: 8px solid #c00;
background: url(/images/starter.gif) 0 90px no-repeat #111;
}

#homeBoxes li.boxBg1

{
}

#homeBoxes li a.box2

{
border-top: 8px solid #390;
background: url(/images/cms.gif) 0 90px no-repeat #111;
}

#homeBoxes li a.box3

{
background: url(/images/data.gif) 0 90px no-repeat #111;
border-top: 8px solid #009}

#homeBoxes li a.box4

{
background: url(/images/marketing.gif) 0 90px no-repeat #111;
border-top: 8px solid #c09}

#homeBoxes li a:hover
{
text-decoration: none;
opacity: 1;
filter:alpha(opacity=100)
}

.boxHead
{font-size: 120%;
line-height: 1em;
margin: 5px 0;
padding: 0;
color: white}

.boxCopy
{color: white;
margin: 0;
padding: 0;

}

#main
{
}

.project

{margin-bottom:15px;
border-bottom: 1px dotted #ddd}

#contactForm

{padding: 10px;
background: #ededed url(/images/boxBg.jpg) 0 0 repeat-x;
border: 1px solid #ddd;
margin: 0px 0px 20px 0px;
}

p.captcha

{font-size: 80%}

#newsletter

{
padding: 10px;
background: #ededed url(/images/headBg.jpg) 0 0 repeat-x;
}

#newsletter input

{margin-right: 20px}

#footerContainer
{
display:inline-block;
width: 100%;
margin: 0;
background: url(/images/footerBg2.png) 0 0 no-repeat #c4c4c4
}

#footer
	{text-align: left;
	margin: 0px auto;
	width:900px;
	background:#c4c4c4 url(/images/navbg4.png) 0 0 no-repeat;
	padding: 15px 0px 0px 0px;
	font-size: 90%;
	font-family: Georgia, "Times New Roman", Times, serif}
	

.siteMaps

{float: right;
margin-right:20px
}

		
#project1,#project2,#project3,#project4,#project5,#project6,#project7,#project8,#project9,#project10,#project11,#project12,#project13,#project14,#project15,#project16,#project17,#project18 {background: #fff; display:none; min-height:400px;padding:25px;width:420px; background: #fff; border:1px solid #777}

#p1,#p2,#p3,#p4,#p5,#p6,#p6,#p7,#p8,#p9,#p10,#p11,#p12,#p13,#p14,#p15,#p16,#p17,#p18 {padding: 4px; display:inline-block; border: 1px solid #ccc; margin: 10px 5px 0 0}

#gallery li {width: 190px; display:inline; background: none; padding:0; margin:0}

#gallery img {border:0; margin-bottom: 5px}

#gallery a:hover {text-decoration: none; background: #ccc}

.bClose {cursor:pointer;font-weight:bold;position:absolute;right:15px;text-decoration:none;top:10px;}

ul#gcmap {width:642px; height:325px; position: relative; background: url(/images/map-image.jpg) 0 0 no-repeat;}

#gcmap li {position:absolute; background: none; padding:0; border: 0px solid #000}

#gcmap li a {display: block; width: 100%; height:100%; text-decoration:none; font-weight: normal;text-indent:-10000px; }

#gcmap li em {background: #777; color:#fff; opacity:0.9; border-radius: 5px; padding: 8px; width:200px; margin-left: 25px; display: inline-block;}

#gcmap li a:hover {text-indent:0}

#gcmap li#fact1 {position:absolute; top: 30px; left: 63px; width:135px; height: 50px;}
#gcmap li#fact2 {position:absolute; top: 83px; left: 50px; width:108px; height: 40px}
#gcmap li#fact3 {position:absolute; top: 135px; left: 430px; width:48px; height: 40px}
#gcmap li#fact4 {position:absolute; top: 230px; left: 315px; width:48px; height: 40px}
#gcmap li#fact5 {position:absolute; top: 47px; left: 270px; width:25px; height: 23px}
#gcmap li#fact6 {position:absolute; top: 71px; left: 279px; width:21px; height: 15px}
#gcmap li#fact7 {position:absolute; top: 95px; left: 380px; width:38px; height: 30px}
#gcmap li#fact8 {position:absolute; top: 110px; left: 335px; width:25px; height: 24px}
#gcmap li#fact9 {position:absolute; top: 80px; left: 547px; width:25px; height: 34px}
#gcmap li#fact10 {position:absolute; top: 100px; left: 495px; width:38px; height: 44px}
#gcmap li#fact11 {position:absolute; top: 60px; left: 301px; width:19px; height: 17px}