@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_main.png);
	background-repeat: repeat-x;
	background-position: left top;
}
a {
	text-decoration:none;
	color:#61B7CA;
}
a:hover {
	text-decoration: underline;
	color:#000000;
}
#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: #5EB6C9;
}
#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  {
	float: left;
	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;
}
#top_area .contacts span {
	color: #4FAFC4;
	display: block;
	width: 32px;
	float: left;
	text-align: right;
}#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;
}
#logo {
	padding-top: 131px;
}
#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 {
	text-decoration: none;
	color: #FFF;
	background-color: #1A2121;
}
#top_menu ul li.active {
	text-decoration: none;
	color: #FFF;
	background-color: #0F0F0F;
}
#top_menu .active a  {
	text-decoration: none;
	color: #FFF;
}
#main_menu {
	text-align: right;
	width: 840px;
	margin: 0px;
	height: 42px;
	overflow: hidden;
	padding-top: -42px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 190px;
	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: #E3A800;
}
#main_menu ul .green, #main_menu ul .green_active {
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #E3A800;
}
#main_menu ul .umber, #main_menu ul .umber_active {
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #E3A800;
}
#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: #E3A800;
	color: #FFF;
	text-decoration: none;
}
#main_menu ul .green a:hover, #main_menu ul .green_active a {
	background-color: #E3A800;
	color: #FFF;
	text-decoration: none;
}
#main_menu ul .umber a:hover, #main_menu ul .umber_active a {
	background-color: #E3A800;
	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: #2E74D9;
	line-height: 1em;
}
#mainContent h2 {
	font-size: 3em;
	;
	font-weight: normal;
	color: #1A2121;
	line-height: 1em;
}
#mainContent h3 {
	font-size: 3em;
	;
	font-weight: normal;
	color: #2E74D9;
	padding: 4px;
	line-height: 1em;
}
#mainContent h4 {
	font-size: 3em;
	;
	font-weight: normal;
	color: #1A2121;
	line-height: 1em;
}
#mainContent h5 {
	font-size: 3em;
	;
	font-weight: normal;
	color: #1A2121;
	line-height: 1em;
}
#mainContent ul {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 32px;
}
#mainContent ul li {
	list-style-image: url(images/bullet_sm1.png);
	list-style-type: none;
	margin: 0px;
	padding: 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: #2E74D9;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #2E74D9;
}
.lowBox {
	background-image: url(i/boxLow.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 30px;
}
.third {
	width: 270px;
	display: block;
	float: left;
	padding: 10px;
}
.twothirds {
	width: 560px;
	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;
}
.wideText
{
	display: block;
	margin: 0px;
	width: 940px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#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;
}
.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;
	background-color: #EDEDED;
	padding-top: 8px;
	padding-bottom: 8px;
}
.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;
}
.seo {
	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;
}
.seo_shop {
	display: block;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D8DADC;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
	margin: 0px;
}
.seo_thumb {
	float: left;
	width: 320px;
	text-align: center;
}
.seo_thumb img {
	margin: 4px;
	padding: 4px;
}
.seo_text {
	text-align: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 330px;
}
.seo_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;
}
#mainContent ul.squares {
	list-style-image: none;
	list-style-type: none;
	background-image: none;
	margin: 4px;
	display: block;
	padding: 4px;
}
#mainContent .squares li {
	list-style-image: none;
	list-style-type: none;
	margin: 2px;
	float: left;
	padding: 3px;
}
#mainContent .squares li a {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	color: #000;
	background-color: #E4AC1F;
	margin: 0px;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
}
#mainContent .squares li a:hover {
	color: #FFF;
	background-color: #050505;
	text-decoration: 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: #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;
}
.calNOT, .calOLD {
	height: 70px;
	width: 52px;
	overflow: hidden;
	float: left;
	padding: 0px;
	margin: 6px;
	background-image: url(i/calendar_expired.png);
	background-repeat: no-repeat;
}
.cal, .calYES {
	height: 70px;
	width: 52px;
	overflow: hidden;
	float: left;
	padding: 0px;
	margin: 6px;
	background-image: url(i/calendar.png);
	background-repeat: no-repeat;
}
.calmonth {
	font-size: 12px;
	color: #FFFFFF;
	height: 14px;
	width: 52px;
	overflow: hidden;
	font-weight: normal;
	text-align: center;
	padding-top: 14px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.caldate {
	height: 28px;
	width: 52px;
	overflow: hidden;
	font-size: 24px;
	font-weight: normal;
	text-align: center;
	color: #FFF;
	padding: 0px;
}
.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;
}
.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;
	list-style-image: none;
	list-style-type: none;
}
#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;
	list-style-image: none;
}
#followmid ul li {
	list-style-image: none;
	list-style-type: none;
}
#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;
}
#submit_button {
	width: auto;
	font-weight: bold;
	font-size: 1.4em;
}
.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: #FFF;
	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;
	margin-left: 30px;
	padding: 4px;
	margin-right: 30px;
	background-color: #E8E8E8;
}
.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;
}
.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;
}
span.price {
	margin: 24px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
	font-size: 2em;
}
span.price strong {
	font-size: 11px;
	font-weight: normal;
	color: #333;
}
#map_canvas {
	padding: 12px;
	text-align: left;
}
.map_heading {
	font-weight: bold;
	text-align: left;
}
.map_text {
	font-weight: normal;
	text-align: left;
}
.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_yellow {
	background-image: url(i/button_yellow.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
}
.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;
}
.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;
}
#mainContent .emailsubscribe h3{
	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-image: url(i/bullet_newsletter.png);
	background-color: transparent;
	color: #000;
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 46px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 12px;
}
.imagel {
	float: left;
	margin: 4px;
	padding: 4px;
}
.imager {
	float: right;
	margin: 4px;
	padding: 4px;
}
.buy, .download_button, .call_to_action_button { text-align: left; }
.buy a, .download_button a, .fields input.download_button, .fields input.buy_button, .call_to_action_button a, .fields input.call_to_action_button {
	color: #FFF;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px; /* future proofing */
	-khtml-border-radius: 20px; /* for old Konqueror browsers */
	background-color: #34C2F5;
	margin: 8px;
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	padding-top: 8px;
	padding-right: 14px;
	padding-bottom: 8px;
	padding-left: 14px;
	width: auto;
	cursor: pointer;
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}
.buy a:hover, .download_button a:hover, .fields input.download_button:hover, .fields input.buy_button:hover, .call_to_action_button a:hover, .fields input.call_to_action_button:hover {
	text-decoration: none;
	background-color: #FFF;
	color: #54CDF6;
}
.call_to_action_button a, .fields input.call_to_action_button { background-color: #6C3; }
.call_to_action_button a:hover, .fields input.call_to_action_button:hover { color: #6C3; }
.button_red a, .fields input.button_red {
	color: #FFF;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    -khtml-border-radius: 30px;
    border-radius: 30px; 
    background-color: #FF9900;
    margin: 8px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
	padding-top: 16px;
	padding-right: 32px;
	padding-bottom: 16px;
	padding-left: 32px;
	width: auto;
	cursor: pointer;

    text-shadow: 0 -1px 1px rgba(0,0,0,0.3) !important;
}
.button_red a:hover, .fields input.button_red:hover {
	text-decoration: none;
	background-color: #FFF;
	border: 1px solid #EDEDED;
	color: #FF9900;
}
.buy {
	float: right;
	clear: right;
	text-align: center;
}
.gallery {
	background-color: #FFF;
	margin: 4px;
	padding: 4px;
	border: 1px solid #EDEDED;
	display: inline-block;
}
#landing h1 {
	font-size: 1.5em;
	font-weight: normal;
	color: #2E74D9;
	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;
}
#the_settings {
	float: right;
	width: 510px;
}
#the_button {
	float: right;
	padding-right: 22px;
	width: 400px;
}
#twitterbox #social-twitter #twitterTop {
	background-image: url(i/twitter_top.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 25px;
	width: 330px;
}
#twitterbox #social-twitter #twitterText{
	width: 265px;
	background-image: url(i/twitter_mid.png);
	background-repeat: repeat-y;
	background-position: center top;
}
#twitterbox #social-twitter #twitterText span {
	padding-right: 5px;
	padding-left: 5px;
	display: block;
}
#twitter_slider {
	margin-right: 5px;
	margin-left: 5px;
}
#twitterbox #social-twitter #twitterEnd {
	background-image: url(i/twitter_footer.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 55px;
	width: 330px;
}
#twitterbox #social-twitter #twitterEnd span { float: right; }
#twitterbox #social-twitter #twitterEnd span a {
	text-align: right;
	display: block;
	padding-right: 56px;
	text-decoration: none;
	color: #FFF;
	padding-top: 28px;
}
#twitterbox #social-twitter #twitterEnd .test_arrows_left {
	float: left;
	padding-top: 30px;
	padding-left: 56px;
}
#twitterbox #social-twitter #twitterEnd .test_arrows_right {
	float: left;
	padding-top: 30px;
}
#twitterbox #social-twitter #twitterEnd .test_arrows_left img , #twitterbox #social-twitter #twitterEnd .test_arrows_right img{
	height: 24px;
	width: 24px;
}
#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;
}

.twos {
	width: 450px;
	display: block;
	float: left;
	padding: 5px;
}
.thirds {
	width: 280px;
	display: block;
	float: left;
	padding: 10px;
	margin: 10px;
}
#footer {
	color: #FFFFFF;
	text-decoration: none;
	padding: 0;
	background-color: #191919;
	margin: 0px;
	font-size: .9em;
} 
#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:#EDEDED;
	background: inherit;
	text-decoration: none;
}
#footer a:hover {
	color:#E3A81F;
	background: inherit;
	text-decoration: underline;
}
#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;
}
.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 

*/
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;
}
#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;
}
.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; }
.supportText.redbox , .redbox , #contactform .fields .supportText.redbox, #smallform .fields .supportText.redbox{ color: #C00; }
.fields .message {
	font-size: .8em;
	font-style: italic;
	font-weight: normal;
	color: #333;
	padding-left: 48px;
}