/* 

Title : Zara Networks

Author : Dan

URL : www.zaranetworks.co.uk

Created : 26.04.06

Copyright: Zara Networks Home Networks and Web Design 2000-2008. All Rights Reserved.

--------------------------------------------------------- */

* {
	margin:0;
	padding:0;
}
body {
	color: #525252;
	background-color: #222222;
	background-image: url(../images/bg2.gif);
	background-repeat: repeat-x;
	background-attachment: fixed;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}
.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	background:transparent;
}
.even {
	background-color: #F1F8FF;
	border-bottom: 1px solid #C1D6DB;
	border-top: 1px solid #C1D6DB;
}
/* Maincontent */

/* ------------------------------------------------------- */

#main {
	width:760px;
	margin: auto;
	height:80px;
	border-bottom:10px solid #FFF;
}
#logo {
	width:170px;
	height:80px;
	float:left;
}
#header1 {
	width:740px;
	margin: auto;
	height:160px;
	border-left:10px solid #FFF;
	border-right:10px solid #FFF;
	background-image: url(../images/frontPageBanner5.jpg);
}
#menu {
	float: right;
	height:31px;
}
#content {
	width:740px;
	margin:auto;
	border:10px solid #FFF;
	background:#FFF;
}
#col1, #col2, #col3 {
	width:240px;
	float:left;
}
#col2 {
	margin-left:10px;
}
#col3 {
	margin-left:10px;
	height:416px;
	background-color: #222222;
}
#homenetworks {
	height:203px;
	background-color: #738EA2;
	background-image: url(../images/blueTest.gif);
	background-repeat: no-repeat;
}
#webdesign {
	height:203px;
	margin-top:10px;
	background-color: #ABA78D;
	background-image: url(../images/greenTest.gif);
	background-repeat: no-repeat;
}
#businessnetworks {
	height:203px;
	background-color: #ACAC4C;
	background-image: url(../images/sandTest.gif);
	background-repeat: no-repeat;
}
#itconsultancy {
	height:203px;
	margin-top:10px;
	background-color: #DC6C53;
	background-image: url(../images/orangeTest.gif);
	background-repeat: no-repeat;
}
#left {
	width:190px;
	float:left;
}
#mainContent {
	width:520px;
	float:left;
	margin-left:10px;
	background: url(../images/bgc.gif) repeat-x;
	padding:10px;
}
#footer {
	margin:auto;
	height:80px;
	width:740px;
	color:#666666;
	border-top-width: 0px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-color: #000;
	background-image: url(../images/footerbg.jpg);
}
#divTagline {
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-top: 4px;
	padding-bottom: 10px;
	color: #999999;
	font-size: 12px;
}
#divTagline a {
	color: #CCCCCC;
	text-decoration: none;
}
#divTagline a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
#footer a {
	color: #999999;
}
em {
	font-style: normal;
	color:#525252;
	text-decoration:none;
	background-color:#FCFCB5;
}
em a {
	border-bottom:1px dotted #363636;
	text-decoration:none;
}
em a:hover {
	background:#E6FAD8;
}
#footer-icons {
	padding:0 8px;
}
/* More*/

/* ------------------------------------------------------- */

#homenetworks p {
	color:#FFFFFF;
	font-size:10px;
	text-align:right;
	padding:0 10px 0 0;
}
#homenetworks p a {
	color:#FFFFFF;
	font-size:10px;
}
#businessnetworks p {
	color:#FFFFFF;
	font-size:10px;
	text-align:right;
	padding:0 10px 0 0;
}
#businessnetworks p a {
	color:#FFFFFF;
	font-size:10px;
}
#webdesign p {
	color:#FFFFFF;
	font-size:10px;
	text-align:right;
	padding:0 10px 0 0;
}
#webdesign p a {
	color:#FFFFFF;
	font-size:10px;
}
#itconsultancy p {
	color:#FFFFFF;
	font-size:10px;
	text-align:right;
	padding:0 10px 0 0;
}
#itconsultancy p a {
	color:#FFFFFF;
	font-size:10px;
}
/* Headings */

/* ------------------------------------------------------- */

#logo h2 {
	width:170px;
	height:80px;
	background-image: url(../images/zaraLogo3.gif);
	background-repeat: no-repeat;
	background-position: center;
}
h2 span {
	display:none;
}
h1 {
	font-size:25px;
	color:#70910D;
	font-weight:normal;
}
h2 {
	font-size:1.4em;
	font-weight:normal;
	color:#70910D;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
h3 {
	font-size:13px;
	font-weight:normal;
	color:#70910D;
	padding: 0 0 10px 0;
}

#homenetworks h2 {
	width:240px;
	height:35px;
	background-image: url(../images/homeNetworks.gif);
	background-repeat: no-repeat;
}
#businessnetworks h2 {
	width:240px;
	height:35px;
	background-image: url(../images/businessNetworks.gif);
	background-repeat: no-repeat;
}
#webdesign h2 {
	width:240px;
	height:35px;
	background-image: url(../images/webdesign.gif);
	background-repeat: no-repeat;
}
#itconsultancy h2 {
	width:240px;
	height:35px;
	background-image: url(../images/itconsultancy.gif);
	background-repeat: no-repeat;
}
#computerproblems h2 {
	width:240px;
	height:10px;
	margin:10px 0 4px 0;
	background-image: url(../images/computerProblems.gif);
	background-repeat: no-repeat;
}
#whyus h2 {
	width:240px;
	height:10px;
	margin:0 0 4px 0;
	background-image: url(../images/why.gif);
	background-repeat: no-repeat;
}
#mainContent h1 {
	padding-bottom:10px;
}
/* Paragraphs */

