@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: 0.8em;
	background-color: #FFFFFF;
	background-image: url(i/bg.png);
	background-repeat: repeat-x;
	background-position: center top;
}
a:hover {
	text-decoration: underline;
	color:#A8300E;
}
a {
	text-decoration:none;
	color:#A52F0D;
}
#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: #0069A8;
}
#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:288px;
	z-index:6;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
#top_area {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(i/main_logo.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 297px;
}
#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;
}
.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: #962B03;
	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: #023A83;
	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;
}
#logo {
	padding-top: 131px;
}
#top_bar {
	display: block;
	height: 32px;
	text-align: 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: #1A2121;
}
#main_menu {
	padding: 0px;
	text-align: right;
	width: 800px;
	float: right;
	margin: 0px;
	height: 42px;
	overflow: hidden;
}
#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;
}
#main_menu ul .yellow, #main_menu ul .yellow_active {
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #FFCC00;
}
#main_menu ul .blue, #main_menu ul .blue_active {
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #0074D9;
}
#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: #A83004;
}
#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: #FFCC00;
	color: #FFF;
	text-decoration: none;
}
#main_menu ul .blue a:hover, #main_menu ul .blue_active a {
	background-color: #0074D9;
	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: #A83004;
	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;
}

#my_menu .yellow li a {
	background-color: #1A2121;
	color: #FFF;
}
#my_menu .blue li a {
	background-color: #1A2121;
	color: #FFF;
}
#my_menu .green li a {
	background-color: #1A2121;
	color: #FFF;
}
#my_menu .umber li a {
	background-color: #1A2121;
	color: #FFF;
}
#my_menu .black li a {
	background-color: #1A2121;
	color: #FFF;
}

#my_menu .yellow li a:hover {
	background-color: #FCCC1D;
}
#my_menu .blue li a:hover {
	background-color: #0074D9;
}
#my_menu .green li a:hover {
	background-color: #499E3C;
}
#my_menu .umber li a:hover {
	background-color: #A83004;
}
#my_menu .black li a:hover {
	background-color: #1A2121;
}

#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;
}
.mainmenu h1 {
}
#submenu   {
	height: 34px;
	overflow: hidden;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	display: block;
}
#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   {
}
#submenu ul.blue   {
	margin-left: 150px;
}
#submenu ul.green   {
	margin-left: 200px;
}
#submenu ul.umber   {
	margin-left: 364px;
}
#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: #FCCC1D;
	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: #0074D9;
	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: #A83004;
	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: 1.5em;
	font-weight: normal;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #1A2121;
	color: #1A2121;
}
#mainContent h2 {
	font-size: 1.5em;
	font-weight: normal;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #FCCC1D;
	color: #1A2121;
}
#mainContent h3 {
	font-size: 1.5em;
	font-weight: normal;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #1874D9;
	color: #1A2121;
	padding: 4px;
}
#mainContent h4 {
	font-size: 1.5em;
	font-weight: normal;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #499E3C;
	color: #1A2121;
}
#mainContent h5 {
	font-size: 1.5em;
	font-weight: normal;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #A8300E;
	color: #1A2121;
}
#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;
	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 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;
}
.taf {
	display: inline;
	position: relative;
	top: 12px;
	line-height: 40px;
	border: 1px solid #EDEDED;
	margin: 8px;
	padding: 8px;
}
.red {
	font-style:italic;
	color: #A52F0D;
}
.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: 330px;
	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;
}
.lowBox {
	background-image: url(i/boxLow.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 30px;
}
.\2thirds {
	width: 560px;
	display: block;
	float: left;
	padding: 10px;
}
.third {
	width: 270px;
	display: block;
	float: left;
	padding: 10px;
}
.thirds {
	width: 270px;
	display: block;
	float: left;
	height: 250px;
	padding: 10px;
	overflow: hidden;
}
.halfleft {
	display: block;
	float: left;
	width: 465px;
}
.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;
}
.smallbox {
	overflow: hidden;
}
.img {
	margin: 1px;
	padding: 1px;
	border: 1px solid #9F5D4D;
	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;
}
#footer {
	color: #808080;
	text-decoration: none;
	padding: 0;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
} 
#inner_footer {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	height: 120px;
	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:#192121;
	background: inherit;
	text-decoration: none;
	font-size: x-small;
}
#footer a:hover {
	color:#A8300E;
	background: inherit;
	text-decoration: underline;
	font-size: x-small;
}
#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: right;
	padding-right: 10px;
	font-size: x-small;
	color:#98827F;
	padding-top: 50px;
}

