/********************************************
* CSS DOCUMENT - Global 
********************************************/

	body {
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-size: 76%;
		height: 100%;
		background-color: #fff;
		color: #565656;
		background-repeat: repeat-x;
		background-position: left top;
		margin: 0;
	}
	
	.bg1 {
		background-image: url("../images/bg1.gif");
	}
	
	.bg2 {
		background-image: url("../images/bg2.gif");
	}
	
	h1 {
		font-size: 140%;
		font-weight: normal;
		color: #333333;
		text-transform: uppercase;
		margin: 0;
		padding: 0 0 0.5em 0;
		line-height: 1.3em;
	}
	
	h2 {
		font-size: 120%;
		font-weight: normal;
		color: #333333;
		margin: 0;
		padding: 0 0 0.5em 0;
		line-height: 1.3em;
	}
	
	h3, h4 {
		font-size: 100%;
		font-weight: bold;
		color: #000;
		margin: 0;
		padding: 0;
	}
	
	a {
		color: #8abd0f;
		text-decoration: none;
	}
	
	a:hover {
		text-decoration: underline;
	}
	
	form {
		margin: 0;
		padding: 0;
		display: inline;
	}
	
	img {
		border: 0;
	}
	
	.hide {
		display: none;
	}
	
/**************************************
* LAYOUT
***************************************/
	
	div.wrap { 
		width: 1018px;
		margin: 0 auto;
		text-align: left;
	}
	
	div.outercontainer { 
		width: 990px;
		background-repeat: no-repeat;
		background-position: center top;
		padding: 0 14px 0 14px;
		float: left;
	}
	
	div.outercontainer.headerbg1 { 
		background-image: url("../images/header_bg1.gif");
	}
	
	div.outercontainer.headerbg2 { 
		background-image: url("../images/header_bg2.gif");
	}
	
	div.innercontainer { 
		width: 950px;
		padding: 0 20px 0 20px;
		float: left
	}
	
/**************************************
* HEADER
***************************************/

	div.header { 
		width: 950px;
		float: left;
	}
	
	div.headercol1 { 
		width: 264px;
		padding: 28px 0 33px 6px;
		float: left;
	}
	
	div.headercol2 { 
		width: 680px;
		float: left;
	}
	
	div.topnav {
		width: 680px;
		min-height: 51px;
		float: left;
	}
	
	/* Fix for IE-win \*/
		* html div.topnav {height: 51px;}
	/* End Fix for IE-win */ 
	
	div.topnav ul {
		width: 610px;
		list-style-image: none;
		list-style-type: none;
		margin: 0;
		padding: 0 0 0 70px;
	}
	
	div.topnav li {
		font-size: 94%;
		text-transform: uppercase;
		margin: 0;
		padding: 9px;
		float: left;
	}
	
	div.topnav li a {
		color: #333333;
		text-decoration: none;
	}
	
	div.topnav li a:hover {
		color: #8abd0f;
	}
	
	div.topnav li a.current {
		font-weight: bold;
		color: #333333;
	}
	
	div.topnav li.telephone {
		width: 96px;
		font-size: 94%;
		font-weight: normal;
		text-transform: none;
		text-align: center;
		color: #fff;
		background-color: #333333;
		padding: 8px 18px 8px 18px;
		float: right;
	}
	
	div.topnav li.telephone span {
		display: block;
	}
	
	div.navbar {
		width: 680px;
		float: left;
	}
	
	div.navbar ul {
		width: 496px;
		list-style-image: none;
		list-style-type: none;
		margin: 0;
		padding: 0 0 0 184px;
		display: block;
		float: left;
	}
		
	div.navbar li {
		margin: 0;
		padding: 0;
		float: left;
	}
		
	div.navbar li span {
		display: none;
	}
	
	div.navbar li a {
		height: 62px;
		background-repeat: no-repeat;
		display: block;
	}
	
	div.navbar li .navbut1 {
		width: 154px;
		background-image: url("../images/navbut1.gif");
		background-position: 0px 0px;
	}
	
	div.navbar li .navbut1:hover {
		background-position: 0px -63px;
	}
	
	div.navbar li .navbut1.current, div.navbar li .navbut1.current:hover {
		background-position: 0px -126px;
	}
	
	div.navbar li .navbut2 {
		width: 192px;
		background-image: url("../images/navbut2.gif");
		background-position: 0px 0px;
	}
	
	div.navbar li .navbut2:hover {
		background-position: 0px -63px;
	}
	
	div.navbar li .navbut2.current, div.navbar li .navbut2.current:hover {
		background-position: 0px -126px;
	}
	
	div.navbar li .navbut3 {
		width: 149px;
		background-image: url("../images/navbut3.gif");
		background-position: 0px 0px;
	}
	
	div.navbar li .navbut3:hover {
		background-position: 0px -63px;
	}
	
	div.navbar li .navbut3.current, div.navbar li .navbut3.current:hover {
		background-position: 0px -126px;
	}

	
