#screen {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

.height {height: 100%;}

/* @group Base */

* {
	margin: 0;
	padding: 0;
}

body{
	color: #666;
	font: 14px/1.7em Georgia, "Times New Roman", Times, serif;
	background: #fff;
}

.homebottom h2 {
	margin: 0 auto;
}

.home-nav {
	width: 565px;
	overflow: hidden;
	float: left;
	margin-left: 20px;
}

.homebottom {
	overflow: hidden;
	/*background: url(images/home/feature-image.jpg) no-repeat right top;*/
	height: 140px;
}

.titles {
	padding: 10px 0;
}

.staff-feed {
	margin-bottom: 10px;
}

html, body {
	height: 100%;
}

body {
	position: relative;
}

a {
	outline: none;
	color: #1A9BE5;
	text-decoration: none;
}


a:hover{
	text-decoration: underline;
}



/* @end */

a img {
	border: 0;
}

/* @end */

.both {
	clear: both;
}

.contact-header {
	padding: 10px 0 0 0;
}

.hometop {
	background-image: url(images/home-bg2.jpg);
	overflow: hidden;
	padding-bottom: 253px;
}

* {
	
}

#screen2 {

	width: 880px;
	margin: 0;
}



#cl-sections ul li img.right{ padding-left: 10px; padding-top: 10px;}

.hide {
	display: none;
}

.right {
	float: right;
}

.left {
	float: left;
}

.right-col {
	float: right;
	width: 265px;
	margin-right: 20px;
}

.divider {
	width: 100%;
	height: 20px;
}

* {
	
}

.home-wrapper {
	width: 1200px;
}

.home-banner {
	margin-bottom: 20px;
}

.home-middle {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

.home-bottom {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	margin-top: 15px;
	padding-top: 25px;
	border-top: 1px solid #DCDCDC;
	padding-bottom: 80px;
	background: #fff url(images/bg/home.gif) 670px bottom no-repeat;
	color: #333;
}

.homebody {
	width: 100%;
	height: 100%;
}

.home-h2{
	margin-left: 10px;
	margin-bottom: 5px;
	line-height: 30px;
	color: #333;
	float: left;
	width: 300px;
}

.home-news {
	margin: 0px;
	padding: 0px;
	height: 170px;
	width: 960px;
	overflow: hidden;
	clear: both;
}

.home-middle .next {
    top: 0px;
    right: 0px;
    width: 20px;
    height: 20px;
    cursor: pointer;
	text-indent: -9000px;
    background: transparent url(images/next-horizontal.png) no-repeat 0 0;
	float: right;
}

.home-middle .prev {
    top: 0px;
    right: 0px;
    width: 20px;
    height: 20px;
    cursor: pointer;
	text-indent: -9000px;
    background: transparent url(images/prev-horizontal.png) no-repeat 0 0;
	float: right;
}

.home-middle .next-off{
    top: 0px;
    right: 0px;
    width: 20px;
    height: 20px;
    cursor: pointer;
	text-indent: -9000px;
    background: transparent url(images/next-horizontal-off.gif) no-repeat 0 0;
	float: right;
}

.home-middle .prev-off{
    top: 0px;
    right: 0px;
    width: 20px;
    height: 20px;
    cursor: pointer;
	text-indent: -9000px;
    background: transparent url(images/prev-horizontal-off.gif) no-repeat 0 0;
	float: right;
}

.home-middle ul {
	width: 8000px;
}

.home-news li {
	float: left;
}


.home-news a {
	margin: 0px;
	padding: 0px;
	color: #666;
}

.home-news-item {
	background: #fff;
	color: #666;
	width: 220px;
	display: block;
	padding: 10px;
	float: left;
}

.hm-selected {
	background: #D92129;
	color: #fff;
}

.hm-selected a{
	color: #fff;
}

a.h2-link {
	color: #333;
}

a.h2-link:hover{
	color: #1A9BE5;
}

/* our work */

.our-work {
	margin-bottom: 20px;
	min-height: 570px;
}

.our-work ul {
	margin-bottom: 20px;
	list-style: none;
}

.our-work li {
	float: left;
	list-style: none;
}


.our-work a {
	margin: 0px;
	padding: 0px;
	color: #666;
}

#portfolio li{
	color: #666;
	width: 300px;
	display: block;
	padding: 10px;
	float: left;
}

