@charset "UTF-8";
body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color: #1A2121;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 80%;
	background-color: #FFFFFF;
	background-image: url(i/bg_main.png);
	background-repeat: repeat-x;
	background-position: left top;
}
a {
	text-decoration:none;
	color:#4EAFC4;
}
a:hover {
	text-decoration: underline;
	color:#000000;
}
.colour1 { color: #E3A800; }
.colour2 { color: #4FAFC4; }
.colour3 {
	color: #499E3C;
}
.colour4 { color: #A52C25; }
.colour5 {
	color: #1A2121;
}
#header  {
	padding: 0;
	width: 890px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 80px;
	display: block;
} 
#header #tag {
	font-size: small;
	margin: 0px;
	padding: 0px;
	position: relative;
	float: left;
	top: 40px;
	font-weight: normal;
	color: #4FAFC4;
}
#header h2 {
	float: right;
	width: 220px;
	margin: 0px;
	padding: 0px;
	height: 80px;
	display: block;
}
#header h3  {
	margin: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	background-image: url(i/logo_top.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 250px;
	padding: 0px;
	height: 80px;
	display: block;
	float: left;
}
#main_image {
	height:130px;
	z-index:6;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
#main_image #top_area .logo {
	display: block;
	height: 130px;
	width: 330px;
	background-image: url(i/logo_main.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}
#top_area {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 130px;
}
#logo {
	height: 130px;
	width: 330px;
	margin: 0px;
	padding: 0px;
}
#top_area .contacts  {
	display: block;
	font-size: 2em;
	color: #FFF;
	font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
	font-weight: lighter;
	padding-top: 30px;
	padding-left: 30px;
	width: 230px;
	line-height: 1.1em;
	height: 60px;
	float: left;
}
#top_area .contacts span {
	color: #4FAFC4;
	display: block;
	width: 32px;
	float: left;
	text-align: right;
}
.FBLike   {
	width: 370px;
	overflow: hidden;
	line-height: 20px;
	height: 20px;
	padding-top: 15px;
	padding-left: 34px;
	display: block;
	background-image: url(i/likeus.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#fb-root {
	overflow: hidden;
	display: none;
}
#card_area {
	height: 250px;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 340px;
	font-size: 1px;
	position: relative;
}
#card_area #domain {
	position: relative;
	font-size: 24px;
	top: 46px;
	left: 150px;
	width: 160px;
	margin: 0px;
	padding: 0px;
}
#card_area #domain a {
	color: #333;
}
#card_area #domain a span {
	color: #666;
	font-size: 18px;
}
#card_area #page {
	font-size: 14px;
	position: relative;
	margin: 0px;
	padding: 0px;
	top: 80px;
	left: 20px;
	text-align: center;
}
#card_area #contacts {
	font-size: 12px;
	position: relative;
	top: 130px;
	left: 45px;
	width: 150px;
	margin: 0px;
	padding: 0px;
}
#card_area #contacts a {
	color: #333;
}
#card_area #services  {
	list-style-type: none;
	position: relative;
	top: 75px;
	left: 222px;
	overflow: hidden;
	font-size: 10px;
	margin: 0px;
	padding: 0px;
	width: 120px;
	line-height: 14px;
}
#card_area #services ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#pic_area {
	width:632px;
	height:256px;
	padding: 0px;
	float: right;
	position: relative;
	margin: 0px;
}
#top_bar {
	display: block;
	height: 32px;
	text-align: right;
	float: right;
}
#top_menu {
	background-image: url(i/top_menu_bg.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
	display: block;
	float: right;
	margin: 0px;
	padding: 0px;
	right: 0px;
	position: absolute;
}
#top_menu ul {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: block;
}
#top_menu ul li {
	display: block;
	background-image: url(i/top_menu_bar.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	line-height: 32px;
	height: 32px;
	float: left;
}
#top_menu ul a {
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	display: block;
	font-size: .8em;
}
#top_menu ul li a span {
	padding-left: 4px;
}
#top_menu ul a:hover, #top_menu ul li.active {
	text-decoration: none;
	color: #FFF;
	background-color: #191919;
}
#top_menu .active a {
	color: #FFF;
	text-decoration: none;
}
#main_menu {
	text-align: right;
	width: 840px;
	margin: 0px;
	height: 42px;
	overflow: hidden;
	padding-top: -42px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 120px;
	float: left;
	background-image: url(i/logo_main.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#main_menu ul {
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
	height: 42px;
}
#main_menu li {
	background-image: url(i/menu_bar.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-size: 1em;
	font-weight: bold;
	margin: 0px;
	height: 38px;
	line-height: 38px;
	display: block;
	float: left;
}
#main_menu ul a {
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
	display: block;
	font-weight: normal;
	color: #000;
}
#main_menu ul .yellow, #main_menu ul .yellow_active {
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #E3A800;
}
#main_menu ul .blue, #main_menu ul .blue_active {
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #4FAFC4;
}
#main_menu ul .green, #main_menu ul .green_active {
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #499E3C;
}
#main_menu ul .umber, #main_menu ul .umber_active {
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #A52C25;
}
#main_menu ul .black, #main_menu ul .black_active {
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #1A2121;
}

#main_menu ul .yellow a:hover, #main_menu ul .yellow_active a {
	background-color: #E3A800;
	color: #000;
	text-decoration: none;
}
#main_menu ul .blue a:hover, #main_menu ul .blue_active a {
	background-color: #4FAFC4;
	color: #FFF;
	text-decoration: none;
}
#main_menu ul .green a:hover, #main_menu ul .green_active a {
	background-color: #499E3C;
	color: #FFF;
	text-decoration: none;
}
#main_menu ul .umber a:hover, #main_menu ul .umber_active a {
	background-color: #A52C25;
	color: #FFF;
	text-decoration: none;
}
#main_menu ul .black a:hover, #main_menu ul .black_active a {
	background-color: #1A2121;
	color: #FFF;
	text-decoration: none;
}
#main_menu li ul
{
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	background-image: none;
}

#main_menu li ul li {
	float: none;
	display: inline;
	background-image: none;
}

#main_menu li ul li a {
	width: auto;
	color: #FFF;
	text-align: left;
	background-image: none;
}
.mainmenu {
	display:block;
	margin: 0px;
	padding: 0px;
}
.mainmenu h1 {
}
#my_menu .yellow li a {
	background-color: #1A2121;
	color: #FFF;
}
#my_menu .yellow li a {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #3B3B1B;
	border-bottom-color: #191614;
}
#my_menu .yellow li:first-child a {
	border-top-width: 0;
	border-top-style: none;
}
#my_menu .yellow li:last-child a {
	border-bottom: 0 none;
}
#my_menu .blue li a {
	background-color: #1A2121;
	color: #FFF;
}
#my_menu .blue li a {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #1A393D;
	border-bottom-color: #191614;
}
#my_menu .blue li:first-child a {
	border-top-width: 0;
	border-top-style: none;
}
#my_menu .blue li:last-child a {
	border-bottom: 0 none;
}
#my_menu .green li a {
	background-color: #1A2121;
	color: #FFF;
}
#my_menu .green li a {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #203C1C;
	border-bottom-color: #191614;
}
#my_menu .green li:first-child a {
	border-top-width: 0;
	border-top-style: none;
}
#my_menu .green li:last-child a {
	border-bottom: 0 none;
}
#my_menu .umber li a {
	background-color: #1A2121;
	color: #FFF;
}
#my_menu .umber li a {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #411F23;
	border-bottom-color: #191614;
}
#my_menu .umber li:first-child a {
	border-top-width: 0;
	border-top-style: none;
}
#my_menu .umber li:last-child a {
	border-bottom: 0 none;
}
#my_menu .black li a {
	background-color: #1A2121;
	color: #FFF;
}