/* ------------------------------------------------------- */

#mainContent p {
	line-height:1.7em;
	color:#333;
	padding:0 0 10px 0;
	text-align:justify;
}
#footer p {
	line-height:18px;
}
#computerproblems p {
	color:#fff;
	font:12px Tahoma, Georgia, Verdana, Arial;
	margin:8px 10px 8px 10px;
	padding:5px 10px 5px 5px;
	text-align:justify;
	background-color: #444444;
}
#whyus p {
	color:#F0F0F0;
	font:12px Tahoma, Georgia, Verdana, Arial;
	margin:8px 10px 8px 10px;
	padding:5px 10px 5px 5px;
	text-align:justify;
	background-color: #444444;
}
/* Lists */

/* ------------------------------------------------------- */

#menu ul {
	list-style:none;
	text-align:center;
	padding:36px 0;
}
#menu ul li {
	display: inline;
	list-style-type: none;
}
#mainnav ul, #nav ul, #portfolio ul {
	list-style:none;
}
#homenetworks ul, #businessnetworks ul, #webdesign ul, #itconsultancy ul {
	font-size:12px;
	margin-top:5px;
}
#homenetworks li, #businessnetworks li, #webdesign li, #itconsultancy li {
	list-style:none;
	background:url(../images/bullet.gif) no-repeat 2px 5px;
	margin:0 0 2px 15px;
	padding:0 0 0 20px;
	color:#FFFFFF;
}
#mainContent li {
	margin-top:0;
	margin-right: 0;
	margin-left: 0px;
}
#mainContent #mainList li {
	margin-top:0;
	line-height: 1.5em;
	text-align: justify;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 40px;
	list-style-type: none;
	background-image: url(../images/greensqbullet.gif);
	background-repeat: no-repeat;
	background-position: 5px 8px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #333333;
}
#mainContent #mainList {
	padding-bottom: 10px;
}

/* Links */

/* ------------------------------------------------------- */

a:link {
	color:#525252;
}
a:visited {
	color:#525252;
	text-decoration:underline;
}
a:hover {
	color:#879733;
	text-decoration:none;
}
#mainContent a:hover {
	color:#000;
	text-decoration:none;
}
a:active {
	color:#525252;
	background-color:transparent;
	font-weight:normal;
}
#logo a {
	width:170px;
	height:80px;
	display: block;
}
#menu ul li a {
	font:12px "Lucida Sans Unicode", verdana, helvetica, sans-serif;
	padding: 30px 8px;
	color:#FFF;
}
#menu ul li a:hover {
	color:#BAC58E;
}
#col33 a {
	display: block;
	padding: 0px;
	text-decoration:none;
	color:#3F7E86;
	width:234px;
}
/* LeftNavigration Images Replacements */

#nav0 a, #nav1 a, #nav2 a, #nav3 a, #nav4 a, #nav5 a, #nav6 a, #nav7 a, #nav8 a, #nav9 a, #nav10 a, #nav11 a, #nav12 a, #nav13 a, #nav14 a, #nav15 a, #nav16 a, #nav17 a {
	text-indent: -5000px;
	display:block;
	position:relative;
	height:29px;
	width:190px;
}
#nav0 a, #nav1 a, #nav2 a, #nav3 a, #nav4 a, #nav5 a, #nav6 a, #nav7 a {
	background:url(../images/main-menu.jpg) no-repeat;
}
#nav8 a, #nav9 a, #nav10 a, #nav11 a, #nav12 a {
	background-image: url(../images/Nav3.gif);
	background-repeat: no-repeat;
}
#nav13 a, #nav14 a, #nav15 a, #nav16 a, #nav17 a {
	background:url(../images/portfolio.jpg) no-repeat;
}
#nav0 a {
	background-position:0 0;
}
#nav1 a {
	background-position:0px -29px;
}
#nav2 a {
	background-position:0px -58px;
}
#nav3 a {
	background-position:0px -87px;
}
#nav4 a {
	background-position:0px -116px;
}
#nav5 a {
	background-position:0px -145px;
}
#nav6 a {
	background-position:0px -174px;
}
#nav7 a {
	background-position:0px -203px;
}
#nav8 a {
	background-position:0 0;
}
#nav9 a {
	background-position:0px -29px;
}
#nav10 a {
	background-position:0px -58px;
}
#nav11 a {
	background-position:0px -87px;
}
#nav12 a {
	background-position:0px -116px;
}
#nav13 a {
	background-position:0 0;
}
#nav14 a {
	background-position:0px -29px;
}
#nav15 a {
	background-position:0px -58px;
}
#nav16 a {
	background-position:0px -87px;
}
#nav17 a {
	background-position:0px -116px;
}
.portitem {
	float:left;
	width:248px;
	margin:0 20px 0 0;
}
.end {
	margin:0 0 10px 0;
}
#mainContent .portitem p {
	padding:0 0 5px 0;
}
.portitemThumbPic {
	display:block;
	border:2px solid #DCDEDF;
}
.portitemThumbPic img {
	border:2px solid #FFF;
}
.portitemThumbPic:HOVER {
	border:2px solid #A9ABAE;
}
.portitemText h3 {
	margin:0;
	padding:0;
	color: #709144;
}
.portfolioShadow {
	height:15px;
	width:248px;
	margin:0;
	background-image: url(../images/portfolioshadow.gif);
	background-repeat: repeat-x;
}
.portclear {
	height:10px;
	margin:10px 0;
	border-top:1px dotted #333333;
}

