/*
  Design by Love Web Design ( http://www.lovewebdesign.co.uk )
  Please do not copy in part or in whole without the owners 
  express written permission.  Thank you.

*/

/* ------------------------ */
/* Website Wide Main Style */
/* ------------------------ */

/* Site wide, body and header */

* {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
body {
	background: #606060;
	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font: normal large "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #00ab67;
}

/* Links and Hover */

a {
	color: #000;
}
a:hover {
	text-decoration: none;
	color: #00ab67;
}

.left {
	float: left;
	padding-right: 25px;
}
.right {
	float: right;
	padding-left: 25px;
}
em {font-style: normal;
}

/* Accessibility internal link */

#accessibility-internal-link {
	clear: both;
	width: 900px;
	margin: 0px auto 0px auto;
	padding: 0px;
	background: #FFF;
}

/* Website page wrapper */

#website-page-wrapper {
	clear: both;
	width: 900px;
	margin: 0px auto 0px auto;
	background: #FFF;
}

/* Our Logo */

#our-logo {
	float: left;
	width: 342px;
	height: 77px;
	margin: 0px 0px 10px 8px;
	padding: 0px;
}

#our-logo img {
	width: 342px;
	height: 77px;
}

/* Website main menu - top navigation */

#website-main-menu {
	float: right;
	width: 450px;
	margin: 40px auto 0px auto;
	padding: 0px;
}
#website-main-menu ul {
	float: right;
	margin: 0px;
	list-style-type: none;
}
#website-main-menu li {
	display: inline;
}
#website-main-menu a {
	position: relative;
	margin: 0 1em 0 1em;
	text-decoration: none;
	text-transform: uppercase;
	border-bottom: 5px solid #c0c0c0;
	font-size: x-small;
	font-weight: normal;
}
#website-main-menu a:hover, #menu .active a {
	border-bottom-color: #00ab67;
	color: #000;
}

/* Love Web Design Textual Logo */

#love-web-design-sunflower-logo {
	clear: both;
	width: 900px;
	height: 200px;
}

/* Website side menu/naigation and main page content */

#website-side-menu-and-main-content-wrapper {
	padding-top: 10px;
}

/*  Website side menu/navigation */

#website-side-menu-title {
	font: normal large "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #00ab67;
}

#website-side-menu {
	float: left;
	width: 160px;
	background-color: transparent;
}
#website-side-menu ul, li {
	list-style-type: none;
	text-decoration: none;
	}
#website-side-menu ul li a {
	padding-left: 7px;
	list-style-type: none;
	text-decoration: none;
}
#website-side-menu ul li a:hover {
	padding-left: 7px;
	list-style-type: none;
	text-decoration: none;
	font-weight: bold;
}

/* Website main content */
#website-main-content {
	float: right;	
	width: 690px;
	padding: 0 20px 0 20px;
	text-align: justify;
	border-left: 1px dashed #ccc;
}
#website-main-content ul {
	padding-left: 50px;
}
#website-main-content ul li {
	list-style-image: none; 
}

/* Website footer content  */

#website-footer-main-content {
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
}
#website-footer-main-content p {
	margin: 0;
	width: 900px;
	font-size: x-small;
	text-align: center;
}

/* Website footer external links  */

#website-footer-external-links {
	text-align: center;
	color: #fff;
}
#website-footer-external-links img {
	border: none;
}

/* ---------------------------------- */
/* Portfolio webpage Additional Style */
/* ---------------------------------- */