#my_menu .yellow li a:hover { background-color: #E3A800; }
#my_menu .blue li a:hover { background-color: #4FAFC4; }
#my_menu .green li a:hover {
	background-color: #499E3C;
}
#my_menu .umber li a:hover { background-color: #A52C25; }
#my_menu .black li a:hover {
	background-color: #1A2121;
}
#submenu   {
	height: 34px;
	overflow: hidden;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	display: block;
	width: 900px;
}
#submenu ul   {
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	display: block;
	text-align: center;
}
#submenu ul.yellow   {
	margin-left: 150px;
}
#submenu ul.blue   {
}
#submenu ul.green   {
	margin-left: 0px;
}
#submenu ul.umber   {
	margin-left: 264px;
}
#submenu li   {
	font-size: 1em;
	font-weight: bold;
	height: 38px;
	line-height: 34px;
	display: block;
	float: left;
	text-align: center;
	margin: 0px;
	list-style-image: none;
	list-style-type: none;
}
#submenu ul a   {
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	display: block;
	font-weight: normal;
}
.mainmenu .yellow li a {
	background-color: #E3A800;
	color: #000;
	height: 32px;
	display: block;
	float: left;
	list-style-image: none;
	list-style-type: none;
}
.mainmenu .yellow li a:hover, .mainmenu .yellow .active a {
	background-color: #1A2121;
	color: #FFF;
	text-decoration: none;
}
.mainmenu .blue li a  {
	background-color: #4FAFC4;
	color: #FFF;
	height: 32px;
	display: block;
	float: left;
	list-style-image: none;
	list-style-type: none;
}
.mainmenu .blue li a:hover, .mainmenu .blue .active a {
	background-color: #1A2121;
	color: #FFF;
	text-decoration: none;
}
.mainmenu .green li a  {
	background-color: #499E3C;
	color: #FFF;
	height: 32px;
	display: block;
	float: left;
	list-style-image: none;
	list-style-type: none;
}
.mainmenu .green li a:hover, .mainmenu .green .active a {
	background-color: #1A2121;
	color: #FFF;
	text-decoration: none;
}
.mainmenu .umber li a  {
	background-color: #A52C25;
	color: #FFF;
	height: 32px;
	display: block;
	float: left;
	list-style-image: none;
	list-style-type: none;
}
.mainmenu .umber li a:hover, .mainmenu .umber .active a {
	background-color: #1A2121;
	color: #FFF;
	text-decoration: none;
}

