body { font-size: 73%; margin:0; padding:0;  background: url(/images/headerBg.gif) repeat-x; background-position:top }
h1 { margin: 0pt; padding: 0px; padding-bottom:0; font-size: 20px; color: #4cafe6; font-weight:bolder; font-family:trebuchet MS}

h2,h5,h6 { font-weight: bold; font-family: trebuchet MS}

h3 {font-family:Trebuchet MS; font-size:18px; line-height:24px; font-weight:bolder; }
h4 {font-weight: bold; margin:0}

.copyrightfooter  { background: #000; color:#FFFFFF; padding:3px 5px}
.header {position:relative; z-index:0}


#services-headers {
  margin: 0pt; padding: 0pt;  
  width: 204px; 
  min-height: 49px;
}

#services-headers a {
  display:block;
  width:100%;
  height:100%;
  text-decoration:none;
}


.site_container { border: 1px #ccc solid; border-top: 0; border-right:none; margin:0; padding:0;  width:940px;
				  /* this border stuff is all for IE6's buggy background rendering */ }
				  
.packages-title {
float: left; width: 350px; font: bold 20px Arial, Helvetica, sans-serif; color: #8acc5e; margin-left:15px; padding-left:0; font-family: Arial, Helvetica, sans-serif; font-size: 18px;
}
				  