/*--------------------------------------------------------------------------------------*/
/* blocks general (styles for both homepage sidebar and all pages' content area) */
/*--------------------------------------------------------------------------------------*/

.blocks {
	padding:8px;
}
.blocks .bordered {
	background-color:#EAF2DF;
	border-top-width:2px;
	padding:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #666666;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
}
.blocks .top, .blocks .bottom {
	height:2px;
	overflow:hidden;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #666666;
	border-bottom-color: #666666;
}
#right-portlets #downloads H2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFFFFF;
}
#content .blocks ul, #content .blocks li {
	margin:0;
	padding:0;
}
#content .bordered {
	padding:10px 12px;
	border-top-width:1px;
}
/*--------------------------------------------------------------------------------------*/
/* right-portlets block in content area */
/*--------------------------------------------------------------------------------------*/

#content #right-portlets {
	float:right;
	width:195px;
	margin-left:10px;
}
/*--------------------------------------------------------------------------------------*/
/* downloads block in content area */
/*--------------------------------------------------------------------------------------*/

#content #downloads {
	background-color:#3A5713;
	width:180px;
	w\idth:180px;
	background-image: url(../images/portletbg.gif);
	background-repeat: repeat-x;
}
#content #downloads ul {
	margin-bottom:7px;
	list-style-type: none;
}
#content #downloads li {
	background-image:none;
	margin-bottom:0;
	margin-top:7px;
}
#content #downloads li span {
	display:block;
	font-weight:bold;
	padding:0;
	margin-left:25px;
	vertical-align:top;
}
#content #downloads .top, #content #downloads .bottom {
	height:2px;
	overflow:hidden;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #415463;
	border-bottom-color: #415463;
}
#sideExtra {
	margin-top: 20px;
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 20px;
	padding-left: 10px;
}
#mainbodyList {
	list-style-image: url(../images/arrow.gif);
	text-align: left;
	font-size: 0.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	line-height: 1.6em;
}
.portfolioImg {
	margin-left: 4px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 16px;
	padding-right: 8px;
	padding-bottom: 16px;
	padding-left: 8px;
}
#mainContent #sitemapLinks li {
	list-style-type: none;
	text-decoration: none;
	padding-top: 6px;
	padding-bottom: 6px;
}
#mainContent #sitemapLinks {
	margin-bottom: 40px;
}
#mainContent #sitemapLinks li a {
	text-decoration: underline;
	color: #70910D;
}
.sitemap-level1 {
	padding-left: 40px;
}
.sitemap-level2 {
	padding-left: 80px;
	font-weight: normal;
}
#mainContent  p.phoneIcon {
	background-image: url(../images/phone.gif);
	background-repeat: no-repeat;
	padding-left: 30px;
	background-position: 8px 5px;
}
#mainContent  p.mobileIcon {
	background-image: url(../images/icon_mobile.gif);
	background-repeat: no-repeat;
	padding-left: 30px;
	background-position: 11px 3px;
}
#mainContent  p.emailIcon {
	background-image: url(../images/email.gif);
	background-repeat: no-repeat;
	padding-left: 30px;
	background-position: 8px 5px;
}
#mainContent p.addressIcon {
	background-image: url(../images/building.gif);
	background-repeat: no-repeat;
	padding-left: 30px;
	background-position: 9px 2px;
}
.borderlessImg {
	border: none;
	float: right;
	padding-right: 8px;
	padding-left: 8px;
}
table {
	border-collapse:collapse;
	margin:20px 0 20px 0;
	text-align: left;
  }

th, td {
	vertical-align:top;
	border:1px solid #70910D;
	font-size: 0.9em;
	line-height: 1.6em;
	padding: 5px;
  }

td.strong {
	font-weight: bold;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #C30426;
  }

td.normal {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #C30426;
  }