﻿html,body{margin:0 5px;padding:0}
body{font: 76% "Trebuchet MS",arial,sans-serif;text-align:center;background: #E4E4E4 url("../img/bodybg.jpg") repeat-x;}
p{margin:10px;}
div#content p{margin:0 25px 10px 25px;color:#696869;text-align:justify;}
div#content ul.standard {margin:0 25px 10px 25px;color:#696869;text-align:justify;}
div#content h1, h2, h3, h4, h5, h6{margin-left:25px;}
a{color: #DA541A;border:0;}
/*a{display:block;color: #981793;padding:10px}*/
img{border:none}
div#header {height:15px;margin:0;
  padding:0;background: #CCE70C url("../img/headbg.jpg") repeat-y;}

div#container{text-align:left;background: #fff url("../img/mainbg.gif") repeat-y;}
div#content{}
div#extra p{margin:10px 20px 0 15px;font: 90%/1em "Trebuchet MS",arial,sans-serif;color:#878687;}
div#footer{background: #343434;color: #fff;text-align:right;}
div#footer p{margin:0;padding:5px 20px}

div#contentbottom p{line-height:1.4}
div#container{
	width:976px;
	margin:0 auto
}
div#content{float:left;width:747px; position:relative;}
div#extra{float:right;width:229px;margin-bottom:25px;}

div#extra p a {color:#878687;text-decoration:none;}
div#extra p a:hover {color:#878687;text-decoration:underline;}

div#footer{clear:both;width:100%}
#extra h1#logo span { display: none; margin:0;padding:0;}
#extra h1#logo {
    height: 100px; /* height of the replacement image */
    background: #696869 url("../img/zestmedia.jpg") no-repeat;
    margin:0;padding:0;
}
div#content h1 {
font: 160% "Trebuchet MS",arial,sans-serif;
padding-bottom:0;
margin-bottom:8px;
color:#9cb10a;
}
div#content h2 {
font: 120% "Trebuchet MS",arial,sans-serif;
padding-bottom:0;
margin-bottom:0;
color:#696869;
text-transform:uppercase;
font-weight:bold;
clear:both;
}

div#content b {
font: 120% "Trebuchet MS",arial,sans-serif;
padding-bottom:0;
margin-bottom:0;
color:#696869;
text-transform:uppercase;
font-weight:bold;
clear:both;
}

div#content h2 span.indev {
color:#DA541A;
text-transform:capitalize;
}
div#content p a, div#content p a img
{
	margin:0;
	padding:0;
	text-decoration:none;
	color:#DA541A;
	border:0;
	font-size:1.2em;
}

div#content p a:hover
{
	text-decoration:underline;
}
div#content h1#home span { display: none; margin:0;padding:0;}
div#content h1#home {
    height: 16px; /* height of the replacement image */
    background: url("../img/h_home.gif") no-repeat;
    margin:50px 10px 10px 25px;padding:0;
}
div#content h1#about span { display: none; margin:0;padding:0;}
div#content h1#about {
    height: 16px; /* height of the replacement image */
    background: url("../img/h_about.gif") no-repeat;
    margin:50px 10px 10px 25px;padding:0;
}
div#content h1#solutions span { display: none; margin:0;padding:0;}
div#content h1#solutions {
    height: 16px; /* height of the replacement image */
    background: url("../img/h_solutions.gif") no-repeat;
    margin:50px 10px 10px 25px;padding:0;
}
div#content h1#services span { display: none; margin:0;padding:0;}
div#content h1#services {
    height: 16px; /* height of the replacement image */
    background: url("../img/h_services.gif") no-repeat;
    margin:50px 10px 10px 25px;padding:0;
}
div#content h1#portfolio span { display: none; margin:0;padding:0;}
div#content h1#portfolio {
    height: 16px; /* height of the replacement image */
    background: url("../img/h_portfolio.gif") no-repeat;
    margin:50px 10px 10px 25px;padding:0;
}
div#content h1#contact span { display: none; margin:0;padding:0;}
div#content h1#contact {
    height: 16px; /* height of the replacement image */
    background: url("../img/h_contact.gif") no-repeat;
    margin:50px 10px 10px 25px;padding:0;
}
div#content h1#quotation span { display: none; margin:0;padding:0;}
div#content h1#quotation {
    height: 16px; /* height of the replacement image */
    background: url("../img/h_quotation.gif") no-repeat;
    margin:50px 10px 10px 25px;padding:0;
}div#content h1#enquiry {
    height: 16px; /* height of the replacement image */
    background: url("../img/h_enquiry.gif") no-repeat;
    margin:50px 10px 10px 25px;padding:0;
}
div#content div#rightcolumn {float:right;width:355px;margin-top:-5px;}
div#content div#rightcolumn img {margin-top:10px;}
div#content div#quote span { display: none; margin:0;padding:0;}
div#content div#quote {
    height: 84px; /* height of the replacement image */
    background: url("../img/requestaquote.gif") no-repeat;
    margin:0 0 0 22px;padding:0;
}
div#content h1#h_devsolutions span { display: none; margin:0;padding:0;}
div#content h1#h_devsolutions {
    height: 20px; /* height of the replacement image */
    background: url("../img/h_devsolutions.gif") no-repeat;
    margin:-5px 0 0 25px;padding:0;
}