/**************************************
* FEATURED WORK
***************************************/

	div.featuredwork { 
		width: 940px;
		height: 290px;
		background-color: #000;
		border-color: #bdbdbd;
		border-style: solid;
		border-width: 5px;
		float: left;
		position: relative;
	}
	
	div.featuredworktitle { 
		font-size: 110%;
		font-weight: bold;
		color: #fff;
		background-color: #bdbdbd;
		padding: 6px 18px 8px 12px;
		position: absolute;
		z-index: 10;
	}
	
	/* image replacement */
        #prevBtn, #nextBtn{
            margin: 0;
            padding: 0;
            display: block;
            overflow: hidden;
            text-indent: -8000px;
            }
    /* // image replacement */
	
	
	/* Easy Slider */

	#slider{}
	#slider ul, #slider li {
		margin: 0;
		padding: 0;
		list-style: none;
	}
		
	#slider li { 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width: 940px;
		height: 290px;
		overflow: hidden; 
	}	
	
	#prevBtn, #nextBtn { 
		display: block;
		width: 30px;
		height: 30px;
		position: absolute;
		left: 0;
		top: 142px;
	}	
	
	#nextBtn { 
		left: 910px;
	}														
	
	#prevBtn a, #nextBtn a {  
		display: block;
		width: 30px;
		height: 30px;
		background: url("../images/btn_prev.gif") no-repeat 0 0;	
	}	
	
	#nextBtn a { 
		background: url("../images/btn_next.gif") no-repeat 0 0;	
		}												

	/* // Easy Slider */
		
/**************************************
* IMAGE INTROS
***************************************/

	div.imageintrocontainer { 
		width: 940px;
		height: 290px;
		background-color: #000;
		border-color: #bdbdbd;
		border-style: solid;
		border-width: 5px;
		float: left;
	}
	
	div.imageintrobox { 
		width: 470px;
		height: 290px;
		float: left;
	}
	
	div.imageintrocontainer p { 
		width: 440px;
		font-size: 120%;
		font-weight: bold;
		background-image: none;
		border: none;
		color: #fff;
		margin: 194px 0 0 0;
		padding: 10px 18px 10px 12px;
		display: block;
		position: absolute;
		z-index: 10;
		clear: left;
	}
	
/**************************************
* GENERAL IMAGE INTROS
***************************************/

	div.imageintrocontainer2 { 
		width: 940px;
		height: 100px;
		background-color: #000;
		border-color: #bdbdbd;
		border-style: solid;
		border-width: 5px;
		float: left;
	}
	
	div.imageintrobox2 { 
		width: 940px;
		height: 100px;
		text-align: right;
		float: left;
	}
	
	div.imageintrocontainer2 p { 
		width: 440px;
		font-size: 120%;
		font-weight: bold;
		background-image: none;
		border: none;
		color: #fff;
		margin: 42px 0 0 0;
		padding: 10px 18px 10px 12px;
		display: block;
		position: absolute;
		z-index: 10;
		clear: left;
	}
	
/**************************************
* MAIN CONTENT LAYOUT
***************************************/

	div.contentcontainer { 
		width: 950px;
		float: left;
	}
	
	div.maincol1 { 
		width: 680px;
		padding: 20px 20px 20px 0;
		float: left;
	}
	
	div.maincol1container { 
		width: 680px;
		padding: 0;
		float: left;
	}
	
	div.maincol12col1 { 
		width: 330px;
		padding: 0 20px 0 0;
		float: left;
	}
	
	div.maincol12col2 { 
		width: 330px;
		padding: 0;
		float: left;
	}
	
	div.maincol2 { 
		width: 699px;
		padding: 20px 1px 0 0;
		float: left;
	}
	
	div.rightcol1 { 
		width: 250px;
		padding: 20px 0 20px 0;
		float: left;
	}
	