.ow-selected {
	background: #D92129;
	color: #fff;
}

.ow-selected a{
	background: #D92129;
	color: #fff;
}

.bottom-panel {
	color: #666;
	width: 300px;
	display: block;
	margin: 0px 10px;
	float: left;
}

#follow-us {
	border-bottom: 1px dotted #999;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#follow-name, #follow-email{
	display: block;
	margin: 10px 0px;
	height: 20px;
	border: 1px solid #ccc;
	padding-top: 4px;
	line-height: 16px;
	text-indent: 5px;
	color: #666;
	font-family: Georgia, "Times New Roman", Times, serif;
}

#follow-name {
	width: 150px;
}

#follow-response {
	display: none;
}

.form-error{
	color: #D92129;
}

.form-plus{
	color: #1A9BE5;
}


#follow-email{
	width: 200px;
}

.right-col ul {
	color: #eee;
	list-style-type: none;
	font-size: 13px;
	padding: 10px 0;
}

.follow-icons ul {
	list-style: none;
}

.follow-icons li {
	display: block;
	margin-right: 25px;
	margin-top: 15px;
	float: left;
}

.left-col {
	float: left;
	width: 575px;
}

.footer {
	width: 1200px;
	height: 40px;
	background:  #D92129;
	color: #fff;
	font-size: 11px;
	margin-bottom: 10px;
}


.footer span, .footer li {
	line-height: 40px;
}

.footer ul, .footer li {
	list-style: none;
}

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

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

.footer a:hover{
	color: #fff;
	text-decoration: underline;
}

.footer .left-foot{
	margin-left: 120px;
	width: 600px;
	display: block;
	float: left;
}

.footer .right-foot{
	margin-right: 120px;
	width: 300px;
	display: block;
	float: right;
	text-align: right;
}

/* FE Logo */
#fe-logo {
	float: right;
	width: 240px;
	height: 85px;
}

/* @group Nav */

#navigation {
	/*position: absolute;*/
	width: 960px;
	overflow: hidden;
	margin-left: 120px;
}

#navigation ul {
	width: 640px;
	float: left;
}

#navigation li {
	display: block;
	float: left;
	list-style-type: none;
}

#navigation li a, #navigation span a {
	display: block;
	height: 45px;
	margin-top: 40px;
	margin-right: 50px;
	font-size: 22px;
	color: #333;
	/*text-indent: -90000px;*/
}

.subnav {
	width: 1200px;
	background: #D92129;
	height: 65px;
}


.subnav ul {
	width: 1200px;
	float: left;
	padding: 18px 100px;
	padding-left: 110px;
	margin-bottom: 30px;
}

.subnav li {
	display: block;
	float: left;
	list-style-type: none;
}

.subnav li a, .subnav span a {
	display: block;
	margin-right: 30px;
	font-size: 20px;
	color: #fff;
	background: #D92129;
	padding: 2px 10px;
	/*text-indent: -90000px;*/
}

.subnav li .selected {
	color: #D92129;
	background: #fff;
}



.worknav {
	width: 1200px;
	background: #D92129;
	height: 95px;
	font-size: 14px;
	color: #EDB7B9;
}


.worknav ul {
	float: left;
}

.worknav li {
	display: block;
	float: left;
	list-style-type: none;
	width: 140px;
	margin-right: 20px;
	margin-bottom: 2px;
}

.worknav li a, .worknav span a {
	display: block;
	font-size: 18px;
	color: #EDB7B9;
	/*text-indent: -90000px;*/
}

#filter .selected a{
	color: #fff;
}

.worknav .wn-left {
	margin-left: 120px;
	width: 60px;
	display: block;
	float: left;
	margin-top: 10px;
}

.worknav .wn-right {
	margin-top: 10px;
	margin-left: 20px;
	width: 480px;
	display: block;
	float: left;
}

.content-wrap{
	clear: both;
	width: 960px;
	margin-left: 120px;
	margin-right: 120px;
}

.content-wrap p{
	margin-bottom: 20px;
	line-height: 1.4em;
}

.content-left {
	width: 700px;
	float: left;
}
.content-right{
	margin-top: 45px;
	margin-right: 0px;
	width: 240px;
	float: right;
}