div#content h1#latestupdates span { display: none; margin:0;padding:0;}
div#content h1#latestupdates {
    height: 16px; /* height of the replacement image */
    width: 155px; /* height of the replacement image */
    background: url("../img/h_latestupdates.gif") no-repeat;
    margin:20px 0 10px 25px;padding:0;
}
div#content h1#video span { display: none; margin:0;padding:0;}
div#content h1#video {
    height: 16px; /* height of the replacement image */
    width: 208px; /* height of the replacement image */
    background: url("../img/h_streamingvideo.gif") no-repeat;
    margin:50px 0 10px 25px;padding:0;
}

div#content a.tags {
margin:0;padding:0;
}

div#content input {
width:300px;
}

div#content input.checkbox{
width:23px;
}

div#content label{
margin-right:12px;
}

div#content textarea {
width:99%;
}
div#content .bb {
height:4px;width:100%;float:left;margin:-5px 0 0 0;padding:0;
font: 1%/0.1em "Trebuchet MS",arial,sans-serif;
}
div#content div#rightcolumn h2 {margin:10px 0 0 25px;padding:0;font: 90%/1em "Trebuchet MS",arial,sans-serif;}
div#content div#rightcolumn h2 a {text-decoration:none;color:#DA541A;margin:0;padding:0}
div#content div#rightcolumn h2 a:hover {text-decoration:underline;}
div#content div#rightcolumn p {margin:0 25px 10px 25px;padding:0;font: 90%/1.2em "Trebuchet MS",arial,sans-serif;}
#menuh {display:block; width:747px; height:38px; margin:-4px 0 0 0; padding-top:5px; float:right;background:transparent url(../img/menubg.jpg) repeat-x;}

#menuh ul {margin:0; padding:0; list-style-type:none;float:right;}

#menuh li {float:left; margin:0; height:32px; padding:2px 10px 0 10px;}

#menuh li.on {background:transparent url(../img/menuon.png) no-repeat bottom center;}

#menuh a {display:block; height:20px; color:#fff;margin:0; padding:0; text-decoration:none;}
#menuh a:hover {color:#c9c9c9;}


#logos
{	margin:0 0 10px 25px;width:700px;float:left;
	padding-top:10px;border-top:solid 1px #CCE70C;
}
#logos img
{	
	margin:0 8px 0 0;
	padding:5px 0 0 0;
}
.menu 
{
	float:left;
	width:229px;
	padding:5px 0 0 0;
    font: normal 100%/1.2 "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
    color:#000;
    list-style-image:url(../img/arrow.png);
    background: url("../img/menu_bg.gif") no-repeat;
}
.menu li
{
	padding:0 15px 8px 0;
}
.menu ul
{
	margin-left:-6px;
}

.menu li a
{
    color:#fff;
	text-decoration:none;
    /*font: bold 125%/1em "Segoe UI", Tahoma, Arial, Helvetica, sans-serif;*/
    font: bold 125%/1em "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
    margin:0;padding:0 0 3px 0;
}
.menu li a:hover
{
	text-decoration:underline;
}
div#extra h1#headlines span { display: none; margin:0;padding:0;}
div#extra h1#headlines {
    height: 16px; /* height of the replacement image */
    background: url("../img/h_headlines.gif") no-repeat;
    margin:410px 0 0 14px;padding:0;
}
.top 
{
	float:right;
	margin-top:-20px;
	margin-right:25px;
}
.top a, .top a img
{
	text-decoration:none;
	border:none;
}
.top a:hover
{
	text-decoration:underline;
}
div#topical 
{
position:relative;
color:#696869;
border-bottom: solid 1px #CCE70C;
margin-bottom:-1px;

}
div#greenline 
{
border-top: solid 1px #CCE70C;
}