#container/* Tips for Elastic layouts 
1. Since the elastic layouts overall sizing is based on the user's default fonts size, they are more unpredictable. Used correctly, they are also more accessible for those that need larger fonts size since the line length remains proportionate.
2. Sizing of divs in this layout are based on the 100% font size in the body element. If you decrease the text size overall by using a font-size: 80% on the body element or the #container, remember that the entire layout will downsize proportionately. You may want to increase the widths of the various divs to compensate for this.
3. If font sizing is changed in differing amounts on each div instead of on the overall design (ie: #sidebar1 is given a 70% font size and #mainContent is given an 85% font size), this will proportionately change each of the divs overall size. You may want to adjust based on your final font sizing.
*/
  {
	width: 960px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0px;
	background-image: none;
}
#main_heading {
	color: #334d55;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
	font-family: Arial, sans-serif;
	font-size: 120%;
	font-weight: bold;
}
#mainContent  {
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
#mainContent h1 {
	font-size: 3em;
	font-weight: normal;
	color: #1A2121;
	padding: 5px;
	margin: 0px;
}
#mainContent h2 {
	font-size: 3em;
	font-weight: normal;
	color: #1A2121;
	padding: 5px;
	margin: 0px;
}
#mainContent h3 {
	font-size: 3em;
	font-weight: normal;
	color: #4FAFC4;
	padding: 5px;
	margin: 0px;
}
#mainContent h4 {
	font-size: 3em;
	font-weight: normal;
	color: #5AAE50;
	padding: 5px;
	margin: 0px;
}
#mainContent h5 {
	font-size: 3em;
	font-weight: normal;
	color: #A52C25;
	padding: 5px;
	margin: 0px;
}
#mainContent .web ul {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 32px;
}
#mainContent ul li {
	list-style-image: url(images/bullet_sm1.png);
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#mainContent ol {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 32px;
}
#mainContent ol li {
	list-style-image: url(images/bullet_square1.png);
	list-style-type: none;
	display: block;
	margin: 0px;
	padding: 0px;
}
#mainContent .seo ul {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 32px;
}
#mainContent .seo ul li {
	list-style-image: url(images/bullet_sm2.png);
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#mainContent .seo ol {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 32px;
}
#mainContent .seo ol li {
	list-style-image: url(images/bullet_square2.png);
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#mainContent .graphics ul {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 32px;
}
#mainContent .graphics ul li {
	list-style-image: url(images/bullet_sm3.png);
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#mainContent .graphics ol {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 32px;
}
#mainContent .graphics ol li {
	list-style-image: url(images/bullet_square3.png);
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.offer {
	margin: 8px;
	padding: 8px;
	color: #666;
}
.levents {
	display: block;
	margin: 8px;
	padding: 2px;
	border: 4px dashed #999;
	background-image: url(images/bg_coupon.png);
	background-repeat: repeat;
}
#mainContent .levents .rightEvent h3{
	display: block;
	background-image: none;
	font-size: 1.2em;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: normal;
	color: #666;
	padding-top: 8px;
	padding-left: 94px;
	margin: 0px;
}
.rightEvent .heading {
	text-shadow: #C2AB8B 0px 3px 2px;
	margin-left: 80px;
	display: block;
	color: #090;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 2em;
	padding-top: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
.rightEvent p {
	font-style: italic;
	color: #666;
	font-size: 1.1em;
	margin-bottom: 12px;
	margin-left: 22px;
	padding-bottom: 12px;
	padding-left: 22px;
}
.calNOT, .calOLD {
	height: 82px;
	width: 66px;
	overflow: hidden;
	float: left;
	padding: 0px;
	margin: 6px;
	background-image: url(images/calendar_expired.png);
	background-repeat: no-repeat;
}
.cal, .calYES {
	height: 82px;
	width: 66px;
	overflow: hidden;
	float: left;
	padding: 0px;
	margin: 6px;
	background-image: url(images/calendar.png);
	background-repeat: no-repeat;
}
.calmonth {
	font-size: 18px;
	color: #FFFFFF;
	height: 20px;
	width: 68px;
	overflow: hidden;
	font-weight: normal;
	text-align: center;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: "Arial Black", Gadget, sans-serif;
}
.caldate {
	height: 28px;
	width: 62px;
	overflow: hidden;
	font-size: 28px;
	font-weight: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
	text-align: center;
	font-family: "Arial Black", Gadget, sans-serif;
	line-height: 28px;
}
.event, #mainContent .event {
	font-size: small;
	color: #A52C25;
	margin: 12px;
	border: 1px dashed #CCCCCC;
	padding: 12px;
}
 .event h3, .event h2, .events h3, #mainContent .event h3, #mainContent .event h2, #mainContent .events h3 {
	margin: 0px;
	padding: 0px;
	color: #999999;
	font-size: 0.9em;
	font-weight: normal;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.event h1, .events h4, #mainContent .event h1, #mainContent .events h4 {
	font-size: medium;
	margin: 0px;
	color: #4FAFC4;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.taf {
	display: inline;
	position: relative;
	top: 12px;
	line-height: 40px;
	border: 1px solid #EDEDED;
	margin: 8px;
	padding: 8px;
}
.inset { padding-left: 32px; }
.red {
	font-style:italic;
	color: #A52C25;
}
.left { float:left; }
.right { float:right; }
.gap img {
	display: block;
	padding-right: 8px;
	padding-left: 8px;
}
.left70 {
	display: block;
	margin: 0px;
	float: left;
	width: 590px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.right30 {
	display: block;
	float: right;
	width: 325px;
	margin: 0px;
	padding: 0px;
}
#rightCol {
	float: right; /* since this element is floated, a width must be given */
	width: 240px;
	padding: 0px;
	margin: 0px;
}
.topBox {
	background-image: url(i/boxTop.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 30px;
}
.midBox, .vcard {
	padding: 10px;
	background-color: #EDEDED;
}
#hcard-David-Radisic h1 {
	color: #192221;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #192121;
}
#hcard-David-Radisic .details {
	width: 120px;
	display: inline-block;
}
.lowBox {
	background-image: url(i/boxLow.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 30px;
}
.twothirds {
	width: 560px;
	display: block;
	float: left;
	padding: 10px;
}
.third {
	width: 270px;
	display: block;
	float: left;
	padding: 10px;
}
.thirds {
	width: 280px;
	display: block;
	float: left;
	padding: 10px;
	margin: 10px;
}
.content-thirds {
	width: 280px;
	display: block;
	float: left;
	padding: 10px;
	margin: 5px;
}
.twos {
	width: 450px;
	display: block;
	float: left;
	padding: 5px;
}
.twosright {
	width: 440px;
	display: block;
	float: right;
	padding: 5px;
}
.line {
	height: 1px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}
.halfleft {
	display: block;
	float: left;
	width: 460px;
	margin: 4px;
}
.halfleft .sometext {
	overflow: hidden;
	height: 46px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 8px;
	line-height: 16px;
}
.halfright {
	display: block;
	float: left;
	width: 460px;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #999;
}
#rightCol320 {
	float: right; /* since this element is floated, a width must be given */
	width: 300px;
	padding: 0px;
	margin: 0px;
}
#halfRightCol {
	float: right; /* since this element is floated, a width must be given */
	width: 50%;
	padding: 0px;
	margin: 0px;
}
#sidebarR {
	float: right; /* since this element is floated, a width must be given */
	width: 300px;
	padding: 0px;
	margin: 0px;
	background-color: #FFF;
}
#leftCol {
	float: left;
	position: relative;
	width: 620px;
	margin: 0px;
	padding: 0px;
}
#leftCol460 {
	float: left;
	position: relative;
	width: 570px;
	margin: 0px;
	padding: 0px;
}
#leftCol640 {
	float: left;
	position: relative;
	width: 630px;
	margin: 0px;
	padding: 5px;
}
#Colright {
	float: right; /* since this element is floated, a width must be given */
	width: 660px;
	padding: 0px;
	margin: 0px;
}
#Colleft {
	float: left;
	position: relative;
	width: 200px;
	margin: 0px;
	padding: 0px;
}
.webdesign-heading , .graphics-heading{
	display: block;
	font-size: .9em;
	height: 100px;
	margin-bottom: 20px;
}
.webdesign-text {
	height: auto;
	display: block;
}
.third_0, .third_3, .third_6, .third_9 { clear: both; 	
}
.smallbox {
	overflow: hidden;
}
.featuredImg span img{
	width: 320px;
	height: auto;
}
.featuredImg {
	padding: 4px;
	border: 1px solid #EDEDED;
	height: auto;
	width: 320px;
	overflow: hidden;
}
.img {
	margin: 1px;
	padding: 1px;
	border: 1px solid #A52C25;
	height: 127px;
	width: 327px;
	overflow: hidden;
}
.img span {
	height: 123px;
	width: 323px;
	overflow: hidden;
	display: block;
}
.scroller	{
	width: 240px;
	height: 240px;
	overflow: hidden;
	float: left;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.clearleft { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:left;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.clearright { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:right;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.icolor {
	background-color: #92B05B;
	color: #000000;
	margin: 4px;
	padding: 4px;
}
.fcolor {
	background-color: #E3A800;
	color: #000000;
	margin: 4px;
	padding: 4px;
}
.gcolor {
	background-color: #98827F;
	color: #FFFFFF;
	margin: 4px;
	padding: 4px;
}
.scolor {
	background-color: #4D8847;
	color: #FFFFFF;
	margin: 4px;
	padding: 4px;
}
.wcolor {
	background-color: #4FAFC4;
	color: #FFFFFF;
	margin: 4px;
	padding: 4px;
}
.warning {
	font-size: medium;
	font-style: italic;
	color: #A52C25;
	font-weight: bold;
	text-indent: 16px;
}
.heading {
	font-size: 1.4em;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	letter-spacing: -0.1em;
	font-weight: bold;
	font-family: "Arial Black", Gadget, sans-serif;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #333;
}
.code {
	padding-left: 25px;
	font-style: italic;
	color: #333333;
	font-family: "Courier New", Courier, monospace;
	font-size: 1.1em;
	line-height: 32px;
	background-image: url(i/bg_paper.jpg);
	background-repeat: repeat;
	background-position: left top;
}
.websites3 {
	float: left;
	display: inline;
	width: 535px;
	height: 320px;
	border: 10px solid #FEDF82;
	margin: 5px;
	padding: 8px;
}
.websites2 {
	float: left;
	border: 10px solid #99AFCE;
	display: inline;
	padding: 8px;
	margin: 5px;
	width: 245px;
	height: 320px;
}
.webwide, .websites1 {
	float: left;
	display: inline;
	width: 535px;
	height: 320px;
	border: 10px solid #6D8A68;
	margin: 5px;
	padding: 8px;
}
.websites, .websites0 {
	float: left;
	border: 10px solid #EDEDED;
	display: inline;
	padding: 8px;
	margin: 5px;
	width: 245px;
	height: 320px;
}
.websites0:hover, .websites1:hover, .websites2:hover, .websites3:hover { background-color: #000; }
.website_thumb {
	text-align: center;
	clear: both;
	height: 250px;
}
.website_thumb img {
	margin: 2px;
	padding: 2px;
}
.website_text {
	text-align: left;
	padding: 0px;
	margin: 0px;
	font-size: .9em;
}
.website_text a {
}
.website_text a:hover { color: #FFF; }
.website_text .enquiry {
	display: inline;
	float: right;
	margin: 4px;
	padding: 4px;
}
.website_text .visit {
	float: right;
	padding: 4px;
	margin: 4px;
}
.website_text h1 {
	font-weight: normal;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}
.website_text h3 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-size: .92em;
}
.websites_soon {
	float: left;
	width: 230px;
	padding: 3px;
	display: inline;
	margin: 0px;
}
.web {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.web_thumb {
	float: left;
	width: 400px;
	text-align: center;
}
.web_thumb img {
	margin: 4px;
	padding: 4px;
}
.web_text {
	text-align: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 430px;
}
.web_text h1 {
	font-size: 1.6em;
	font-weight: normal;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#mainContent .websites_soon h1 {
	font-size: 1.1em;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display: block;
}
#mainContent .portfolio_text {
	clear: both;
	margin: 0px;
	padding: 0px;
}
#mainContent .portfolio_text_left {
	float: left;
	width: 450px;
	display: block;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #EDEDED;
}
#mainContent .portfolio_text_right {
	float: right;
	width: 450px;
	display: block;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#mainContent .portfolio_text h1 {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	font-size: 3em;
	letter-spacing: -0.1em;
	font-weight: bold;
	font-family: "Arial Black", Gadget, sans-serif;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #333;
}
#mainContent .portfolio_text_left p, #mainContent .portfolio_text_right p {
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.8em;
}
#mainContent h1.portfolio_site_photo {
	padding-left: 60px;
	background-image: url(i/marker.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 44px;
	line-height: 44px;
	font-size: 2em;
}
#mainContent .portfolio_site_photo .image {
	border: 4px solid #EDEDED;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	display: block;
}
#mainContent .portfolio_infobox {
	background-color: #EDEDED;
	display: block;
	margin: 8px;
	padding: 8px;
	width: 400px;
	float: right;
	clear: right;
}
#mainContent #quotation li{
	list-style-image: none;
	list-style-type: none;
	margin: 2px;
	padding: 2px;
}
#mainContent #quotation ol {
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
}
#mainContent .webdesign-text ul .nobullet {
	list-style-image: none;
	list-style-type: none;
}
div.portfolio_site_photo{padding-bottom:50px;border-bottom:4px solid #DDD;}
.loud     , .loud a{
	color: #192121;
	display: block;
	width: 220px;
	float: left;
}
.quiet    , .quiet a{
	font-size: 0.9em;
	color: #999;
}
.training_thumb {
	float: left;
	width: 200px;
	text-align: right;
}
.training_thumb img {
	margin: 4px;
	padding: 4px;
}
.training_text {
	text-align: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 230px;
}
.training_text h1 {
	font-size: 1.6em;
	font-weight: normal;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.front_page .a_tpage  {
	font-size: 2em;
	font-weight: normal;
	background-image: url(i/page_edge.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	height: 70px;
	width: 400px;
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 22px;
	color: #4FAFC4;
	line-height: 70px;
	text-decoration: none;
}
.front_page a  { color: #4FAFC4; }
.front_page a:hover  { color: #A52C25; }

/* Pull Quote */
.pull_quote blockquote {
	display: block;
	font-style: italic;
	font-weight: normal;
	color: #1E639D;
	font-size: 1.1em;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	padding-top: 30px;
	clear: both;
}
.pull_quote .testimonial_text { padding-top: 2em; }
.pull_quote blockquote:before, .pull_quote blockquote:after {
	color: #CCCCCC;
	display: block;
	font-size: 1000%;
	width: 10px;
	font-style: normal;
}
.pull_quote blockquote:before {
	font-family: Georgia, "Times New Roman", Times, serif;
	content: "\201C";
	height: 0;
	margin-top: -0.4em;
	margin-left: -0.5em;
}
.pull_quote blockquote:after {
	font-family: Georgia, "Times New Roman", Times, serif;
	content: "\201D";
	height: 10px;
	margin-left: 101%;
	margin-bottom: 0.5em;
	margin-top: -0.5em;
}
.nav_top , .nav_bottom  {
	float: right;
	font-size: 0.9em;
	margin: 2px;
	padding: 2px;
	color: #F1F1F1;
}
.nav_top a , .nav_bottom a  {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	text-decoration: none;
	background-color: #FFF;
	margin: 0px;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	color: #333;
}
.nav_top a:hover, .nav_bottom a:hover
{
	text-decoration: none;
	background-color: #192221;
	margin: 0px;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	color: #FFF;
}
.menustyle {
	clear: both;
	display: block;
}
.menustyle a {
	text-shadow: 0 -1px 1px rgba(0,0,0,0.3) !important;
	margin: 2px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.menustyle .menu_num_active {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow:inset 0px 2px 4px #000;
	-webkit-box-shadow:inset 0px 2px 4px #000;
	box-shadow:inset 0px 2px 4px #000;
	background-color: #EDEDED;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	color: #333;
}
.menustyle a:hover {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;


	-moz-box-shadow:inset 0px 2px 4px #000;
	-webkit-box-shadow:inset 0px 2px 4px #000;
	box-shadow:inset 0px 2px 4px #000;

	background-color: #E2E2E2;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	color: #333;
	text-decoration: none;
}
.breadcrumbs {
	width: auto;
	background-image: url(i/pointers.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
}
.commentheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #A52C25;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #A52C25;
}
.commentnav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #A52C25;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #A52C25;
}
.comment {
	font-size: x-small;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	margin-top: 2px;
	margin-bottom: 4px;
	padding-top: 2px;
	padding-bottom: 8px;
}

.comments {
	font-size: x-small;
	padding: 8px;
	margin: 4px;
}
.commentsheader {
	font-size: 18px;
	text-align: left;
}
.commentsform {
	margin: 3px;
	padding: 8px;
	background-color: #DBE5EC;
	border: 1px dotted #666666;
}
p.commentsform {
	width: 48%;
	float: right;
	font-size: .8em;
}
.commentdate {
	color: #FFFFFF;
	background-color: #CCCCCC;
	text-align: center;
	border: 1px solid #999999;
	width: 50px;
	padding: 6px;
	margin: 3px;
}
.commentday {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
}
.commentmonth {
	font-size: 16px;
}
.commenttime {
	font-size: 9px;
}
.commentbutton {
	BORDER-RIGHT: #999999 thin solid; 
	BORDER-TOP: #DDDDDD thin solid; 
	MARGIN-TOP: 2px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10px; 
	BORDER-LEFT: #DDDDDD thin solid; 
	COLOR: #000000; 
	BORDER-BOTTOM: #999999 thin solid; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #ffffff;
}
.inputbox {
	BORDER-RIGHT: #ccc 1px solid; 
	PADDING-RIGHT: 3px; 
	BORDER-TOP: #ccc 1px solid; 
	PADDING-LEFT: 3px; 
	BACKGROUND: #fff; 
	MARGIN-BOTTOM: 10px; 
	PADDING-BOTTOM: 3px; 
	FONT: 11px monaco, verdana, sans-serif; 
	BORDER-LEFT: #ccc 1px solid; 
	PADDING-TOP: 3px; 
	BORDER-BOTTOM: #ccc 1px solid; outline: none;
}
#questionform {
	margin: 3px;
	padding: 8px;
	background-color: #DBE5EC;
	border: 1px dotted #666666;
}
.question {
	font-size: medium;
	font-weight: bold;
	background-image: url(i/ask_a_question.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 2px;
	padding-top: 20px;
	padding-left: 70px;
	padding-right: 10px;
	padding-bottom: 30px;
	color: #333333;
	text-align: left;
}
.answer {
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding: 8px;
	margin: 4px;
}
.free_button, .just_button {
	height: 70px;
	width: 220px;
	background-image: url(images/Free_.jpg);
	background-repeat: no-repeat;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 1.8em;
	letter-spacing: -0.1em;
	text-align: center;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: auto;
}
.free_button .top, .just_button .top {
	font-size: 0.6em;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	letter-spacing: normal;
	display: block;
	padding: 0px;
	margin-top: -4px;
	margin-right: 0px;
	margin-bottom: -10px;
	margin-left: 0px;
	color: #333;
}
.free_button .low, .just_button .low {
	font-size: 0.6em;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	letter-spacing: normal;
	margin-top: -10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	display: block;
	color: #333;
}
.free_button a, .just_button a {
	color: #1F3763;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}
.free_button a:hover, .just_button a:hover {
	color: #A52C25;
	text-decoration: none;
}
.free p {
	font-size: 1.1em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 32px;
}
.just_button {
	background-image: url(images/Button_.jpg);
	background-repeat: no-repeat;
	color: #1B3363;
}
.button_box {
	float: right;
	height: 70px;
	width: 220px;
}
.midbutton.payonline{
	background-image: url(i/payment.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 70px;
	width: 308px;
	font-size: 18px;
}
.midbutton.quote {
	background-image: url(i/quote.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 70px;
	width: 308px;
	font-size: 18px;
}
.midbutton.testimonials {
	background-image: url(i/testimonial.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 70px;
	width: 308px;
	font-size: 18px;
}
.midbutton a {
	display: block;
	color: #666;
	height: 70px;
	width: 308px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	text-indent: 12px;
	line-height: 70px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.midbutton a:hover {
	color: #2E73D6;
}
.type {
	font-family: "Courier New", Courier, monospace;
	font-size: 2em;
}
.row0 {
	color: #1A2121;
	background-color: #E3A800;
}
.row1 {
	background-color: #E8E8E8;
}
.row2 {
	background-color: #FFF;
}
.underlined {
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	margin-top: 12px;
	padding-top: 12px;
}
#imgcode {
	font-size: 1.8em;
}
.map_heading {
	font-size: 1.1em;
	font-weight: bold;
}
h5.testimonials {
	margin: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#twitter {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	display: block;
}
#twitter p {
	margin: 0px;
	color: #333;
	line-height: 1.6em;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
}
#twitterTop {
	background-image: url(i/twitter_top.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 25px;
	background-color: transparent;
}
#twitterEnd {
	margin: 0px;
	padding: 0px;
	background-image: url(i/twitter_speech.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 20px;
	background-color: transparent;
}
#twitterText {
	padding-top: 2px;
	padding-right: 32px;
	padding-bottom: 12px;
	padding-left: 32px;
	background-image: url(i/twitter_mid.png);
	background-repeat: repeat-y;
	background-position: center top;
	background-color: transparent;
}
.Twitter_text {
	word-wrap: break-word;
	display: inline-block;
	padding-right: 12px;
	padding-left: 32px;
	width: 200px;
}
#twitterText .pubDate {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin: 0px;
	font-size: 0.9em;
	color: #A52C25;
}
.submitButton,.submitButton_yellow,.submitButton_blue,.submitButton_green,.submitButton_umber,.submitButton_black,.submitButton_red {
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
	width: 302px;
	float: right;
	margin: 0px;
	padding: 0px;
	height: 132px;
	display: block;
	overflow: hidden;
}
.submitButton a,.submitButton_yellow a,.submitButton_blue a,.submitButton_green a,.submitButton_umber a,.submitButton_black a,.submitButton_red a {
	font-size: 1.5em;
	line-height: 60px;
	color: #FFF;
	text-align: right;
	display: block;
	padding-right: 22px;
}
.submitButton span,.submitButton_yellow span,.submitButton_blue span,.submitButton_green span,.submitButton_umber span,.submitButton_black span,.submitButton_red span {
	margin: 0px;
	display: block;
	padding: 10px;
	color: #666;
	font-style: italic;
}
.submitButton {
	background-image: url(i/optionbox.png);
}
.submitButton_yellow {
	background-image: url(i/optionbox_yellow.png);
}
.submitButton_blue {
	background-image: url(i/optionbox_blue.png);
}
.submitButton_green {
	background-image: url(i/optionbox_green.png);
}
.submitButton_umber {
	background-image: url(i/optionbox_umber.png);
}
.submitButton_red {
	background-image: url(i/optionbox_red.png);
}
.submitButton_black {
	background-image: url(i/optionbox_black.png);
}
.silver_button {
	line-height: 50px;
	background-image: url(images/button_silver.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 55px;
	width: 206px;
	font-size: 1.2em;
	color: #333;
	display: block;
	text-indent: 28px;
	text-align: left;
}
a.silver_button:hover {
	color: #000;
	text-decoration: none;
	text-align: left;
	text-indent: 32px;
}

.boxed {
	border: 1px solid #999;
	padding: 4px;
	background-color: #E8E8E8;
	margin-right: 30px;
	margin-left: 30px;
}
.boxed p {
	padding-left: 20px;
}

.options ul {
	list-style-type: none;
}
.options  li {
	list-style-type: none;
	width: 33%;
	float: left;
	display: block;
	padding-bottom: 10px;
}
.options span {
	display: block;
	font-size: 0.8em;
	font-weight: normal;
}
.searched {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #E8E8E8;
	margin: 8px;
	padding: 4px;
}
.searched h1 {
	font-size: 1.2em;
	margin: 0px;
	padding: 0px;
}
.searched h2  {
	font-size: 1em;
	margin: 0px;
	padding: 0px;
}
.searched h2 span {
	color: #096;
	font-size: 90%;
	padding-left: 22px;
}
.searched span a  {
	color: #393;
	text-decoration: underline;
}
.searched p {
	margin: 0px;
	padding: 0px;
}
#subscribe ol  {
	list-style-image: none;
	list-style-type: none;
}
.small {
	font-size: .8em;
	color: #666;
}
.web_url a { color: #4FAFC4; }


/* Slider styles */
p#cross-links { height: 1px; text-align: left; }

p#cross-links { text-align: left; }

a.cross-link, .cross-link {
	color: #A52C25;
	text-decoration: none;
	height: 53px;
	width: 53px;
}

noscript p, noscript ol {
	color: #A52C25;
	font-size: 13px;
	line-height: 1.4em;
	text-align: left
}
noscript a {
	color: #A52C25;
	text-decoration: underline
}
noscript ol { margin-left: 25px; }

.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px 0 30px;
}

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin: 20px 0;
	position: relative;
	width: 100%;
}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 460px; overflow: scroll}
.csw .loading {margin: 200px 0 300px 0; text-align: center}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	margin: auto;
	width: 478px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 460px;
	clear: left;
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 478px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 10px;
}

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	margin: auto;
	visibility: hidden;
}

.stripNav ul { /* The auto-generated set of links */
	list-style: none;
}

.stripNav ul li {
	float: left;
	margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}

.stripNav a { /* The nav links */
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	display: block;
}

.stripNav li a:hover {
}

.stripNav li a.current {
}

.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;
	top: 230px;
	text-indent: -9000em;
}

.stripNavL a, .stripNavR a {
	display: block;
}

.stripNavL {
	left: 0;
}

.stripNavR {
	right: 0;
}

.stripNavL {
}

.stripNavR {
}
.boxwide, .box1 {
	display: block;
	width: 150px;
	border: 1px solid #000;
	padding: 8px;
	margin-top: 24px;
	margin-right: auto;
	margin-bottom: 24px;
	margin-left: auto;
	height: 150px;
	clear: left;
}

.webDescription {
	display: block;
	width: 540px;
	margin: 5px;
	padding-top: 25px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
/* slider styles */

#smallslider_area {
	border: 1px solid #CCCCCC;
	float: right;
	width: 320px;
	overflow: hidden;
	position: relative;
	top: 64px;
	height: 204px;
	display: block;
	margin: 5px;
	padding: 5px;
	background-color: #EDEDED;
}
#slideshow {
	position:relative;
	height:204px;
	width: 320px;
	overflow: hidden;
}
#slideshow img { }