/**************************************
* MAIN CONTENT
***************************************/

	div.intro { 
		width: 680px;
		padding: 0;
		float: left;
	}
	
	div.intro .mainheading {
		font-size: 28px;
		font-weight: lighter;
		color: #666666;
		text-transform: uppercase;
		margin: 0;
		padding: 0 0 0.5em 0;
		line-height: 1.1em;
  	}
	
	div.intro h1 {
		font-size: 100%;
		color: #565656;
		margin: 0;
		padding: 0;
		text-transform: none;
		line-height: 1.4em;
	}
	
	div.intro p { 
		margin: 0;
		padding: 0 0 1.4em 0;
		line-height: 1.4em; 
	}
	
	div.maincontent { 
		width: 680px;
		padding: 0 0 20px 0;
		float: left;
	}
	
	div.maincontent .mainheading {
		font-size: 28px;
		font-weight: lighter;
		color: #666666;
		text-transform: uppercase;
		margin: 0;
		padding: 0 0 0.5em 0;
		line-height: 1.1em;
  	}
	
	div.maincontent p { 
		margin: 0;
		padding: 0 0 1.4em 0;
		line-height: 1.4em; 
	}
	
	div.breadcrumbs { 
		width: 680px;
		padding: 0 0 20px 0;
		float: left;
	}
	
	div.quoteboxouter { 
		width: 334px;
		background-image: url("../images/quote3.gif");
		background-repeat: no-repeat;
		background-position: 110px bottom;
		margin: 30px 0 20px 40px;
		padding: 0 0 54px 0;
		float: right;
	}
	
	div.quoteboxinner { 
		width: 274px;
		font-size: 115%;
		font-style: italic;
		line-height: 1.6em;
		color: #fff;
		background-color: #333333;
		margin: 0;
		padding: 20px 30px 20px 30px;
		float: right;
	}

	div.quoteboxinner p { 
		font-size: 110%;
		font-style: italic;
		line-height: 1.4em;
		color: #fff;
		margin: 0;
		padding: 0 0 1.0em 0;
	}

/**************************************
* TEAM BOX
***************************************/

	div.teambox { 
		width: 680px;
		padding: 20px 0 20px 0;
		float: left;
	}
	
	div.teamboxcol1 { 
		width: 206px;
		padding: 0 20px 0 0;
		float: left;
	}
	
	div.teamboxcol1 img { 
		border-color: #cccccc;
		border-style: solid;
		border-width: 1px;
		margin: 0 0 8px 0;
	}
	
	div.teamboxcol1 p { 
		margin: 0;
		padding: 0;
		line-height: 1.4em; 
	}
	
	div.teamboxcol2 { 
		width: 454px;
		padding: 0;
		float: left;
	}

/**************************************
* PORTFOLIO
***************************************/

	div.portfoliocontainer { 
		width: 699px;
		padding: 0;
		float: left;
	}
	
	div.portfoliocontainer ul {
		width: 699px;
		list-style-image: none;
		list-style-type: none;
		margin: 0;
		padding: 0;
		float: left;
	}
	
	div.portfoliocontainer li { 
		width: 214px;
		padding: 0 19px 10px 0;
		float: left;
	}
	
	div.portfoliocontainer li a { 
		width: 206px;
		height: 228px;
		text-decoration: none;
		padding: 4px;
		float: left;
	}
	
	div.portfoliocontainer li a:hover { 
		background-color: #e5e5e5;
	}
	
	div.portfoliocontainer img { 
		border-color: #cccccc;
		border-style: solid;
		border-width: 1px;
		margin: 0 0 8px 0;
	}
	
	div.portfoliocontainer .portfolioheading { 
		font-weight: bold;
		color: #000;
	}
	
	div.portfoliocontainer p {
		margin: 0;
		padding: 0 0 0.8em 2px; 
		line-height: 1.4em;
	}
	
	div.portfolioimagedetail { 
		width: 940px;
		height: 460px;
		background-color: #000;
		border-color: #bdbdbd;
		border-style: solid;
		border-width: 5px;
		float: left;
	}
	
/**************************************
* CLIENTS
***************************************/

	div.clientcontainer { 
		width: 950px;
		padding: 6px 0 20px 0;
		float: left;
	}
	
	div.clientcontainer img { 
		margin: 4px;
		padding: 0;
		float: left;
	}
	
/**********************************************
* SERVICES AREA (Also see SpryTabbedPanels.css)
**********************************************/

	div.servicesarea { 
		width: 680px;
		float: left;
	}
	
	div.servicesarea .serviceheading {
		font-size: 140%;
		font-weight: normal;
		color: #333333;
		margin: 0;
		padding: 0;
  	}
	
	div.servicesarea p { 
		margin: 0;
		padding: 1.0em 0 1.0em 0;
		line-height: 1.4em; 
	}
	