#copyright a {
	margin: 0;
	border: 0;
	color:#192121;
}

#copyright a:active, #copyright a:hover {
	color:#A8300E;
	margin: 0;
}
.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;
}
.icolor {
	background-color: #92B05B;
	color: #000000;
	margin: 4px;
	padding: 4px;
}
.fcolor {
	background-color: #EEC078;
	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: #4579BF;
	color: #FFFFFF;
	margin: 4px;
	padding: 4px;
}
.warning {
	font-size: medium;
	font-style: italic;
	color: #A52F0D;
	font-weight: bold;
	text-indent: 16px;
}
.heading {
	font-size: 1.4em;
	font-family: "Arial Black", Gadget, sans-serif;
}
.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;
}
.webwide, .websites3 {
	float: left;
	display: inline;
	width: 535px;
	height: 320px;
	border: 10px solid #FBCC25;
	margin: 5px;
	padding: 8px;
}
.websites, .websites2 {
	float: left;
	border: 10px solid #2E73D6;
	display: inline;
	padding: 8px;
	margin: 5px;
	width: 245px;
	height: 320px;
}
.webwide, .websites1 {
	float: left;
	display: inline;
	width: 535px;
	height: 320px;
	border: 10px solid #489C3B;
	margin: 5px;
	padding: 8px;
}
.websites, .websites0 {
	float: left;
	border: 10px solid #EDEDED;
	display: inline;
	padding: 8px;
	margin: 5px;
	width: 245px;
	height: 320px;
}
.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;
}
.website_text .enquire {
	display: inline;
	float: right;
	margin: 4px;
	padding: 4px;
}
.website_text .visit {
	float: right;
	padding: 4px;
	margin: 4px;
}
.website_text h1 {
	font-size: 1.2em;
	font-weight: normal;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.website_text h3 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-size: .92em;
}
.websites_soon {
	float: left;
	width: 450px;
	padding: 10px;
}
.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;
}
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: #0066CC;
	line-height: 70px;
	text-decoration: none;
}
.front_page a  {
	color: #0066CC;
}
.front_page a:hover  {
	color: #BC5E2C;
}


/* Pull Quote */
.pull_quote blockquote {
	display: block;
	font-style: italic;
	font-weight: normal;
	color: #666;
	font-size: .9em;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
.pull_quote blockquote:before, .pull_quote blockquote:after {
	color: #F1DCD5;
	display: block;
	font-size: 1000%;
	width: 10px;
	font-style: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.pull_quote blockquote:before {
	content: open-quote;
	height: 0;
	margin-left: -0.36em;
	clip: rect(auto,auto,auto,-0.2px);
}
.pull_quote blockquote:after {
	content: close-quote;
	height: 10px;
	margin-top: -0.55em;
	margin-left: 101%;
	margin-bottom: .55em;
}
.nav_top {
	display: block;
	font-size: 1.2em;
	float: right;
	height: 40px;
	width: 260px;
	color: #CCCCCC;
	padding-top: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	clear: both;
}
.nav_top a {
	color: #BC5E2C;
	text-decoration: none;
}
.nav_top a:hover {
	color: #006633;
	text-decoration: none;
}
.nav_bottom {
	display: inline;
	font-size: 1.2em;
	float: right;
	height: 40px;
	width: 260px;
	color: #CCCCCC;
	padding-top: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.nav_bottom a {
	color: #BC5E2C;
	text-decoration: none;
}
.nav_bottom a:hover {
	color: #006633;
	text-decoration: none;
}
.menustyle {
	clear: both;
	display: block;
}
.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: #CC0000;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #CC0000;
}
.commentnav {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #CC0000;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #CC0000;
}
.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;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	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: #BC5E2C;
	text-decoration: none;
}
.just_button {
	background-image: url(images/Button_.jpg);
	background-repeat: no-repeat;
	color: #1B3363;
}
.button_box {
	float: right;
	height: 70px;
	width: 220px;
}
.button.payonline{
	background-image: url(i/payment.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 70px;
	width: 308px;
	font-size: 18px;
}
.button.quote {
	background-image: url(i/quote.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 70px;
	width: 308px;
	font-size: 18px;
}
.button.testimonials {
	background-image: url(i/testimonial.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 70px;
	width: 308px;
	font-size: 18px;
}
.button 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;
}
.button a:hover {
	color: #2E73D6;
}
.type {
	font-family: "Courier New", Courier, monospace;
	font-size: 2em;
}
.row0 {
	color: #1A2121;
	background-color: #F9CC2A;
}
.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;
}
#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;
}
#followend {
	margin: 0px;
	padding: 0px;
}
.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;
	background-image: url(i/twitter_mid.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}