#slideshow IMG {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	height: auto;
	width: 320px;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

#slider, #slider_area {
	width: 630px;
	position: relative;
	height: 256px;
	margin: 0;
	padding: 0px;
	overflow: hidden;
}
#slider_area li .selected, #slider li .selected  {
}

.scroll {
	height: 256px;
	width: 630px;
	overflow: hidden;
	position: relative;
	clear: left;
}

.scrollContainer div.panel {
	padding: 0px;
	height: 256px;
	width: 630px;
	overflow: hidden;
}
.scrollContainer p {
	margin: 0px;
	padding: 0px;
}
.scrollContainer img {
	margin: 0px;
	padding: 0px;
}

.scrollButtons {
	position: absolute;
	top: 125px;
	cursor: pointer;
}

.scrollButtons.left {
	left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}
.show { display: inline; }

/* slider styles */

/* tabs */
ul.tabNavigation {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.tabNavigation a {
	color: #FFF;
	text-decoration: none;
}
ul.tabNavigation li {
	display: inline;
	background-color: #B3B3B3;
}
ul.tabNavigation li a {
	padding: 3px 5px;
	color: #FFF;
	text-decoration: none;
}
ul.tabNavigation li a:hover {
	text-decoration: none;
	background-color: #B3B3B3;
}
ul.tabNavigation li a.selected
{
	padding-top: 7px;
	background-color: #B3B3B3;
}
ul.tabNavigation li a:focus {
	outline: 0;
}

div.tabs > div {
	padding: 5px;
	border: 1px solid #E8E8E8;
	margin: 3px;
}

div.tabs > div h2 {
	padding: 3px;
	margin-top: 0;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	color: #FFF;
	background-color: #000;
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #000;
	font-weight: normal;
}
#first {
}