/**************************************
* MORE INFO
***************************************/

	div.moreinfobox { 
		width: 330px;
		padding: 0 0 30px 0;
		float: left;
	}
	
	div.moreinfobox .moreinfoheading {
		font-size: 200%;
		font-weight: normal;
		color: #333333;
		margin: 0;
		padding: 0 0 0.4em 0;
		line-height: 1.4em;
	}
	
	div.moreinfobox p { 
		margin: 0;
		padding: 0 0 0.8em 0;
		line-height: 1.4em; 
	}
	
	
/**************************************
* SO SIMPLE
***************************************/

	div.sosimplebox { 
		width: 290px;
		font-size: 94%;
		background-color: #000;
		border-color: #cccccc;
		border-style: solid;
		border-width: 5px;
		padding: 15px 15px 0 15px;
		float: left;
	}
	
	div.sosimplebox p { 
		color: #fff;
		margin: 0;
		padding: 0 0 0.8em 0;
		line-height: 1.4em; 
	}
	
	div.sosimplebox ul {
		width: 290px;
		list-style-image: none;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
	div.sosimplebox li { 	
		color: #fff;
		background-image: url("../images/bullet1.gif");
		background-repeat: no-repeat;
		background-position: 6px 7px;
		margin: 0;
		padding: 0 0 0 20px;
		line-height: 1.4em; 
	}
	
	div.sosimplebox .link1 { 
		background-image: url("../images/arrow3.gif");
		background-repeat: no-repeat;
		background-position: right 6px;
		padding-right: 10px;
		text-align: right; 
	}
	
	div.sosimplelogos { 
		width: 290px;
		border-top-color: #333333;
		border-top-style: solid;
		border-top-width: 1px;
		padding: 15px 0 10px 0;
		float: left;
	}


/**************************************
* LATEST NEWS
***************************************/

	div.latestnewscontainer { 
		width: 330px;
		padding: 0 0 15px 0;
		float: left;
	}
	
	div.latestnewsbox { 
		width: 330px;
		padding: 0 0 10px 0;
		float: left;
	}
	
	div.latestnewsbox img { 
		padding: 0 12px 0 0;
		float: left;
	}
	
	div.latestnewsbox p { 
		font-size: 94%;
		margin: 0;
		padding: 0 0 0.8em 0;
		line-height: 1.4em; 
	}
	
	div.latestnewsbox .latestheading {
		font-size: 120%;
		font-weight: normal;
		margin: 0;
		padding: 0 0 0 0;
		line-height: 1.4em;
	}
	
	div.latestnewsbox .date {
		font-size: 90%;
		color:#CCC;
		padding: 0 0 0.4em 0;
		line-height: 1.4em;
	}
	
	div.arrowlink { 	
		float: left;
		width: 300px;
	}
	
	div.arrowlink a { 	
		background-image: url("../images/arrow1.gif");
		background-repeat: no-repeat;
		background-position: left center;
		line-height: 1.5em;
		margin: 0;
		padding: 0 5px 5px 20px;
		display: block;
	}

	div.latestnewscontainer2 { 
		width: 530px;
		padding: 0 0 30px 0;
		float: left;
	}
	
	div.latestnewsbox2 { 
		width: 530px;
		padding: 0 0 10px 0;
		float: left;
	}

	div.latestnewsimage { 
		width: 80px;
		padding: 0 12px 0 0;
		float: left;
	}
	
	div.latestnewsimage img { 
		border-color: #cccccc;
		border-style: solid;
		border-width: 1px;
		float: left;
	}
	
	div.latestnewscontent2 { 
		width: 438px;
		float: left;
	}
	
	div.latestnewscontent2 .date {
		font-size: 94%;
		padding: 0 0 0.4em 0;
		line-height: 1.4em;
	}
	
	div.latestnewscontent2 .latestheading {
		font-size: 120%;
		font-weight: normal;
		margin: 0;
		padding: 0 0 0 0;
		line-height: 1.4em;
	}
	
	div.latestnewscontent2 p { 
		font-size: 94%;
		margin: 0;
		padding: 0 0 0.8em 0;
		line-height: 1.4em; 
	}


/**************************************
* RELATED WORK
***************************************/

	div.relatedworkcontainer { 
		width: 250px;
		padding: 0 0 30px 0;
		float: left;
	}
	
	div.relatedworkbox { 
		width: 250px;
		float: left;
	}
	
	div.relatedworkimage { 
		width: 80px;
		padding: 0 12px 0 0;
		float: left;
	}
	
	div.relatedworkimage img { 
		border-color: #cccccc;
		border-style: solid;
		border-width: 1px;
		float: left;
	}
	
	div.relatedworkcontent { 
		width: 158px;
		float: left;
	}
	
	div.relatedworkcontent .relatedworkheading {
		font-size: 110%;
		font-weight: normal;
		margin: 0;
		padding: 0;
		line-height: 1.4em;
	}
	
	div.relatedworkcontent p { 
		margin: 0;
		padding: 0 0 1.2em 0;
		line-height: 1.4em; 
	}

/********************************************
* J CAROUSEL - Applies to ALL instances
********************************************/

	/**
	 * This <div> element is wrapped by jCarousel around the list
	 * and has the classname "jcarousel-container".
	 */
	.jcarousel-container {
		position: relative;
	}
	
	.jcarousel-clip {
		z-index: 2;
		padding: 0;
		margin: 0;
		overflow: hidden;
		position: relative;
	}
	
	.jcarousel-list {
		z-index: 1;
		overflow: hidden;
		position: relative;
		top: 0;
		left: 0;
		margin: 0;
		padding: 0;
	}
	
	.jcarousel-list li,
	.jcarousel-item {
		float: left;
		list-style: none;
	}
	
	/**
	 * The buttons are added dynamically by jCarousel before
	 * the <ul> list (inside the <div> described above) and
	 * have the classnames "jcarousel-next" and "jcarousel-prev".
	 */
	.jcarousel-next {
		z-index: 3;
		display: none;
	}
	
	.jcarousel-prev {
		z-index: 3;
		display: none;
	}
	
/**************************************
* CLIENT BOX 2
***************************************/

	div.clientbox2 { 
		width: 680px;
		margin: 0 0 20px 0;
		padding: 0;
		float: left;
	}
	
/********************************************
* BRAND BOX
********************************************/

	div.brandbox {
		width: 678px;
		height: 101px;
		border-color: #cccccc;
		border-style: solid;
		border-width: 1px;
		margin: 0;
		float: left;
	}
	
	.jcarousel-skin-brands .jcarousel-container-horizontal {
		width: 622px;
		padding: 10px 28px;
	}
	
	.jcarousel-skin-brands .jcarousel-clip-horizontal {
		width:  622px;
		height: 81px;
	}
	
	.jcarousel-skin-brands .jcarousel-item {
		width: 148px;
		height: 81px;
		background-color: #ccc;
	}
	
	.jcarousel-skin-brands .jcarousel-item-horizontal {
		margin-right: 10px;
	}
	
	/**
	 *  Horizontal Buttons
	 */
	.jcarousel-skin-brands .jcarousel-next-horizontal {
		position: absolute;
		top: 41px;
		right: 0px;
		width: 19px;
		height: 19px;
		cursor: pointer;
		background-image: url("../images/btn_next2.gif");
		background-repeat: no-repeat;
		background-position: 0px 0px;
	}
	
	.jcarousel-skin-brands .jcarousel-next-disabled-horizontal,
	.jcarousel-skin-brands .jcarousel-next-disabled-horizontal:hover,
	.jcarousel-skin-brands .jcarousel-next-disabled-horizontal:active {
		cursor: default;
		background-position: 0px -20px;
	}
	
	.jcarousel-skin-brands .jcarousel-prev-horizontal {
		position: absolute;
		top: 41px;
		left: 0px;
		width: 19px;
		height: 19px;
		cursor: pointer;
		background-image: url("../images/btn_prev2.gif");
		background-repeat: no-repeat;
		background-position: 0px 0px;
	}

	.jcarousel-skin-brands .jcarousel-prev-disabled-horizontal,
	.jcarousel-skin-brands .jcarousel-prev-disabled-horizontal:hover,
	.jcarousel-skin-brands .jcarousel-prev-disabled-horizontal:active {
		cursor: default;
		background-position: 0px -20px;
	}

/**************************************
* PARTNERS
***************************************/
	
	div.partners {
		width: 680px;
		border-top-color: #cccccc;
		border-top-style: solid;
		border-top-width: 1px;
		margin: 20px 0 0 0;
		padding: 26px 0 6px 0;
		float: left;
	}
	
	div.partners ul {
		width: 680px;
		list-style-image: none;
		list-style-type: none;
		margin: 0;
		padding: 0;
		display: block;
		float: left;
	}
		
	div.partners li {
		margin: 0;
		padding: 0;
		float: left;
	}
		
	div.partners li span {
		display: none;
	}
	
	div.partners li a {
		height: 87px;
		background-repeat: no-repeat;
		display: block;
	}
	
	div.partners li .thawte {
		width: 147px;
		background-image: url("../images/thawte.gif");
		background-position: 0px -88px;
	}
	
	div.partners li .thawte:hover {
		background-position: 0px -88px;
	}

	div.partners li .verisign {
		width: 147px;
		background-image: url("../images/verisign.gif");
		background-position: 0px -88px;
	}
	
	div.partners li .verisign:hover {
		background-position: 0px -88px;
	}

	div.partners li .businesslink {
		width: 86px;
		background-image: url("../images/businesslink.gif");
		background-position: 0px -88px;
	}
	
	div.partners li .businesslink:hover {
		background-position: 0px -88px;
	}
	
	div.partners li .sagepay {
		width: 137px;
		background-image: url("../images/sagepay.gif");
		background-position: 0px -88px;
	}
	
	div.partners li .sagepay:hover {
		background-position: 0px -88px;
	}
	
	div.partners li .webceo {
		width: 110px;
		background-image: url("../images/webceo.gif");
		background-position: 0px -88px;
	}
	
	div.partners li .webceo:hover {
		background-position: 0px -88px;
	}
	
	div.partners li .google {
		width: 88px;
		background-image: url("../images/google-adwords-qualified.gif");
		background-position: 0px -88px;
	}
	
	div.partners li .google:hover {
		background-position: 0px -88px;
	}


	div.partners li .paypal {
		width: 109px;
		background-image: url("../images/paypal.gif");
		background-position: 0px -88px;
	}
	
	div.partners li .paypal:hover {
		background-position: 0px -88px;
	}

	div.partners li .fsb {
		width: 89px;
		background-image: url("../images/fsb-member.gif");
		background-position: 0px -88px;
	}
	
	div.partners li .fsb:hover {
		background-position: 0px -88px;
	}

	div.partners li .econsultancy {
		width: 104px;
		background-image: url("../images/econsultancy.gif");
		background-position: 0px -88px;
	}
	
	div.partners li .econsultancy:hover {
		background-position: 0px -88px;
	}

	div.partners li .shopzilla {
		width: 137px;
		background-image: url("../images/shopzilla.gif");
		background-position: 0px -88px;
	}
	
	div.partners li .shopzilla:hover {
		background-position: 0px -88px;
	}
	
	div.partners li .ekomi {
		width: 137px;
		background-image: url("../images/ekomi.gif");
		background-position: 0px -88px;
	}
	
	div.partners li .ekomi:hover {
		background-position: 0px -88px;
	}

/**************************************
* RIGHT NAV 1
***************************************/

	div.rightnav1 { 
		width: 250px;
		margin: 0 0 20px 0;
		padding: 0;
		float: left;
	}
	
	div.rightnav1 ul {
		width: 250px;
		list-style-image: none;
		list-style-type: none;
		margin: 0;
		padding: 0;
		float: left;
	}
	
	div.rightnav1 li { 	
		margin: 0 0 3px 0;
		display: block;
	}
	
	div.rightnav1 li a { 	
		color: #333333;
		text-decoration: none;
		line-height: 1.5em;
		background-image: url("../images/arrow1.gif");
		background-repeat: no-repeat;
		background-position: 15px 11px;
		margin: 0 0 3px 0;
		padding: 6px 5px 6px 35px;
		border-color: #cccccc;
		border-style: solid;
		border-width: 1px;
		display: block;
	}
	
	/* Fix for IE-win \*/
		* html div.rightnav1 li a {height: 1px;}
	/* End Fix for IE-win */ 
	
	.stylecolour1 p, .stylecolour1 li a:hover, .stylecolour1 li a.current { 	
		color: #fff;
		background-color: #8abd0f;
		background-image: url("../images/arrow2.gif");
		background-repeat: no-repeat;
		background-position: 15px 11px;
		border-color: #8abd0f;
		border-style: solid;
		border-width: 1px;
	}
	
	.stylecolour2 p, .stylecolour2 li a:hover, .stylecolour2 li a.current { 	
		color: #fff;
		background-color: #119499;
		background-image: url("../images/arrow2.gif");
		background-repeat: no-repeat;
		background-position: 15px 11px;
		border-color: #119499;
		border-style: solid;
		border-width: 1px;
	}
	
	.stylecolour3 p, .stylecolour3 li a:hover, .stylecolour3 li a.current { 	
		color: #fff;
		background-color: #e67404;
		background-image: url("../images/arrow2.gif");
		background-repeat: no-repeat;
		background-position: 15px 11px;
		border-color: #e67404;
		border-style: solid;
		border-width: 1px;
	}
	
	.stylecolour4 p, .stylecolour4 li a:hover, .stylecolour4 li a.current { 	
		color: #fff;
		background-color: #333333;
		background-image: url("../images/arrow2.gif");
		background-repeat: no-repeat;
		background-position: 15px 11px;
		border-color: #119499;
		border-style: solid;
		border-width: 1px;
	}
	
	.stylecolour5 p, .stylecolour5 li a:hover, .stylecolour5 li a.current {
		color: #fff;
		background-color: #CC0000;
		background-image: url("../images/arrow2.gif");
		background-repeat: no-repeat;
		background-position: 15px 11px;
		border-color: #CC0000;
		border-style: solid;
		border-width: 1px;
	}

	
/**************************************
* RIGHT NAV 2
***************************************/

	div.rightnav2 { 
		width: 250px;
		margin: 0 0 30px 0;
		padding: 0;
		float: left;
	}
	
	div.rightnav2 ul {
		width: 250px;
		list-style-image: none;
		list-style-type: none;
		margin: 0;
		padding: 0;
		float: left;
	}
	
	div.rightnav2 li { 	
		color: #333333;
		text-decoration: none;
		line-height: 1.5em;
		background-image: url("../images/arrow1.gif");
		background-repeat: no-repeat;
		background-position: 4px 8px;
		margin: 0;
		padding: 3px 5px 3px 24px;
		line-height: 1.4em;
		display: block;
	}
	
	div.rightnav2 li a { 	
		color: #333333;
		text-decoration: none;
	}
	
	div.rightnav2 li a:hover { 	
		color: #8abd0f;
	}
	
/**************************************
* FEATURED ARTICLES
***************************************/

	div.featuredarticles { 
		width: 250px;
		margin: 0 0 20px 0;
		padding: 0;
		float: left;
	}
	
/**************************************
* MANAGED SERVICES
***************************************/

	div.managedservices { 
		width: 250px;
		margin: 0 0 20px 0;
		padding: 0;
		float: left;
	}
	
	div.managedservicescontent { 
		width: 220px;
		background-color: #f2f2f2;
		margin: 0;
		padding: 14px;
		border-color: #cccccc;
		border-style: solid;
		border-width: 1px;
		float: left;
	}
	
	div.managedservicescontent img {
		border-color: #cccccc;
		border-style: solid;
		border-width: 1px;
	}
	
	div.managedservicescontent ul {
		width: 220px;
		list-style-image: none;
		list-style-type: none;
		margin: 0;
		padding: 10px 0 0 0;
		float: left;
	}
	
	div.managedservicescontent li { 	
		color: #333333;
		text-decoration: none;
		line-height: 1.5em;
		background-image: url("../images/arrow1.gif");
		background-repeat: no-repeat;
		background-position: 4px 8px;
		margin: 0;
		padding: 3px 5px 3px 24px;
		line-height: 1.4em;
		display: block;
	}
	
	div.managedservicescontent li a { 	
		color: #333333;
		text-decoration: none;
	}
	
	div.managedservicescontent li a:hover { 	
		color: #8abd0f;
	}
	
/**************************************
* SEARCH SUCCESS
***************************************/

	div.searchsuccess { 
		width: 250px;
		margin: 0 0 20px 0;
		padding: 0;
		float: left;
	}
	
	div.searchsuccesscontent { 
		width: 220px;
		background-color: #fff;
		margin: 0;
		padding: 14px;
		border-color: #cccccc;
		border-style: solid;
		border-width: 1px;
		float: left;
	}
	
	div.searchsuccesscontent p { 
		color: #333333;
		margin: 0;
		padding: 0;
		line-height: 1.4em; 
	}
	
	div.searchsuccesscontent ul {
		width: 220px;
		list-style-image: none;
		list-style-type: none;
		margin: 0;
		padding: 10px 0 0 0;
		float: left;
	}
	
	div.searchsuccesscontent li { 	
		color: #333333;
		text-decoration: none;
		line-height: 1.5em;
		margin: 0;
		padding: 1px 5px 1px 0;
		line-height: 1.4em;
		display: block;
	}
	
/**************************************
* CLIENT BOX
***************************************/

	div.clientbox { 
		width: 250px;
		margin: 0 0 20px 0;
		padding: 0;
		float: left;
	}
	
	div.clientlogos { 
		width: 182px;
		height: 100px;
		padding: 0 33px 0 33px;
		border-color: #cccccc;
		border-style: solid;
		border-width: 1px;
		float: left;
	}

	/* rotator in-page placement */
   	div.clientlogos #rotator {
		position: relative;
		background-color:#CCC;
	}

	/* rotator css */
	div.clientlogos #rotator ul {
		margin: 0;
		padding: 0;
	}

	/* rotator css */
	div.clientlogos #rotator ul li {
		clear: both;
		position: absolute;
		list-style: none;
		margin: 0;
		padding: 0;
		z-index: 10;
	}
	
	/* rotator image style */	
	div.clientlogos #rotator ul li img {
		background: #fff;
	}
	
	div.clientlogos #rotator ul li.show {
		z-index: 20;
	}