.content-right dl{
	margin-bottom: 15px;
}

.content-right p{
	line-height: 1.4em;
}

.content-right dt{
	font-weight: bold;
}

.content-right dd{
	line-height: 1.4em;
	margin-bottom: 15px;
}

.content-right .au-ow li a{
	background: #fff;
	color: #666;
	width: 220px;
	display: block;
	padding: 10px;
	float: left;
	font-size: 12px;
	font-weight: normal;
	line-height: 1em;
}

.content-right .au-ow li a:hover{
	background: #D92129;
	color: #fff;
	text-decoration: none;
}

.content-right .au-ow li a img {
	margin-bottom: 10px;
}

.topborder {
	float: left;
	width: 1200px;
	border-top: 10px solid #D92129;
	margin-bottom: 30px;
}

ul.tool-links li a {
	font-weight: normal;
	line-height: 1.4em;
	margin: 0px;
	padding: 0px;
	padding-left: 25px;
}

a.rss {
	background:transparent url(images/icn_rss.gif) 0px 2px no-repeat;
}

a.print {
	background:transparent url(images/icn_print.gif) 0px 2px no-repeat;
}

a.share {
	padding-left: 0px;
	margin-left: 0px;
}


a.feed {
	padding-left: 20px;
	height: 24px;
	background:transparent url(images/bg/rss-ftr.gif) 0px 0px no-repeat;
}


a.book {
	padding-left: 20px;
	height: 24px;
	background:transparent url(images/bg/book-ftr.gif) 0px 0px no-repeat;
}


/* contact */

.contact-bg {
	background: transparent url(images/bg/contact.jpg) right bottom no-repeat;
}


.contact-tbl {
	width: 540px;
	margin-bottom: 120px;
}

.contact-tbl td{
	padding-right: 20px;
}

.contact-tbl .inputbox, .contact-tbl td .inputarea{
	display: block;
	margin: 10px 0px;
	height: 20px;
	border: 1px solid #ccc;
	padding-top: 4px;
	line-height: 16px;
	text-indent: 5px;
	color: #666;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.contact-tbl .inputbox{
	width: 218px;
}

.contact-tbl td .inputarea{
	width: 538px;
	height: 178px;
}

.blue_button {
	padding: 5px;
	font-size: 14px;
	color: #FFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	background: #1A9BE5;
	margin: 0px;
	border: none;
	width: auto;
}

/*  service */
.about-bg {
	background: #fff url(images/bg/about-us.jpg) left bottom no-repeat;
}
.clients-bg {
	background: transparent url(images/bg/clients.gif) center 30px no-repeat;
	}
	
#latest-news {
	background: transparent url(images/bg/news.gif) 850px top no-repeat;
	}
	
.clients-top-bg {
	background: #D92129 url(images/bg/clients-top.gif) 875px 28px no-repeat;
}

blockquote {
	border-bottom: 1px dotted #999;
	border-top: 1px dotted #999;
	margin: 30px 0px;
	padding: 15px 40px;
	background: transparent url(images/bg/quote-l.gif) 0px 15px no-repeat;
	width: 480px;
	margin-left: 60px;
	margin-bottom: 80px;
}

.qt-nme {
	font-weight: bold;
}

#hwe-abu {
	display: block;
	
}

#hwe-os {
	display: none;
}

#hwe-oc {
	display: none;
	padding-bottom: 40px;
}

#hwe-tt {
	display: none;
}

.content-right ul, .content-right li{
	list-style: none;
}

.content-right ul {
	margin-bottom: 10px;
}

.content-right li a{
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 15px;
	display: block;
}

.content-right h3 {
	font-size: 14px;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #999;
}

/* srvices grid */

.s-grid a{
	width: 150px;
	height: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	padding-top: 160px;
	display:block;
	float: left;
	font-size: 18px;
	font-weight: normal;
	color: #333333;
}

#services-design-link {
	background: transparent url(images/bg/design.gif) left top no-repeat;
}

#services-build-link {
	background: transparent url(images/bg/build.gif) left top no-repeat;
}

#services-marketing-link {
	background: transparent url(images/bg/marketing.gif) left top no-repeat;
}