#second {
}

#third {
}
/* tabs */
.testimonial {
	padding-top: 24px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}
.testimonial blockquote {
	font-size: 0.8em;
	background-color: #000;
	color: #FFF;
	padding: 3px;
	margin: 2px;
}
.jq-clearfix    {
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	display: block;
	font-size: .8em;
}

#jq-intro li {
	float: left;
	font-size: 1.4em;
}
#jq-intro li p {
}
body.jq-enhanced #jq-intro li {
position: relative;
}
html.js div.jq-checkpointSubhead {
	display: none;
}
#jq-intro li div.jq-checkpointSubhead {
	display: none;
	font-size: 2em;
	position: absolute;
	z-index: 100;
	width: 180px;
	line-height: 2.8em;
	color: #FFF;
	left: -1.5em;
	background-image: url(i/contact_phone.gif);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: 70px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#jq-intro span   {
	font-size: 1em;
	color: #A52C25;
}
.scrollContainer span {
	position: relative;
	top: -170px;
	font-size: 2em;
	font-weight: normal;
	text-align: center;
	width: 380px;
	vertical-align: middle;
	display: block;
	margin: 0px;
	padding: 0px;
}
.scrollContainer span strong {
	color: #192121;
	font-weight: normal;
}
.scrollContainer .card_name {
	font-size: .5em;
	text-align: left;
	padding-left: 32px;
	padding-top: 32px;
}
.scrollContainer .card_heading {
	font-size: 0.5em;
	text-align: left;
	padding-left: 32px;
	padding-top: 32px;
	color: #E3A800;
}
.scrollContainer .card_sideheading {
	font-size: 0.8em;
	text-align: left;
	color: #4FAFC4;
	position: relative;
	top: -100px;
	left: 240px;
	width: 210px;
}
.photostyle {
	margin: 8px;
	padding: 8px;
	border: 1px dotted #666;
}
.sitemap p {
	display: block;
	width: 180px;
	float: left;
	padding-right: 20px;
	margin-right: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.sitemap p.site_new{
	clear: both;
	float: none;
	width: auto;
}
.sitemap .site_yellow_top {
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #E3A800;
	clear: both;
	float: none;
}
.sitemap .site_blue_top {
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #4FAFC4;
	clear: both;
	float: none;
}
.sitemap .site_green_top {
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #489C3B;
	clear: both;
	float: none;
}
.sitemap .site_umber_top {
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #A52C25;
	clear: both;
	float: none;
}
.sitemap .site_black_top , .sitemap .site_top{
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #1A2121;
	clear: both;
	float: none;
}
.competition {
	padding-top: 250px;
	background-repeat: no-repeat;
	background-position: left top;
}
.competition_winner {
	margin: 8px;
	padding: 8px;
	border: 1px dashed #999;
	height: 300px;
	background-color: #FFF;
	background-image: url(i/prize_winner.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#terms ol  {
	list-style-image: none;
	list-style-type: decimal;
}
.webcost, .webcost a, .enquire, .enquire a, .button, .button a, .requestquote, .requestquote a {

    font-family: Arial, Helvetica, sans-serif;

    font-weight: normal;
    font-style: normal;

    text-shadow: 0 -1px 1px rgba(0,0,0,0.3) !important;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
    -khtml-border-radius: 5px;

    -moz-box-shadow: 0px 3px 4px #000;
    -webkit-box-shadow: 0px 3px 4px #000;
    box-shadow: 0px 3px 4px #000;

    background-color: #4CAFD2;
    font-size: 2em;
    text-align: center;
    text-decoration: none;
    color: #FFFFFF;
    margin: 4px;
    padding-top: 8px;
    padding-right: 18px;
    padding-bottom: 8px;
    padding-left: 18px;
    display: inline-block;
}
.button span {
	font-weight: bold;
	color: #000000;
}
.requestquote, .requestquote a {
	background-color: #E3A81F;
	color: #000000;
}
.webcost:hover, .webcost a:hover, .enquire:hover, .enquire a:hover, .requestquote:hover, .requestquote a:hover, .button:hover, .button a:hover  {
	color: #FFF;
	background-color: #A52C24;
	text-decoration: none;
}
.webcost span {
	font-size: 0.8em;
	color: #000;
}
.graphics-text .webcost { background-color: #499E3C; }
.graphics-text .webcost:hover { background-color: #A52C24; }
.cost {
	margin: 0px;
	font-size: 1.2em;
	width: 99px;
	text-align: center;
	padding: 0px;
	color: #4FAFC4;
}
.price {
	clear: right;
	margin: 0px;
	font-size: 1.2em;
	width: 99px;
	float: right;
	text-align: center;
	padding: 0px;
	color: #4FAFC4;
}
#wrapper {
	width: 630px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	overflow: hidden;
	height: 256px;
}
/* slider area for testimonial or news etc.
-------------------------------------------------------------- */
#slider2{
	margin: 0px;
	padding: 0px;
	height: 200px;
	overflow: hidden;
}


.slider2_slide{
	line-height:17px;
	font-size:11px;
	color:#747474;
}
.slider2_slide p {
	margin: 0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
}

.author{
}
.main_sub_right{
	float:left;
	width: 270px;
}
.main_sub_right h5 {
	margin:0px;
	padding: 0px;
}
.main_sub_right h5 {
	font-family:'Arial','Tahoma', san-serif;
	font-size:13px;
	color:#5e5e5e;
	font-weight:bold;
	margin: 0px;
	padding: 0px;
}
/* HEADLINE'S BOTTOM LINES  
-------------------------------------------------------------- */
.f_box_hr{
	height:7px;
	width:239px;
	clear:both;			
	border:0px;
	margin:4px 20px 4px;
	padding:0px;
}

.f_box_hr_2{
	height:1px;
	width:239px;
	background:#f4f4f4;
	clear:both;
	border:0px;
	margin:0px;
	padding:0px;
}
.guides {
	margin-bottom: 20px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #EDEDED;
}
.guides img {
	float: left;
}
.guides span {
	font-size:11px;
	color:#5e5e5e;
}
.domain_row_available {
	clear: both;
	background-color: #FFF;
	padding-top: 4px;
	padding-bottom: 4px;
}
.domain_row_notavailable {
	clear: both;
	background-color: #CCC;
	padding-top: 4px;
	padding-bottom: 4px;
}
.domain {
	float: left;
	padding-right: 12px;
	padding-left: 12px;
	width: 120px;
	display: block;
}
.domain_name {
	float: left;
	width: 250px;
	padding-right: 6px;
	padding-left: 6px;
	display: block;
}
.domain_price {
	float: left;
	padding-right: 6px;
	padding-left: 6px;
}
.domain_selector {
	float: left;
	padding-right: 6px;
	padding-left: 6px;
}
.padded {
	border: 1px solid #999;
	padding: 8px;
	background-color: #E8E8E8;
	margin: 8px;
}
#mainContent .right30 .bullet_twitter li {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	line-height: 30px;
}
#mainContent .right30 .bullet_twitter li {
	list-style-image: none;
	list-style-type: none;
	background-image: url(i/bullet_twitter.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	padding-top: 4px;
	padding-bottom: 4px;
}
#mainContent .right30 .bullet_newsletter ul {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	line-height: 30px;
}
#mainContent .right30 .bullet_newsletter li {
	list-style-image: none;
	list-style-type: none;
	background-image: url(i/bullet_newsletter.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 30px;
	padding-top: 4px;
	padding-bottom: 4px;
}
#mainContent .right30 li {
	list-style-image: none;
	list-style-type: none;
}
#followme {
	margin: 0px;
	padding: 0px;
}
#followtop {
}
#followmid {
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	display: block;
}
#followmid h2 {
	color: #1A2121;
	font-weight: bold;
	font-size: 1.2em;
	padding: 2px;
	margin: 0px;
}
#followmid ul {
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 16px;
}
#followmid ul .icon-joinme  {
	background-image: url(images/icon_email.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 22px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	margin-left: 4px;
}
#followmid ul .icon-vcard  {
	background-image: url(images/vcard.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 22px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	margin-left: 4px;
}
#followmid ul .icon-twitter  {
	background-image: url(images/soc14.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 22px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	margin-left: 4px;
}
#followmid ul .icon-facebook {
	background-image: url(images/soc5.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 22px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	margin-left: 4px;
}
#followmid ul .icon-linkedin {
	background-image: url(images/soc15.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 22px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	margin-left: 4px;
}
#followmid ul .icon-skype {
	background-image: url(images/soc16.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 4px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 22px;
}
#followmid ul .icon-rss {
	background-image: url(images/small_feed_icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-left: 4px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 22px;
}
#followend {
	margin: 0px;
	padding: 0px;
}
.simple_text_menu li a {
	padding-right: 5px;
	padding-left: 5px;
}
#mainContent .solidmenu {
	font-size: 1em;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: block;
}
#mainContent .solidmenu ul {
	font-size: 1em;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: block;
}
#mainContent .solidmenu li {
	font-size: 1em;
	display: block;
	list-style-type: none;
	margin: 4px;
	float: left;
	padding: 4px;
	background-color: #E8E8E8;
}
#mainContent .solidmenu li a {
	background-color: #E8E8E8;
	padding: 4px;
}
#mainContent .solidmenu li a:hover {
	background-color: #4FAFC4;
	padding: 4px;
	color: #FFF;
	text-decoration: none;
}
#mainContent .solidmenu li.selected {
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #4FAFC4;
}
#mainContent .website_text h1     {
	font-size: 2em;
	overflow: hidden;
	height: 1em;
	line-height: 1.2em;
}
.button_red, .button_green, .button_blue, .button_yellow, .button_umber, .button_paypal {
	margin: 4px;
	padding: 4px;
	display: block;
	height: 50px;
	width: 200px;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	color: #FFF;
	text-decoration: none;
}
.button_red a, .button_green a, .button_blue a, .button_umber a, .button_paypal a {
	color: #FFF;
	height: 50px;
	width: 200px;
}
.button_yellow a {
	color: #000;
	height: 50px;
	width: 200px;
}
.button_red, .button_umber {
	background-image: url(i/button_red.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.button_green, .button_blue, .button_yellow, .button_red, .button_umber, .free_button, .just_button, .button_paypal {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.button_green{
	background-image: url(i/button_green.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
}
.button_blue {
	background-image: url(i/button_blue.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
}
.button_paypal {
	background-image: url(i/button_paypal.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
}
.button_yellow {
	background-image: url(i/button_yellow.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
}
.button_blue span {
	font-size: 1em;
	color: #FFFFFF;
	margin-left: 11px;
}
.button_red:hover, .button_green:hover, .button_blue:hover, .button_umber:hover, .button_paypal:hover {
	cursor: pointer;
	color: #FFF;
	text-decoration: none;
	background-image: url(i/button_green.png);
}
.button_paypal:hover {
	cursor: pointer;
	color: #FFF;
	text-decoration: none;
	background-image: url(i/button_paypalhover.png);
}
.button_yellow:hover {
	color: #FFF;
	text-decoration: none;
	background-image: url(i/button_red.png);
}
.subscribeBox {
	height: 26px;
	display: block;
	margin: 8px;
	padding: 8px;
}
input#EmailSubscribeInput {
	outline: none;
	background-image: url(i/input_email.jpg);
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 26px;
	width: 160px;
	background-repeat: no-repeat;
	background-position: left center;
	display: inline;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
	margin: 0px;
	text-indent: 8px;
}
input.EmailSubscribeButton {
	background-image: url(i/input_subscribe.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	height: 26px;
	width: 113px;
	padding: 0px;
	display: inline;
	margin: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-indent: -9999px;
	outline: none;
	cursor: pointer;
	float: left;
}
input.EmailSubscribeInput {
	outline: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: transparent;
	float: left;
	padding-left: 20px;
	margin-left: 20px;
}
.actionbutton {
	font-family: "Arial Black", Gadget, sans-serif;
	font-weight: normal;
	font-style: normal;
	text-shadow: 0 0px 3px rgba(0,0,0,8);
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	-khtml-border-radius: 50px;
	-moz-box-shadow: 0px 3px 4px #000;
	-webkit-box-shadow: 0px 3px 4px #000;
	box-shadow: 0px 3px 4px #000;
	background-color: #4FAFC4;
	font-size: 1.4em;
	line-height: 45px;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	margin: 4px;
	padding-top: 4px;
	padding-right: 18px;
	padding-bottom: 4px;
	padding-left: 18px;
	display: inline-block;
	height: 45px;
	cursor: pointer;
}
.actionbutton:hover, .buythis:hover, .clickhere:hover, .findoutmore:hover, .moreinformationblue:hover, .moreinformationblack:hover {
	text-decoration: none;
	background-color: #000000;
	color: #E3A800;
}
.clickhere {

    font-family: Verdana, Geneva, sans-serif;

    font-weight: normal;
    font-style: normal;

    background-color: #57B61C;
    font-size: 1.4em;
    line-height: 45px;
    text-align: center;
    text-decoration: none;
    color: #FFFFFF;
    margin: 4px;
    padding-top: 4px;
    padding-right: 18px;
    padding-bottom: 4px;
    padding-left: 18px;
    display: inline-block;
    height: 45px;
    cursor: pointer;
}
.buythis {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-box-shadow: 0px 3px 4px #000;
	-webkit-box-shadow: 0px 3px 4px #000;
	box-shadow: 0px 3px 4px #000;
	background-color: #A52C25;
	font-size: 1.4em;
	line-height: 45px;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	margin: 4px;
	padding-top: 4px;
	padding-right: 18px;
	padding-bottom: 4px;
	padding-left: 18px;
	display: inline-block;
	height: 45px;
	cursor: pointer;
}
.findoutmore {
	font-family: "Arial Black", Gadget, sans-serif;
	font-weight: normal;
	font-style: normal;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-khtml-border-radius: 10px;
	-moz-box-shadow: 0px 3px 4px #000;
	-webkit-box-shadow: 0px 3px 4px #000;
	box-shadow: 0px 3px 4px #000;
	background-color: #E3A800;
	font-size: 1.4em;
	line-height: 45px;
	text-align: center;
	text-decoration: none;
	color: #000000;
	margin: 4px;
	padding-top: 4px;
	padding-right: 18px;
	padding-bottom: 4px;
	padding-left: 18px;
	display: inline-block;
	height: 45px;
	cursor: pointer;
}
.moreinformationblue {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	-khtml-border-radius: 50px;
	-moz-box-shadow: 0px 3px 4px #000;
	-webkit-box-shadow: 0px 3px 4px #000;
	box-shadow: 0px 3px 4px #000;
	background-color: #4FAFC4;
	font-size: 1.4em;
	line-height: 45px;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	margin: 4px;
	padding-top: 4px;
	padding-right: 18px;
	padding-bottom: 4px;
	padding-left: 18px;
	display: inline-block;
	height: 45px;
	cursor: pointer;
}
.moreinformationblack {

    font-family: "Comic Sans MS", cursive;

    font-weight: normal;
    font-style: normal;

    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px; 
    -khtml-border-radius: 50px;

    -moz-box-shadow: 0px 3px 4px #000;
    -webkit-box-shadow: 0px 3px 4px #000;
    box-shadow: 0px 3px 4px #000;

    background-color: #000000;
    font-size: 1.4em;
    line-height: 45px;
    text-align: center;
    text-decoration: none;
    color: #FFFFFF;
    margin: 4px;
    padding-top: 4px;
    padding-right: 18px;
    padding-bottom: 4px;
    padding-left: 18px;
    display: inline-block;
    height: 45px;
    cursor: pointer;
}
.thirtypixels { width: 30px; }
.image {
	padding: 9px;
	margin-top: 0px;
	margin-right: 9px;
	margin-bottom: 0px;
	margin-left: 9px;
}
.imageleft {
	margin: 5px;
	padding: 5px;
	float: left;
}
.imageright {
	margin: 5px;
	padding: 5px;
	float: right;
}
.photo {
	padding: 9px;
	margin-top: 0px;
	margin-right: 9px;
	margin-bottom: 0px;
	margin-left: 9px;
}
.photoleft {
	margin: 5px;
	padding: 5px;
	float: left;
}
.photoright {
	margin: 5px;
	padding: 5px;
	float: right;
}
#social-networks {
	position: fixed;
	width: 40px;
	float: left;
	top: 200px;
	text-align: center;
	padding-left: 0px;
	left: 0px;
	margin: 0px;
	padding-right: 8px;
}
.panel {
	background-image: url(i/sidepanel.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 12px;
}
.social-box {
	height: 20px;
	width: 20px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 6px;
}
.end-panel {
	background-image: url(i/sidepanel.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	display: block;
	height: 15px;
}
#mainContent .content-thirds .webdesign-text h2 { font-size: 2em; }

#footer {
	color: #FFFFFF;
	text-decoration: none;
	padding: 0;
	background-color: #191919;
	margin: 0px;
} 
#inner_footer {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-decoration: none;
}
#footer a {
	color:#EDEDED;
	background: inherit;
	text-decoration: none;
	font-size: x-small;
}
#footer a:hover {
	color:#E3A81F;
	background: inherit;
	text-decoration: underline;
	font-size: x-small;
}
#footer h1 {
	font-weight: normal;
}
#footer ul {
	list-style-image: none;
	list-style-type: circle;
	padding-left: 22px;
}
#footer .nobullet {
	list-style-image: none;
	list-style-type: none;
	display: block;
	height: 16px;
}
#banners {
	clear:left;
}
.mobile_off {
	height: 36px;
	font-size: 1em;
	line-height: 36px;
	display: block;
	padding-left: 22px;
	text-align: right;
	padding-right: 22px;
}
.mobile_off p { line-height: 36px; }
.mobile_off a img {
	height: 36px;
	width: 100px;
	display: inline;
	background-image: url(i/onoff.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.mobile_off a:hover img {
	background-position: center top;
}
#copyright {
	clear:left;
	text-align: left;
	font-size: x-small;
	color:#98827F;
	margin: 0px;
}

#copyright a {
	margin: 0;
	border: 0;
	color:#4EAFC4;
}