.portfolio {
	clear: both;
	display: block;
	width: 670px;
	height: 180px;
	margin: 20px 20px 30px 0px;
	list-style-type: none;
	text-align: left;
	border: #fff 1px solid;
}
.portfolio a img {
	float: left;
	width: 250px;
	height: 150px;
	margin: 7px 0px 0px 5px;
	border: double 3px #aaaaaa;
}
.portfolio a:hover img {
	float: left;
	width: 250px;
	height: 150px;
	margin: 7px 0px 0px 5px;
	border: double 3px #00ab67;
}
.portfolio ul {
	float: left;
	list-style-type: none;
}
.portfolio .text li {
	width: 350px;
	list-style-type: none;
}
.portfolio .text li a {
	color: #00ab67;
}
.portfolio .text li a:hover {
	color: #000;
	text-decoration: underline;
}
/* STANDARD TABLES */
table {
	vertical-align: text-top;
	line-height: 1em;
	margin: 15px;
	border: 1px solid #30bb84;
}
tr, td {
	vertical-align: text-top;
	line-height: 2em;
	padding-left: 15px;
}

/* ------------------------------------------------ */
/* Web Design and Web Site Package Additional Style */
/* ------------------------------------------------ */

.web-packages {
	clear: both;
	display: block;
	width: 670px;
	height: 180px;
	margin: 20px 20px 30px 0px;
	list-style-type: none;
	text-align: left;
	border: #fff 1px solid;
}
.web-packages a img {
	float: left;
	width: 250px;
	height: 150px;
	margin: 7px 0px 0px 5px;
	border: double 3px #aaaaaa;
}
.web-packages a:hover img {
	float: left;
	width: 250px;
	height: 150px;
	margin: 7px 0px 0px 5px;
	border: double 3px #00ab67;
}
.web-packages ul {
	float: left;
	list-style-type: none;
}
.web-packages .text li {
	width: 350px;
	list-style-type: none;
}
.web-packages .text li a {
	color: #00ab67;
}
.web-packages .text li a:hover {
	color: #000;
	text-decoration: underline;
}
/* STANDARD TABLES */
table {
	vertical-align: text-top;
	line-height: 1em;
	margin: 15px;
	border: 1px solid #30bb84;
}
tr, td {
	vertical-align: text-top;
	line-height: 2em;
	padding-left: 15px;
}

/* --------------------------------------------------- */
/* Frequently asked questions webpage Additional Style */
/* --------------------------------------------------- */

table.faq {
	vertical-align: text-top;
	line-height: 1em;
	margin: 15px;
	border: 1px solid #00ab67;
}
thead.faq, tfoot.faq {
	background-color: #00ab67;
	color: #fff;
	font-weight: bold;
	vertical-align: text-top;
	line-height: 1.5em;
}
td.q {
	background-color: #cdffe6;
	vertical-align: text-top;
	font-weight: bold;
	color: #000;
	padding-right: 10px;
}
td.a {
	background-color: #fff;
	vertical-align: text-top;
	color: #000;
	padding-right: 10px;
}

/* ------------------------------ */
/* Hosting Plans Additional Style */
/* ------------------------------ */

.left-column {
	width: 290px;
	padding-left: 10px;
	padding-top: 5px;
}

.right-columns {
	width: 125px;
	text-align: center;
	padding-top: 5px;
}

.hosting-plan-main-header {
	float: left;
	width: 675px;
	height: 30px;
	border-bottom: solid 1px #FDB825;
	font: normal medium "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.hosting-plan-main-header li {
	float: left;
}

.hosting-plan-sub-header {
	float: left;
	width: 675px;
	height: 30px;
	padding-top: 15px;
	border-bottom: solid 1px #FDB825;
	font: normal medium "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.hosting-plan-sub-header li {
	float: left;
}

.hosting-plan-details {
	float: left;
	width: 675px;
	height: 30px;
	color: #000000;
	border-bottom: solid 1px #DDDDDD;
}

.hosting-plan-details li {
	float: left;
}

.bg-web-yellow {
	background-color: #FDB825;
}

/* ------------------------------------- */
/* Custom error webpage Additional Style */
/* ------------------------------------- */

.title {
	font: normal large "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #00ab67;
}
.errtxt {
	font: normal medium "Trebuchet MS", Arial, Helvetica, sans-serif;
}
p, ul {
	margin-bottom: 1em;
	line-height: 1.6em;
}