/**************************************
* RECENT WORK
***************************************/

	div.recentwork { 
		width: 250px;
		margin: 10px 0 20px 0;
		padding: 0;
		float: left;
	}

	div.recentwork ul { 
		width: 248px;
		list-style-image: none;
		list-style-type: none;
		margin: 0 0 20px 0;
		padding: 0;
		border-color: #cccccc;
		border-style: solid;
		border-width: 1px;
		float: left;
	}
	
	div.recentwork li { 
		width: 248px;
		padding: 0;
		float: left;
	}
	
	div.recentwork li a { 
		width: 206px;
		height: 186px;
		text-decoration: none;
		padding: 20px 21px 0 21px;
		float: left;
	}
	
	div.recentwork li a:hover { 
		background-color: #e5e5e5;
	}
	
	div.recentwork img { 
		border-color: #cccccc;
		border-style: solid;
		border-width: 1px;
		margin: 0 0 8px 0;
	}
	
	div.recentwork .recentworkheading { 
		font-weight: bold;
		color: #000;
	}
	
	div.recentwork ul li p {
		margin: 0;
		padding: 0 0 0.8em 2px; 
		line-height: 1.4em;
	}

/**************************************
* TESTIMONALS
***************************************/

	div.testimonials { 
		width: 250px;
		background-image: url("../images/quote1.gif");
		background-repeat: no-repeat;
		background-position: left top;
		margin: 0 0 20px 0;
		padding: 20px 0 0 0;
		float: left;
	}
	
	div.testimonials span { 
		font-size: 110%;
		font-style: italic;
		line-height: 1.4em;
		background-image: url("../images/quote2.gif");
		background-repeat: no-repeat;
		background-position: right bottom;
		padding: 0 18px 20px 24px;
		display: block;
	}
	
	div.testimonials p {
		margin: 0;
		padding: 0 18px 0.5em 24px;
	}
	