#copyright a:active, #copyright a:hover {
	color:#A52C24;
	margin: 0;
}

/* 

Generic Form Structure 

*/

#contactform .fields , #smallform .fields { font-weight: normal; }
#contactform .fields  fieldset , #smallform .fields fieldset {
	font-size: 1.2em;
	padding-left: 12px;
	color: #4FAFC4;
	display: inline;
	margin: 12px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: normal;
}
#contactform .fields ul , #smallform .fields ul  {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	list-style-image: none;
}
#contactform .fields ol , #smallform .fields ol  {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	display: block;
	list-style-image: none;
}
#contactform .fields li , #smallform .fields li {
	list-style-type: none;
	list-style-image: none;
	display: block;
	margin: 0px;
	padding: 0px;
}
#contactform .fields ol li ,#contactform .fields ul li {
	display: block;
	padding-top: 22px;
	list-style-image: none;
	list-style-type: none;
}
#contactform .fields legend , #smallform .fields legend  {
	color: #4FAFC4;
	display: block;
	font-weight: normal;
	font-size: 1.4em;
	padding: 0px;
	margin-top: 0px;
}

/*

Specific to Contact Form

*/

#contactform .fields label {
	color: #4FAFC4;
	padding-top: 2px;
	display: block;
	padding-left: 6px;
	font-size: 0.9em;
	line-height: 32px;
	height: 32px;
	width: 220px;
	float: left;
	padding-right: 2px;
	padding-bottom: 2px;
	margin: 2px;
	text-align: right;
}
#contactform .fields .radio_button { width: 30px; }

