/*
/**		Filename:
/**		 web_design_style.css
*/


html   {margin: 0px; padding: 0px; }

body   {  margin: 0px; padding: 0px; height: auto !important; min-height: 100%; font-size: 75%; font-family:  "trebuchet ms", Helvetica, arial, sans-serif; text-align: center; letter-spacing: 0;  background-color: #2C2E3D; }

* html body { height: 100%}

a { outline: none; }

p { font-size: 13px;  line-height: 18px; color: #424142; margin: 0.25em 0 0.75em 0; letter-spacing: 0px; }

H1, H2, H3, H4 { font-family: Helvetica, arial, sans-serif;}

H1 { margin: 0 0 0 0; font-size: 21px; color:#4D4F6A; }
H2 { margin: 0 0 0.33em 0; font-size: 17px; color: #999999; }
H3 { margin: 0 0 0.5em 0; font-size: 15px; color: #444444; }
H4 { margin: 0 0 0.75em 0; font-size: 12px; color: #444444; }

.masterbanner { clear: both; height: 100px; width: 100%; background-image: url(../images/web_design_bee.jpg); background-repeat: no-repeat; }
.masterbanner2 { clear: both; height: 100px; width: 100%; background-image: url(../images/web_design_sweet.jpg); background-repeat: no-repeat; }
.masterbanner3 { clear: both; height: 100px; width: 100%; background-image: url(../images/web_design_mesh.jpg); background-repeat: no-repeat; }
.masterbanner4 { clear: both; height: 100px; width: 100%; background-image: url(../images/web_design_cables.jpg); background-repeat: no-repeat; }
.masterbanner5 { clear: both; height: 100px; width: 100%; background-image: url(../images/web_design_fees.jpg); background-repeat: no-repeat; }
.masterbanner6 { clear: both; height: 100px; width: 100%; background-image: url(../images/website_today.jpg); background-repeat: no-repeat; }
.masterbanner7 { clear: both; height: 100px; width: 100%; background-image: url(../images/web_design_colours2.jpg); background-repeat: no-repeat; }

a { color: #416473 }
a:visited { color: #686868 }
a:hover { color: #004623; background-color:beige; padding: 0 0.25em 0 0.25em; margin: 0 -0.25em 0 -0.25em; }


td { font-size: 11px}

/*
/**
/**		 CONTAINER FOR HEADER, BODY, FOOTER
/**
*/


#container { 
	position:			absolute; left: 50%;
	margin:				0 auto;
	margin-left:        -395px !important;
	margin-left:        -415px;
	width:                          790px !important;
	width:				838px;
	height:				auto !important; /* Detect height automatically, Incompatible w/IE */
	min-height:			100%;
    height: 100%;
	background-color: white;
	border-right: 24px solid #6F7196;
	border-left: 24px solid white;
	
}

/*
/**
/**		 HEADER
/**
*/

#header     {  width: 100%; }

#header #headerlogo { background-image: none; background-repeat: no-repeat; width: 100%; height: 68px }


#header #headermenu   { position: relative; float: left; top: 0px; width: 790px; height: 23px !important; height: 24px; background-color: #4D4F6A; border-bottom: #ffffff solid 1px; font-family: Helvetica, arial, sans-serif; }
#header #headermenu a     { float: left; position: relative; top: 2px; left: 1.4em; color: #fff; font-size: 16px; font-weight: bold; text-decoration: none; display: inline; margin: 0 5px 0 0; padding: 0 10px; }
#header #headermenu a:hover    { color: #fff; text-decoration: none; background-color: #6F7196; height: 19px; }

#header #headermenu a.current      { background-color: #fff; text-decoration: none; color: #37394C; height: 19px; }


#header #headermenu1   { position: relative; float: left; top: 0px; width: 790px; height: 23px !important; height: 24px; background-color: #4D6A6A; border-bottom: #ffffff solid 1px; font-family: Helvetica, arial, sans-serif; }
#header #headermenu1 a     { float: left; position: relative; top: 2px; left: 1.4em; color: #ffffff; font-size: 16px; font-weight: bold; text-decoration: none; display: inline; margin: 0 5px 0 0; padding: 0 10px; }
#header #headermenu1 a:hover    { color: #fff; text-decoration: none; background-color: #6F9696; height: 19px; }


#header #headermenu1 a.current      { background-color: #ffffff; text-decoration: none; color: #37394C; height: 19px; }


#header #selectwebsite a:hover    { text-decoration: none; height: 19px; }
#header #selectwebsite { font-size: 14px; position: absolute; left: 220px; top: 4px; visibility: visible; font-family: helvetica, arial, sans-serif; }
#header #selectwebsite a { text-decoration: none; color: #37394C; padding: 0 2px 0 2px; margin: 0px; border: 0px; }
#header #selectwebsite a:hover { text-decoration: underline; }

#header #selectwebsite a.selectwebdesign { background-color: #eeeeee; color: #444444; background-image: url(../images/dot.gif); }


#header #calltallfree { z-index: 5; color: white; font-size: 11px; position: absolute; left: 542px; top: 72px; visibility: visible; text-decoration: none}

#header #webdesignlogo  { border: 0px; z-index: 5; color: white; font-size: 11px; position: absolute; left: 13px; top: 24px; visibility: visible; text-decoration: none} 
#header #webdesignlogo a img { padding: 0px; margin: 0px; background-color: #ffffff; border: 0px; text-decoration: none; } 

#header #websitemonitoringlogo  { border: 0px; z-index: 5; color: white; font-size: 11px; position: absolute; left: 682px; top: 25px; visibility: visible; text-decoration: none} 
#header #websitemonitoringlogo a img { padding: 0px; margin: 0px; background-color: #ffffff; border: 0px; text-decoration: none; } 




/*
/**
/**		 BODY     -------------------------------
/**
*/


/*
/**
/**		 OVERVIEW LEFT    ---------
/**
*/

#thumboverview { width: 235px !important; width: 215px; padding: 0px; margin: 20px 15px 120px 5px; height: auto; float: right; text-align: left;  }

#thumboverview * { padding: 0px; margin: 0px; text-indent: 0px; list-style-type: none; }

#thumboverview p {  margin: 10px; font-size: 12px; line-height: 16px }
#thumboverview h1 {  font-size: 18px; margin: 0 0 0.25em 0; color: #4D6A6A; }

#thumboverview li { float: left; padding: 2px 10px 6px 0px; }
#thumboverview li img { border: 1px solid white }
#thumboverview li a {  background-image: url( ../images/dot.gif); background-color: #eeeeee; display: block; padding: 6px; border: 1px solid #ffffff; display: block; float: left; }
#thumboverview li a:hover  {  border: 1px solid white; background-image: none; background-color: #dddddd; }



/*
/**
/**		 CONTENT     ---------
/**
*/


.content   { padding: 0px; margin: 20px 0 115px 23px;
	text-align: left;
	float: left;

	bottom: 100%;
	width: 500px !important;
	width: 523px }


.content p {  margin: 0 0 1em 0; font-size: 13px; line-height: 18px; }

#pic { float: left; padding: 7px; margin: 3px; background-image: url(../images/dot.gif);  }
#pic img { border: 1px solid #ffffff; }

/*
/**
/**		 FOOTER       ----------------------------
/**
*/



#footer { padding: 10px 10px 10px 30px;  
    border-top: 1px solid black;
	background-image:	url(../images/dot.gif);

	position:			absolute;
	left: 50%; margin-left: -395px; 
	bottom:				0;
	width: 750px !important;
	width:				790px;
	height:				70px;
	text-align:			left;
	
	
	margin-bottom:		0 !important;
			/* margin-left:		-395px;IE Fix for displaying the footer */
	margin-bottom:		-1px;		/* properly. The margin left must be half of the width
									   of it's container. Then set a -1 bottom margin to
									   fill an odd 1px gap at the bottom of the page in IE.
									*/
}

#footer * {font-size: 11px;}



#footer a { text-decoration: none }

#footer .web_design { color: black }



/*
/**
/**
/**
*/