.packages-container {
float:left; width: 620px; padding:20px 0 10px 0; border-bottom:dotted 1px #006699}

.packages-description {
float: left; width: 470px; color: #666666;  margin-top:10px; margin-left:15px; line-height:18px;
}

.packages-description ul li {
 background: url(/images/checkmark.gif) left top no-repeat; padding-left:25px; padding-top:5px;}


.packages-description2 {
float:left; width: 400px; padding-left:10px; margin-top:0; padding-top:0; color:#666;
}

.packages-image {
float:left; width:130px; margin:0; padding:0
}

.contentBox { background: #fff; border: 1px #aaa solid; padding: 7px; margin: 20px;}
.contentBox2 { background: #fff; border: 1px #aaa solid; padding: 7px;}
.contentBox3 {float:left; background: #fff; border: 1px #aaa solid; padding-right:38px;}
.contentBoxRight { background: #fff; border: 1px #fff solid; padding: 7px; margin: 0px}
.disclaimer {border: 1px #aaa solid; padding: 0; margin: 0; float: left; margin-top: 0pt; margin-bottom: 5px}
.urlMan { background: #fff}
.contentBox ul li { background: url(/images/arrow-bullet-point.gif) left center no-repeat;}
.contentBox2 ul li { background: url(/images/arrow-bullet-point2.gif) left top no-repeat;}


.articleTitle {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color: #666666; font-weight:bold }
.articleDate {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #999999; }
.articleBody {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; }


heading-main {
color:red; font-size:28px;
}

.cssform p{
position:relative;
width: 350px;
clear: left;
margin-left: 25px;
font-size:14px;
font-weight:bolder;
color:#000000;
text-align:left;
padding: 10px 0 0 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dotted #CCCCCC ;
height: 75%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 200px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 280px;
}

.cssform textarea{
width: 250px;
height: 60px;
}

.required-fields {
	color:#FF0000;
	font-size:12px;
	text-align:left;
	}
	
.form {
	background-color:#fff;
	width:575px;
	padding:20px;
	text-align:left;
	border:none;
	}

.form-intro {
	color:#000;
	font-size:10px;
	text-align:left;
	}
	
/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

.blue_header {
	font-size: 20px;
	color: #2484af;
	font-family: trebuchet MS;
	font-weight: bolder;
	margin: 0px;
	padding: 0px;
	color: #4cafe6;
	text-indent: 0px;
}

.blue_header_small {
	font-size: 14px;
	color: #2484af;
	font-family: trebuchet MS;
	font-weight: bolder;
	margin: 0px;
	padding: 0px;
	color: #4cafe6;
	text-indent: 0px;
}

.mypets{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
padding: 2px 5px;
border:none;
background-color:#FFFFFF
}

.openpet{ /*class added to contents of 1st demo when they are open*/
background: #fff;
}

.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font: bold 14px Verdana;
margin: 10px 0;
}


.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: green;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: red;
}







.internet-marketing-quote {
	padding:0;
	margin:0;
	}

.sidepanel-content {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	text-align: left;
}

div.Internet-Marketing-header-table {
	position:absolute;
	left:0px;
	top:0px;
	width:1047px;
	height:1024px;
}

div.Internet-Marketing-header {
	position:absolute;
	left:0px;
	top:86px;
	width:644px;
	height:244px;
}

.blue_title {font-family: Trebuchet MS; font-size: 18px; margin: 0px; color: #4cafe6;}
.rightSide h3 { color: #247aa5; font-size: 108%; font-style: italic; padding: 10px 0 10px ; }
.rightSide h3 img { display: block; margin-bottom: 5px; }

.leftSide .contentBox { border-left: none; }
.leftSide .fullBorder  { border-left: 1px #aaa solid; }
.business_web {float:left; width:221px; margin-top:0; border-right: 1px #eaad33 solid; border-left: 1px #eaad33 solid; padding: 15px 10px 0 10px; }

p.web_design {width:221px; margin-top:0; border-right: 1px #1fa11f solid; border-left: 1px #1fa11f solid; padding: 10px; }
p.internet_marketing {width:221px; margin-top:0; border-right: 1px #b23939 solid; border-left: 1px #b23939 solid; padding: 10px; }
p.viewportfolio {padding:20px 8px; }


fieldset { border: 1px solid #aaa; }
.login label { color: #aaa; font-size:12px; }
.login .right { background: url(../images/login_prongs.gif) no-repeat center left; }

.newsBox h2#news { background: url(../images/news-headline.gif) no-repeat center bottom; }
.newsBox span { display: none; }
.newsBox .newsContainer { border-right: 1px #075d95 solid; border-left: 1px #075d95 solid; }
.newsContainer h3 { color: #4b80a5; font-size: 116%; margin-bottom: -3px;}
.article { border-bottom: 1px dotted #ddd; padding-bottom: 5px; margin-bottm: 5px; }
.article .date { font-size: 93%; border-top: 1px dotted #075d95; display: inline; clear: both; margin-bottom: 0; padding: 0;}
.article .body { font-weight: bold; margin-top: 5px; padding-top: 0; margin-left: 10px; }

.readmore { background: url(/images/arrow-bullet-point.gif) no-repeat center left; padding-left: 15px; color:#3399CC }
.rightsideOtherServices { font-size:14px; font-weight:bold; background-image: url('/images/other-solutions.jpg'); background-repeat: no-repeat; background-position: right center}
.rightBottomServices { margin: 10px; line-height: 15px; }
.rigthBottomServices h1 { font-size:12px; padding:0pt }


/* footer */
#footer  { background: #0c78b3; }
#footer,
#footer a:link,
#footer a:visited,
#footer a:active { color: #ffffff; text-decoration: none; }
#footer a:hover { color: #35ff00; }
#footer ul li ul li a:hover {  text-decoration: underline; background: #125384; color: #fff; border: 1px #125384 solid; }
#footer li a { background: #0c78b3; border: 1px #0c78b3 solid; }

a:link, a:visited {
	color: #3399CC; text-decoration: none;
	font-weight: normal;
}

/* incidentals */
.valeo_man { background: #fff url(/images/valeo-man-bg.gif) no-repeat top right; padding-right: 200px; }
.ask_yourself { background: #fff url(/images/ask-yourself-this.jpg) top left no-repeat; padding: 10px !important; padding-top: 15px !important;  display: block; }
.portfolio {background-color:#000000; padding: 8px !important; display: block; }

/*Home Page*/

/*   For top navigation */

.solidblockmenu{
	margin: 0;
	padding: 0;
	float: right;
	font: bold 13px Arial;
	width: 600px;
	overflow: hidden;
	margin-bottom: 1em;
	border-width: 1px 0;
	border-left:1px solid #58a0c1;
}

.solidblockmenu li{
	display: inline;
}

.solidblockmenu li a{
	float: left;
	color: white;
	line-height:44px;
	padding:0 20px;
	font-weight:bold;
	text-decoration: none;
	border-right: 1px solid #58a0c1;
}

.solidblockmenu li a:visited{
	color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
	color: white;
	background: transparent url(../images/blockactive.gif) center center repeat-x;
}

.menu-container {
	width:692px;
	margin:0 auto;
}


.drop-ul  {
/*		background:url(../images/yellow-center-curve.jpg) repeat-x;
*/		height:21px;
		font-size:11px;
		font-family:Arial, Helvetica, sans-serif, "MS Sans Serif";
		color:#6A6A6A;
		line-height:23px;

		}

		
.sub-ul {
	 font-size:12px;
	 width:368px;
	 margin-left:-100px;
	}
		
.drop-ul a {
	color:#fff;
	text-decoration:none;
	 padding:0 3px 0 3px;
	}
	
.drop-ul a:hover {
	color:#D8EB91;
	}	
	

/* For top navigation ends here */
img { behavior: url("iepngfix.htc")}


/* 

for <X>px  	use <X>%
10 			77
11 			85
12 			93
13 			100
14 			108
15 			116
16 			123.1
17 			131
18 			138.5
19 			146.5
20 			153.9
21 			161.6
22 			167
23 			174
24 			182
25 			189
26 			197

*/

  
/*contact form
label {
width: 12em;
float: left;
text-align: right;
display: block
}

.submit input
{
margin-left: 4.5em;
}
input
{
color: #781351;
border: 1px solid #781351
}

.submit input
{
color: #fff;
font-weight:bolder;
background:#3399CC;
}
fieldset
{
border:0;
width: 20em
}

legend
{
color: #fff;
background: #ffa20c;
padding: 2px 6px
}

*/