#contactform .fields input {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #C5C3B7;
	font-size: 1em;
	outline: none;
	height: 32px;
	float: left;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	line-height: 32px;
	margin: 2px;
	width: 290px;
}
#contactform .fields textarea {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #C5C3B7;
	display: block;
	font-size: 1.2em;
	outline: none;
	width: 290px;
	height: 120px;
	padding-left: 6px;
	margin: 2px;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	float: left;
}
#contactform .fields select {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #C5C3B7;
	font-size: 1em;
	outline: none;
	height: 32px;
	float: left;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	line-height: 32px;
	margin: 2px;
	width: 290px;
}
#contactform .fields textarea.normaltext {
	font-size: 1em;
	line-height: 1.5em;
	font-weight: normal;
}
#contactform .fields span{
	display: block;
	color: #333333;
	font-weight: normal;
	line-height: 32px;
	margin: 0px;
	padding: 0px;
}
#contactform .fields span.supportText {
	padding-left: 240px;
	font-size: 0.7em;
	font-style: italic;
	font-weight: normal;
	height: 12px;
	width: 280px;
	text-align: left;
	line-height: 12px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	float: left;
}

#contactform form .fields ol .indent {
	display: block;
	margin: 0px;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 240px;
}
/*

Specific to Small Forms

*/