#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.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 25px;
}
#twitterEnd {
	margin: 0px;
	padding: 0px;
	background-image: url(i/twitter_speech.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 20px;
}
#twitterText {
	padding-top: 2px;
	padding-right: 32px;
	padding-bottom: 12px;
	padding-left: 32px;
}
#twitterText .pubDate {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin: 0px;
	font-size: .9em;
	color: #900;
}
#Call_me_now ol {
	list-style-image: none;
	list-style-type: none;
}
#quotation ol {
	list-style-image: none;
	list-style-type: none;
}
ul.bullet_twitter {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	line-height: 30px;
}
ul.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;
}
ul.bullet_newsletter {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	line-height: 30px;
}
ul.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;
}
.fields  fieldset {
	border: 1px solid #CCCCCC;
	padding-left: 12px;
	font-size: 1.2em;
	color: #333333;
	display: block;
	margin: 12px;
}
.fields ul  {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.fields ul input {
	width: 10%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.fields ol  {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.fields li {
	list-style-type: none;
	padding-top: 12px;
	padding-bottom: 4px;
}
#submit_button {
	width: auto;
	font-weight: bold;
	font-size: 1.4em;
}
.fields span {
	display: block;
	font-size: .9em;
	font-weight: bold;
}
.fields input {
	outline: none;
	width: 90%;
	border: 1px solid #CCCCCC;
}
.fields  .required  {
}
.fields .req {
	font-size: .64em;
	font-weight: normal;
}
.fields select {
	width: 90%;
}
.fields textarea {
	outline: none;
	width: 90%;
	border: 1px solid #CCCCCC;
}
.fields #imgcode {
	width: 6em;
	border: 1px solid #FF6600;
	font-size: 1.2em;
}
.fields .submit  {
	background-image: url(i/submits.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
	font-size: 1.2em;
	line-height: 50px;
	padding: 0px;
	display: block;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #FFF;
	height: 50px;
	width: 220px;
	text-align: center;
	margin: 0px;
}
.fields .submit a   {
	color: #FFF;
	text-decoration: none;
	display: block;
	height: 50px;
}
.fields .submit a:hover   {
	color: #FFF;
	text-decoration: none;
}
.submitButton,.submitButton_yellow,.submitButton_blue,.submitButton_green,.submitButton_umber,.submitButton_black {
	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 {
	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 {
	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_black {
	background-image: url(i/optionbox_black.png);
}

.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;
}


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

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

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

noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
noscript a { color: #a00; 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;
}

/* slider styles */

#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: #900;
}
.scrollContainer span {
	position: relative;
	top: -170px;
	font-size: 2em;
	font-weight: normal;
	text-align: center;
	width: 380px;
	vertical-align: middle;
	display: block;
}
.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: .5em;
	text-align: left;
	padding-left: 32px;
	padding-top: 32px;
	color: #FCCC1D;
}
.scrollContainer .card_sideheading {
	font-size: .8em;
	text-align: left;
	color: #2E73D6;
	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: #FCCC1D;
	clear: both;
	float: none;
}
.sitemap .site_blue_top {
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #1873D6;
	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: #A52F0D;
	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;
}
.colour1 {
	color: #FCCC1D;
}
.colour2 {
	color: #0074D9;
}
.colour3 {
	color: #499E3C;
}
.colour4 {
	color: #A83004;
}
.colour5 {
	color: #1A2121;
}
.button_blue a {
	color: #FFF;
}
.button_umber a {
	color: #FFF;
}
.button_blue {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	display:block;
	line-height: 29px;
	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: 0px;
	float: right;
}
.button_umber {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	display:block;
	line-height: 29px;
	width: 99px;
	height: 29px;
	cursor: pointer;
	background-color: transparent;
	background-image: url(pi/buttons.png);
	background-repeat: no-repeat;
	background-position: center center;
	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: 0px;
	float: right;
}
.price {
	clear: right;
	margin: 0px;
	font-size: 1.2em;
	width: 99px;
	float: right;
	text-align: center;
	padding: 0px;
	color: #1774D9;
}
#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;
}
.fields .noborder{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
}
.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;
}