/**************************************
* SOCIAL MEDIA BOX
***************************************/

	div.socialmediabox { 
		width: 224px;
		border-color: #cccccc;
		border-style: solid;
		border-width: 1px;
		margin: 0 0 20px 0;
		padding: 0 12px 12px 12px;
		float: left;
	}
	
	div.socialmediabox ul {
		list-style-image: none;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
	div.socialmediabox li { 	
		line-height: 1.5em;
		margin: 0;
		padding: 12px 5px 12px 34px;
		display: block;
	}
	
	div.socialmediabox li.facebook { 	
		background-image: url("../images/facebook.gif");
		background-repeat: no-repeat;
		background-position: left 10px;
	}

	div.socialmediabox li.twitter { 	
		background-image: url("../images/twitter.gif");
		background-repeat: no-repeat;
		background-position: left 10px;
	}

	div.subscribebox { 	
		float: left;
		width: 300px;
	}
	
	div.subscribebox a { 	
		background-image: url("../images/rss.gif");
		background-repeat: no-repeat;
		background-position: left center;
		line-height: 1.5em;
		margin: 0;
		padding: 5px 5px 5px 20px;
		display: block;
	}

/**************************************
* GENERIC STYLES
***************************************/

	.heading1 { 
		font-size: 110%;
		font-weight: bold;
		color: #fff;
		background-color: #333333;
		margin: 0;
		padding: 8px 12px 8px 12px;
		float: left;
	}
	
	.heading2 { 
		font-size: 110%;
		font-weight: bold;
		color: #333333;
		margin: 0;
		padding: 0 0 8px 0;
		float: left;
	}
	
	.smallcopy1 { 
		font-size: 94%;
	}
	
	.highlight1 {
		color: #333333;
		text-decoration: none;
	}
	
	.highlight2 {
		color: #8abd0f;
		text-decoration: none;
	}
	
/**************************************
* FOOTER
***************************************/

	div.footer { 
		width: 850px;
		font-size: 94%;
		background-image: url("../images/logo_footer.gif");
		background-repeat: no-repeat;
		background-position: right 12px;
		border-top-color: #e5e5e5;
		border-top-style: solid;
		border-top-width: 5px;
		padding: 20px 100px 40px 0; 
		clear: both;
	}
	
	div.footer p { 
		margin: 0;
		padding: 0 0 1em 0;
		line-height: 0.8em; 
	}