#smallform .fields ol li , #smallform .fields ul li {
	display: block;
	list-style-image: none;
	list-style-type: none;
}
#smallform .fields label {
	color: #4FAFC4;
	display: block;
	font-size: 0.9em;
	width: 220px;
	margin: 2px;
	text-align: left;
	padding: 2px;
}
#smallform .fields .radio_button { width: 30px; }

#smallform .fields input {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #C5C3B7;
	font-size: 1em;
	outline: none;
	height: 32px;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	line-height: 32px;
	margin: 2px;
	width: 90%;
}
#smallform .fields textarea {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #C5C3B7;
	display: block;
	font-size: 1.2em;
	outline: none;
	width: 90%;
	height: 120px;
	padding-left: 6px;
	margin: 2px;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
}
#smallform .fields select {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-khtml-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #C5C3B7;
	font-size: 1em;
	outline: none;
	height: 32px;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	line-height: 32px;
	margin: 2px;
	width: 90%;
}
#smallform .fields textarea.normaltext {
	font-size: 1em;
	line-height: 1.5em;
	font-weight: normal;
}

#smallform .fields span{
	display: block;
	color: #333333;
	font-weight: normal;
	line-height: 32px;
	margin: 0px;
	padding: 0px;
}
#smallform .fields span.supportText {
	padding-left: 20px;
	font-size: 0.7em;
	font-style: italic;
	font-weight: normal;
	height: 12px;
	text-align: left;
	line-height: 12px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
}

#smallform form .fields ol .indent {
	display: block;
	margin: 0px;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 40px;
}

/*

Form options

*/

#submit_button    { font-size: 1.4em; }
.fields span.red {
	font-style:italic;
	color: #A52C25;
}
.fields .submit_button {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	display:block;
	line-height: 24px;
	width: 99px;
	height: 29px;
	cursor: pointer;
	background-color: transparent;
	background-image: url(pi/buttons.png);
	background-repeat: no-repeat;
	background-position: center top;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 4px;
	margin: 4px;
}
.fields .noborder {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
}
.fields fieldset .rightMessage {
	font-weight: normal;
	text-align: right;
	font-size: 0.9em;
	color: #A52C25;
}
.supportText.redbox , .redbox , #contactform .fields .supportText.redbox, #smallform .fields .supportText.redbox{ color: #C00; }
.fields .nowidth {
	width: 20px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.fields  .required  {
}
.fields .req {
	font-size: 0.64em;
	font-weight: normal;
	color: #A52C25;
}

.fields #imgcode {
	width: 6em;
	border: 1px solid #C5C3B7;
	font-size: 1.2em;
}
#smallform #submit, #contactform #submit {
	margin: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: auto;
	width: auto;
	padding-top: 4px;
	padding-right: 12px;
	padding-bottom: 4px;
	padding-left: 12px;
}
.fields .submit, .fields .submit a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.3) !important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0px 3px 4px #000;
	-webkit-box-shadow: 0px 3px 4px #000;
	box-shadow: 0px 3px 4px #000;
	background-color: #4FAFC4;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	margin: 4px;
	padding-top: 8px;
	padding-right: 18px;
	padding-bottom: 8px;
	padding-left: 18px;
	display: inline-block;
	cursor: pointer;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: auto;
}
.fields .submit:hover, .fields .submit a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #A52C25;
}
.fields .thirtypixels { width: 30px; }
.fields .message {
	font-size: .9em;
	font-style: italic;
	font-weight: normal;
	color: #333;
	padding-left: 28px;
	padding-bottom: 12px;
}
/* search form 
-------------------------------------- */
.searchform {
	display: inline-block;
	zoom: 1; /* ie7 hack for display:inline-block */
	*display: inline;
	border: solid 1px #d2d2d2;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
	-webkit-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 0px rgba(0,0,0,.1);
	box-shadow: 0 1px 0px rgba(0,0,0,.1);
	background: #f1f1f1;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); /* ie8 */
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	margin-left: 33px;
}
.searchform fieldset {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.searchform input {
	font: normal 12px/100% Arial, Helvetica, sans-serif;
}
.searchform .searchfield {
	background: #fff;
	padding: 6px 6px 6px 8px;
	width: 202px;
	border: solid 1px #bcbbbb;
	outline: none;

	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}
.searchform .searchbutton {
	color: #fff;
	border: solid 1px #494949;
	font-size: 11px;
	height: 27px;
	width: 27px;
	text-shadow: 0 1px 1px rgba(0,0,0,.6);

	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;

	background: #5f5f5f;
	background: -webkit-gradient(linear, left top, left bottom, from(#9e9e9e), to(#454545));
	background: -moz-linear-gradient(top,  #9e9e9e,  #454545);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie7 */
	-ms-filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9e9e9e', endColorstr='#454545'); /* ie8 */
}

