﻿body {
	font-size:0.8em;
	margin:0px;
	font-family:Calibri, Arial, Helvectica, sans-serif;
	background-color:#000847;
	background-image:url('../images/background.jpg');
	background-repeat:repeat-x;
	background-position:center bottom;
	color:white;
}
a {
	text-decoration:none;
	color:#B5BAF4;
}
a:hover {
	text-decoration:underline;
}
strong {
	
}
h1 {
	font-size:1.6em;
	margin:6px 0px 10px 0px;
	padding:0px;
}
h2 {
	font-size:1.5em;
	margin:5px 0px 9px 0px;
	padding:0px;
}
h3 {
	font-size:1.4em;
	margin:4px 0px 8px 0px;
	padding:0px;
}
h4 {
	font-size:1.3em;
	margin:3px 0px 7px 0px;
	padding:0px;
}
h5 {
	font-size:1.2em;
	margin:2px 0px 6px 0px;
	padding:0px;
}
h6 {
	font-size:1.1em;
	margin:1px 0px 5px 0px;
	padding:0px;
}
.narrowTextBox {
	width:150px;
}
.mediumTextBox {
	width:250px;
}
.wideTextBox {
	width:480px;
}
.list {
	width:480px;
}
.list .headerStyle {
	background-color:#0A0F49;
	padding:5px;
	color:white;
	font-weight:bold;
}
.list .row:hover {
	background-color:#B5BAF4;
}
.errorMessage, .successMessage {
	padding:5px;
	display:block;
	margin:5px 0px;
	font-weight:bold;
	background-color:#FF8C8C;
}
.successMessage {
	background-color:#8CFF92;
}
.container {
	width:100%;
	float:left;
}
.column {
	float:left;
	position:relative;
}
.clear {
	clear:both;
	height:0px;
	line-height:0px;
}
.actions, .pageActions {
	display:block;
	float:left;
	padding:5px;
	border:1px black solid;
	background-color:white;
}
.actions a, .pageActions a {
	color:blue;
}
.formSection {
	background-color:#B5BAF4;
}
.formSection label {
	color:black;
}
#container {
	width:970px;
	margin:2px auto 0px auto;
}
#header {
	width:970px;
	height:120px;
	padding:0px;
	background-image:url('../images/header-background.jpg');
	background-position:center bottom;
	background-repeat:no-repeat;
}
#headerLeft {
	width:290px;
	height:88px;
	text-align:center;
	padding:32px 0px 0px 0px;
}
#headerRight {
	width:680px;
	height:120px;
}
#headerRightTop {
	width:670px;
	height:25px;
	text-align:right;
	font-size:1.3em;
	font-weight:bold;
	color:white;
	padding:0px 10px 0px 0px;
	font-style:italic;
}
#headerRightTop a {
	color:white;
	padding:0px 22px 0px 0px;
}
#headerRightBottom {
	width:660px;
	height:63px;
	padding:25px 0px 0px 20px;
}
.topMenu {
	padding:0px;
	margin:0px;
	list-style:none;
}
.topMenu li {
	float:left;
	position:relative;
	background-image:url('../images/topmenu-seperator.gif');
	background-position:left center;
	background-repeat:no-repeat;
	height:35px;
	padding:10px 10px 0px 15px;
	text-align:center;
	font-size:1.4em;
	color:#020A56;
}
.topMenu li a {
	color:#020A56;
}
.topMenu li:first-child {
	background:none;
}
.topMenu li ul {
	left: 0px;
	top: 37px;
	padding:0px;
	display: none;
	position: absolute;
	list-style: none;
	background-color: white;
	border-bottom: 1px solid #9B9B9B;
	border-right: 1px solid #9B9B9B;
	border-left: 1px solid #9B9B9B;
	width: 165px;
	margin: 0px;
	z-index:200;
	border-top:3px #00A5EE solid;
	text-transform:lowercase;
}
.topMenu li:hover ul, .topMenu .menuliover ul {
	display:block;
}
.topMenu li ul li {
	padding:0px 5px 0px 5px;
	width:155px;
	float:none;
	text-align:left;
	background:none;
	font-size:1.0em;
	height:25px;
}
.topMenu li ul li:hover, .topMenu li ul .menuliover {
	background-image:url('../images/menu-background-hover.gif');
	background-position:center top;
	background-repeat:no-repeat;
}
.topMenu li ul li a {
	color:#787878;
	padding:0px;
}
.topMenu li ul li:hover a, .topMenu li ul .menuliover a {
	color:white;
	text-decoration:none;
}
.topMenu .menuActions {
	float: right;
	position: relative;
	color:#020A56;
	font-weight: bold;
}
.topMenu .menuActions ul {
	right: 0px;
	left:auto;
	top: 100%;
	display: none;
	position: absolute;
	list-style: none;
	background-color: white;
	border: 1px solid #9B9B9B;
	width: 165px;
	margin: 0px;
}
.topMenu .menuActions:hover ul {
	display: block;
}
.topMenu .menuActions ul li {
	display: block;
	position: relative;
	width: 155px;	
	text-align: right;
	padding: 3px 5px;
	background:none;
	font-size:0.8em;
	height:auto;
}
.topMenu .menuActions a {
	color: black;
}
#contentArea {
	background-image:url('../images/default-theme.jpg');
	background-position:center 2px;
	background-repeat:no-repeat;
	padding:259px 0px 0px 0px;
}
#contentAreaHome {
	background:none;
	padding:2px 0px 0px 0px;
}
.servicesList {
	width:968px;
	padding:5px 1px 0px 1px;
}
.servicesList .service {
	width:236px;
	height:230px;
	padding:0px 8px 0px 0px;
	background-position:left top;
	background-repeat:no-repeat;
}
.servicesList .service h2 {
	height:40px;
	width:226px;
	font-family:Georgia, Arial, Helvectica, sans-serif;
	font-style:italic;
	font-weight:normal;
	font-size:2.0em;
	padding:10px 0px 0px 10px;
	margin:0px;
}
.servicesList .service h2 a {
	color:white;
}
.servicesList .service ul {
	width:221px;
	padding:0px 0px 0px 15px;
	margin:0px;
	list-style:none;
	height:155px;
}
.servicesList .service ul li {
	background-position:left center;
	background-repeat:no-repeat;
	font-size:1.3em;
	font-weight:bold;
	padding:5px 0px 5px 20px;
}
.servicesList .service ul li a {
	color:white;
}
.servicesList .service .more {
	display:block;
	width:206px;
	font-size:1.5em;
	font-weight:bold;
	padding:0px 15px;
	height:25px;
}
.servicesList .service .more a {
	color:white;
}
.servicesList .webdesign {
	background-image:url('../images/webdesign-service-background.jpg');
}
.servicesList .webdesign ul li {
	background-image:url('../images/webdesign-arrow.gif');
}
.servicesList .graphicdesign {
	background-image:url('../images/graphicdesign-service-background.jpg');
}
.servicesList .graphicdesign ul li {
	background-image:url('../images/graphicdesign-arrow.gif');
}
.servicesList .computerservices {
	background-image:url('../images/computerservices-service-background.jpg');
}
.servicesList .computerservices ul li {
	background-image:url('../images/computerservices-arrow.gif');
}
.servicesList .onlineshop {
	background-image:url('../images/onlineshop-service-background.jpg');
	padding:0px;
}
.servicesList .onlineshop ul li {
	background-image:url('../images/onlineshop-arrow.gif');
}
.wideContentBox {
	width:950px;
	margin:10px 0px 0px 0px;
	background-image:url('../images/wide-contentbox-background.jpg');
	background-position:center top;
	background-repeat:no-repeat;
	padding:10px;
	color:white;
}
.parentListHome {
	width:950px;
}
.parentListHome .item {
	width:950px;
	color:white;
	margin:0px 0px 30px 0px;
}
.parentListHome .item a {
	color:white;
}
.parentListHome .item .top {
	width:950px;
}
.parentListHome .item .top .title {
	width:800px;
}
.parentListHome .item .top .title h2 {
	padding:0px;
	margin:0px;
	font-family:Georgia, Arial, Helvectica, sans-serif;
	font-style:italic;
	font-weight:normal;
	font-size:2.0em;
}
.parentListHome .item .top .more {
	width:150px;
	text-align:center;
	font-size:1.3em;
	font-weight:bold;
}
.parentListHome .item .top .more a {
	display:block;
	width:78px;
	height:23px;
	background-image:url('../images/blue-button.gif');
	background-position:center center;
	background-repeat:no-repeat;
	float:right;
}
.parentListHome .item .bottom {
	width:950px;
	padding:10px 0px;
}
.parentListHome .item .bottom p {
	padding:5px 15px;
	margin:0px;
}
.parentListHome .item .bottom .image {
	width:115px;
	height:101px;
	padding:10px;
	overflow:hidden;
}
#footer {
	width:970px;
	height:111px;
}
#footerLeft {
	width:485px;
	color:#010956;
	font-weight:bold;
	padding:20px 0px 0px 0px;
	height:55px;
}
#footerRight {
	width:485px;
	text-align:right;
	padding:20px 0px 0px 0px;
	height:55px;
}
#footerRight img {
	vertical-align:middle;
	padding:0px 0px 0px 20px;
}
#footerBottom {
	text-align:right;
	width:970px;
}
#footerBottom a {
	padding:0px 0px 0px 10px;
}
#contentLeft {
	width:205px;
}
#contentLeft h2 {
	width:200px;
	height:30px;
	background-image:url('../images/contentleft-h2-background.gif');
	background-position:center top;
	background-repeat:no-repeat;
	margin:0px 0px 5px 0px;
	padding:5px 0px 0px 5px;
	font-family:Georgia, Arial, Helvectica, sans-serif;
	font-style:italic;
	font-weight:normal;
	font-size:1.8em;
	color:#101661;
}
.leftMenu {
	width:205px;
	padding:0px;
	margin:0px;
	list-style:none;
	font-size:1.3em;
}
.leftMenu li {
	width:200px;
	padding:0px 0px 5px 5px;
	font-weight:bold;
	background-position:center top;
	background-repeat:no-repeat;
}
.leftMenu li ul {
	width:195px;
	padding:5px 0px 5px 5px;
	margin:0px;
	list-style:none;
}
.leftMenu li ul li {
	width:195px;
	padding:2px 0px;
	font-weight:normal;
}
.leftMenu a {
	color:white;
}
.leftMenu li.webdesign {
	background-image:url('../images/leftmenu-li-webdesign.gif');
}
.leftMenu li.graphicdesign {
	background-image:url('../images/leftmenu-li-graphicdesign.gif');
}
.leftMenu li.computerservices {
	background-image:url('../images/leftmenu-li-computerservices.gif');	
}
.leftMenu li.quicklinks {
	background-image:url('../images/leftmenu-li-onlineshop.gif');
}
.leftMenu .menuActions {
	float: left;
	position: relative;
	color:white;
	font-weight: bold;
}
.leftMenu .menuActions ul {
	left: 0px;
	top: 100%;
	display: none;
	position: absolute;
	list-style: none;
	background-color: white;
	border: 1px solid #9B9B9B;
	width: 165px;
	margin: 0px;
}
.leftMenu .menuActions:hover ul {
	display: block;
}
.leftMenu .menuActions ul li {
	display: block;
	position: relative;
	width: 155px;	
	padding: 3px 5px;
	background:none;
	font-size:0.8em;
	height:auto;
}
.leftMenu .menuActions a {
	color: black;
}
#contentLeft img {
	padding:10px 0px;
}
#contentMiddle {
	width:520px;
	padding:0px 5px;
	color:white;
	font-size:1.1em;
}
.mediumContentBox {
	width:500px;
	background-image:url('../images/medium-contentbox-background.jpg');
	background-position:center top;
	background-repeat:no-repeat;
	padding:10px;
	margin:0px;
}
#contentMiddle h1 {
	margin:0px 0px 10px 0px;
}
#contentMiddle p {
	padding:5px 10px 5px 10px;
	margin:10px 0px;
}
#contentRight {
	width:235px;
}
#contentRight h2 {
	width:235px;
	height:30px;
	background-image:url('../images/contentright-h2-background.gif');
	background-position:center top;
	background-repeat:no-repeat;
	margin:0px 0px 5px 0px;
	padding:5px 0px 0px 0px;
	font-family:Georgia, Arial, Helvectica, sans-serif;
	font-style:italic;
	font-weight:normal;
	font-size:1.8em;
	color:white;
	text-align:center;
}
.clientPartList {
	width:235px;
}
.clientPartList .client, .clientPartList .alternateClient {
	width:115px;
	height:101px;
	overflow:hidden;
	padding:0px 5px 5px 0px;
}
.clientPartList .alternateClient {
	padding:0px 0px 5px 0px;
}
.clientPartList .more {
	width:235px;
	text-align:center;
	font-size:1.3em;
	font-weight:bold;
}
.clientPartList  .more a {
	display:block;
	width:78px;
	height:23px;
	background-image:url('../images/blue-button.gif');
	background-position:center center;
	background-repeat:no-repeat;
	float:right;
	color:white;
}
.bulletedParentList {
	padding:0px 0px 0px 40px;
	margin:0px;
	list-style:none;
}
.bulletedParentList li {
	font-size:1.2em;
	font-weight:bold;
	font-style:italic;
}
.bulletedParentList li a {
	color:white;
}
.smallButton {
	text-align:center;
	display:block;
}
.smallButton a {
	display:block;
	width:78px;
	height:21px;
	background-image:url('../images/blue-button.gif');
	background-position:center center;
	background-repeat:no-repeat;
	float:left;
	color:white;
	padding:2px 0px 0px 0px;
	font-weight:bold;
}
#contentMiddle p.formSection {
	padding:3px;
	margin:10px 0px;
}
.portfolioPager {
	margin:10px 0px;
}
.portfolioPager td {
	padding:0px 3px;
}
.portfolioPager td a {
	width:16px;
	height:21px;
	background-image:url('../images/pager-number.gif');
	background-position:center center;
	background-repeat:no-repeat;
	color:white;
	display:block;
	padding:3px 0px 0px 8px;
}
.portfolioPager td a:hover {
	background-image:url('../images/pager-selected.gif');
}
.imageGallery {
	width:500px;
}
.imageGallery .image {
	width:500px;
	text-align:center;
}
.clientImage {
	width:235px;
	height:101px;
}
.clientBox {
	width:235px;
	background-color:#0D397D;
	background-image:url('../images/clientBox-footer.gif');
	background-position:center bottom;
	background-repeat:no-repeat;
	margin:5px 0px;
}
.clientBox .clientInnerBox {
	width:235px;
	background-image:url('../images/clientBox-header.gif');
	background-position:center top;
	background-repeat:no-repeat;
}
.clientBox .clientInnerBox p {
	padding:5px 10px;
	margin:0px;
}
.portfolioHeader {
	color:#B5BAF4;
}
.portfolioContentBox {
	width:735px;
	margin:0px;
	background-image:url('../images/portfolio-contentbox-background.jpg');
	background-position:10px top;
	background-repeat:no-repeat;
	padding:10px 10px 10px 20px;
	color:white;
}
.portfolioContentBox h2 .viewAll {
	
}
.portfolioItems .item {
	padding:0px 10px 10px 0px;
	width:235px;
	overflow:hidden;
}
.portfolioItems .item h3 {
	padding:5px;
	margin:0px;
}
.portfolioItems .item h3 a {
	color:white;
}

/*.faqList {
	width:520px;
}
.faqList .faq {
	width:520px;
	margin:0px 0px 15px 0px;
}
.testimonialList {
	width:520px;
}
.testimonialList .testimonial {
	width:520px;
	margin:0px 0px 15px 0px;
}*/



.faqList {
	width:500px;
}
.faqList .faq {
	width:500px;
	background-image:url('../images/faq-background.gif');
	background-position:center top;
	background-repeat:repeat-y;
}
.faqList .faq .header {
	width:500px;
	background-image:url('../images/faq-header.gif');
	background-position:center top;
	background-repeat:no-repeat;
}
.faqList .faq .footer {
	width:500px;
	background-image:url('../images/faq-footer.gif');
	background-position:center bottom;
	background-repeat:no-repeat;
}







