/* Layout elements */

/* Fundamentals */

html {
	background-color: #225577;
	font: 0.75em/1.3 Tahoma, Verdana, Helvetica, Arial, Sans-serif;
	text-align: center;
}

/* Body container */

body {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 780px;
	background-color: #EDF8FF; 
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

img {
        border: 0;
}

hr { 
        width: 90%;
}

/* Links */

a:link, a:visited {
	text-decoration: underline;
	color: #22774F;
}

a:hover, a:active {
        color: #773222;
	text-decoration: underline;
}

/* Headings */

h1 {
	font-size: 18px;
        font-weight: bold;
        color: #2D3B6A;
}

h2 {
	font: normal 1.9em "Century Gothic", Geneva, Helvetica, Arial, Sans-serif;
}

h3 {
	font: normal 1.6em "Century Gothic", Geneva, Helvetica, Arial, Sans-serif;
}

/* Lists */

ul {
	margin-left: 25px;
	padding: 0;
}


/* Layout IDs */

/* Header */

#head {
	width: 780px;
	height: 150px;
}

#head h1 {
	margin: 0;
	padding: 0;
	display: block;
	width: 780px;
	height: 150px;
	background-image: url(images/head.jpg);
	text-indent: -10000px;
}

/* Navigation */

#nav {
	margin: 0;
	width: 780px;
	height: 200px;
        text-align: center;
}
#homepanel { 
        background: url(images/homepanelsBG.gif) repeat-x; 
        padding:10px 0 50px 10px; 
}

.panel { width:253px; float:left; margin:0 1px 0 0; }
.panelEnd { border-top:3px solid #000;  background: url(images/greyshadow.gif)
repeat-x; padding:5px;  }
.panelTab { display:block; text-indent: -9000px; width:253px; height:60px;
text-decoration:none; border-bottom:1px solid #fff; }
.screenShot {     
  display:block; 
  border:2px solid #DCDEDF; 
  margin:0 0 1px 0;
}
.screenShot img { 
  border:2px solid #FFF; 
}
.screenShot:HOVER {       
  border:2px solid #A9ABAE; 
}
#webdesignNav { 
  background:  url(images/webDesignImage.gif) no-repeat; 
}
#seoNav { 
  background:  url(images/searchOptimizationTab.gif) no-repeat; 
}
#pan03 { 
  background: url(images/patientLoyaltyTab.gif) no-repeat; 
}
#webdesignNav:HOVER, #seoNav:HOVER, #pan03:HOVER  { 
  background-position:0 -60px; 
}




/* Navigation list */

#nav ul {
	margin: 0 0 0 0;
	padding: 0;
}

#nav li {
	float: left;
	list-style: none none;
	margin: 0 0 0 1px;
	padding: 0 0;
	text-transform: uppercase;
	font: 8px Tahoma, Helvetica, Arial, Sans-serif;
        font-weight: bold;
}

/* Navigation links */

#nav li a:link, #nav li a:visited {
	margin: 0;
	padding: 0 0;
	display: block;
	width: 110px;
	color: #99883F;
	background-color: #f3f3f3;
	text-decoration: none;
	text-align: center;
}

#nav li a:hover, #nav li a:active {
	margin: 0;
	padding: 0 0;
	display: block;
	width: 110px;
	color: #111;
	background-color: #fefefe;
	text-decoration: none;
}

/* Span to change colour */

#nav li a:link span, #nav li a:visited span {
	margin: 0;
	padding: 0;
	color: #5588b5;
	text-decoration: none;
}

#nav li a:hover span, #nav li a:active span {
	margin: 0;
	padding: 0;
	color: #5588b5;
	text-decoration: none;
}

/* Main content */

#main {
	width: 530px;
	padding: 15px;
	float: left;
        background: #edf8ff url(images/mainbg.jpg) repeat-x;
        color: #2D3B6A;
}


/* Sidebar */

#sidebar {
	width: 190px;
	padding: 15px;
	float: right;
	background: #edf8ff url(images/mainbg.jpg) repeat-x;
}

/* Sidebar list links */

#sidebar ul {
	margin: 0;
	padding: 0;
	background: #A2BDD0 url(images/sidebarulbg.jpg) repeat-x;
	border-top: 1px solid #22774F;
	border-bottom: 1px solid #22774F;
}

#sidebar li {
	margin: 0 0 0 0;
	padding: 0;
	list-style-type: none;
	border-top: 1px solid #225577;
	border-bottom: 1px solid #225577;
}

#sidebar li a:link, #sidebar li a:visited {
	display: block;
	width: 180px;
	height: 24px;
	padding: 3px 0 0 5px;
	color: #22774F;
	font-weight: bold;
/*	
        background-color: #f1f1f1; 
	background-image: url(images/linkBackground1.jpg);
*/
	text-decoration: none;
}

#sidebar li a:hover, #sidebar li a:active {
	display: block;
	width: 180px;
	height: 24px;
	padding: 3px 0 0 5px;
/*	
        background-color: #fcfcfc; 
	background-image: url(images/linkBackground2.jpg);
*/
	color: #773222;
	text-decoration: none;
}

/* Footer */

#foot {
	margin: 0;
	padding: 0;
	text-align: center;
	clear: both;
}

#foot p {
	margin: 0;
	padding: 20px 0;
	font-weight: bold;
}