#services-reporting-link {
	background: transparent url(images/bg/reporting.gif) left top no-repeat;
}

#services-warehousing-link {
	background: transparent url(images/bg/warehousing.gif) left top no-repeat;
}


#services-hosting-link {
	background: transparent url(images/bg/hosting.gif) left top no-repeat;
}

#services-fullfilment-link {
	background: transparent url(images/bg/fullfilment.gif) left top no-repeat;
}

#services-customer-link {
	background: transparent url(images/bg/customer-service.gif) left top no-repeat;
}

.hwe-s-ul .selected {
	color: #D92129;
}

.content-right ul li h2 a.services-menu {
	font-size: 18px;
	font-weight: normal;
	color: #333333;
	margin: 0px;
	padding: 0px;
}

.team-photo {
	margin-bottom: 20px;
}

ul.oc-list{
	list-style: none;
}

ul.oc-list li{
	list-style: none;
	display: block;
	width: 220px;
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	background: transparent;
}

ul.team-list{
	list-style: none;
}

ul.team-list li{
	list-style: none;
	display: block;
	width: 300px;
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	background: transparent;
}


#navigation .selected {
	color: #D92129;
}

h1 {
font-size: 22px;
font-weight: normal;
color: #D92129;
margin: 0px;
margin-bottom: 20px;
padding: 0px;
}

h2 {
font-size: 18px;
font-weight: normal;
color: #333333;
margin: 0px;
margin-bottom: 15px;
padding: 0px;
}

.our-work-client{
	margin-bottom: 50px;
	display: none;
}

.our-work-client ul{
	margin-bottom: 20px;
}

.our-work-client li{
	list-style: square;
	margin-left: 15px;
}

.our-work-client .top{
	margin-bottom: 15px;
}

.our-work-client .left{
	float: left;
	width: 620px;
	margin-right: 20px;
}


.our-work-client .right{
	float: left;
	width: 300px;
}

/* @end */

#sections {
	overflow: hidden;
	clear: left;
	height: 100%;	
}

.height {
	height: 100%;
}

#sections .container {
	width: 57660px;
	height: 100%;
	overflow: hidden;
}

/* news */
.latest-news-item {
	border-bottom: 1px dotted #999;
	margin-bottom: 15px;
}

.latest-news-item .news-head h1 {
	margin: 0px;
	padding: 0px;
}

.latest-news-item .news-head h2 {
	margin-top: 0px;
	padding-top: 0px;
}

.latest-news-item .news-head h1 a{
	display: block;
	color: #D92129;
}

.latest-news-item {
	background: transparent url(images/down-arrow.gif) 680px 10px no-repeat;
}


.latest-news-item .selected{
	background: transparent url(images/up-arrow.gif) 680px 10px no-repeat;
}

.latest-news-item .news-head h1 a:hover{
	color: #D92129;
}

.latest-news-item .news-head .news-date{
	font-size: 15px;
	color: #999;
	padding: 0px;
	margin: 0px;
	margin-bottom: 5px;
}

.latest-news-item .news-content{
	padding-bottom: 10px;
}

.latest-news-item h2 {
	margin-top: 15px;
}

.latest-news-item p {
	line-height: 1.4em;
}




/* @group Backgrounds */


div.sub {
	float: left;
	margin-right: 20px;
	
}
/* Older Classes */

#home {
	margin-right: 20px;
}

#screen-2 ul, #screen-2 ul li{list-style-type: none; }
/* @group Contact */

#co-screen {
	width: 1200px;
}

#co-screen .contact-wrapper .right-col img {
	padding: 10px 0;
}

/* @end */

/* @group Clients */

#cl-screen {
	width: 1200px;
}

/* @end */

#c-screen {
	width: 1200px;
}

/* @end */

/* @group Services */

#s-screen {
	width: 1200px;
}

#s-sections {
	overflow: hidden;
	width: 700px;
	height: 600px;
	clear: left;
}

#s-sections ul {
	width: 700px;
}

#s-sections li {
	float: left;
	height: 700px;
	list-style-type: none;
}

#s-sections li.fallen {
	clear: both;
	overflow: hidden;
}

#s-sections li.left {
	clear: right;
}

#s-sections p {
	width: 700px;
	margin: 16px 0;
	line-height: 1.4em;
}