@charset "UTF-8";
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 0px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFFFFF;
	background-image: url(i/bg_blue.png);
	background-repeat: repeat-x;
	background-position: center top;
}
a {
	color: #000;
	text-decoration: none;
}
a:hover { text-decoration: underline; }
p {
	margin: 0px;
	padding: 0px;
	line-height: 150%;
}
/* CSS Document */

#container {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: transparent;
	padding: 0px;
	text-align: left;
}
#header {
	background-image: url(i/logo_main_mobile.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	padding: 0px;
	margin: 0px;
	background-color: transparent;
	height: 180px;
}
#header #logo a{
	margin: 0px;
	text-align: left;
	height: 170px;
	width: 320px;
	display: block;
	padding: 0px;
}
#header .contacts {
	position: relative;
	top: -80px;
	display: block;
	font-size: 1em;
	color: #FFF;
	padding-bottom: -80px;
	text-align: right;
	margin-right: 8px;
}
#header .contacts a {
	color: #FFF;
	text-decoration: none;
}
#header .contacts a:hover { text-decoration: underline; }
.contacts .FBLike  {
	width: 130px;
	line-height: 20px;
	height: 20px;
	padding-top: 10px;
	overflow: hidden;
	float: right;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#fb-root {
	overflow: hidden;
	display: none;
}
#social-networks {
	float: right;
	position: relative;
	top: -68px;
	display: block;
	padding-bottom: -68px;
}
#header #social-networks .panel { }
#social-networks .panel .social-box {
	float: left;
	display: inline-block;
}
#main_menu {
	width: 100%;
	margin: 0px;
	overflow: hidden;
	padding: 0px;
}
#main_menu ul {
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
}
#main_menu li {
	font-size: 1em;
	font-weight: bold;
	margin: 0px;
	line-height: 38px;
	display: block;
	width: 100%;
	text-align: left;
	padding: 0px;
}
#main_menu ul a {
	display: block;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	margin: 0px;
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
}
#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 {
}
.heading {
	font-size: 1.4em;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	letter-spacing: -0.1em;
	font-weight: bold;
	font-family: "Arial Black", Gadget, sans-serif;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	color: #333;
}
#my_menu li a {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	width: -30px;
}
#my_menu {
	border-top-width: 0;
	border-top-style: none;
}
#my_menu li:last-child a  {
	border-bottom: 0 none;
}
#my_menu li:last-child a {
	border-bottom: 0 none;
}
#my_menu .blue a {
	background-color: #121212;
	color: #4FAFC4;
}
#my_menu .blue 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 .yellow  a {
	background-color: #121212;
	color: #E3A800;
}
#my_menu .yellow  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 .green a {
	background-color: #121212;
	color: #499E3C;
}
#my_menu .green 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 .umber a {
	background-color: #121212;
	color: #A52C25;
}
#my_menu .umber 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 .black a {
	background-color: #121212;
	color: #FFF;
}
#my_menu .black 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 .yellow a:hover {
	background-color: #E3A800;
	color: #121212;
}
#my_menu .blue a:hover {
	background-color: #4FAFC4;
	color: #FFF;
}
#my_menu .green a:hover {
	background-color: #499E3C;
	color: #FFF;
}
#my_menu .umber a:hover {
	background-color: #A52C25;
	color: #FFF;
}
#my_menu .black a:hover {
	background-color: #FFFFFF;
	color: #121212;
}
#submenu   {
	overflow: hidden;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	display: block;
	width: 100%;
}
#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 li {
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
}
#submenu li a {
	text-shadow: 0 -1px 1px rgba(0,0,0,0.3) !important;
	display: block;
	margin: 0px;
	background-color: #5BB5C8;
	color: #FFF;
	text-decoration: none;
	border-top-width: 1px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #EDEDED;
	border-bottom-color: #61A6B5;
	padding: 4px;
}
.textwindowgrey {
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	font-size: .9em;
	color: #333;
	text-align: left;
	padding: 10px;
}
h1, h2, h3, h4, h5, h6 {
	padding-top: 8px;
	padding-bottom: 4px;
}
h1 {
	font-size: 1.5em;
	font-weight: bold;	
}
h2 {
	font-size: 1.4em;
	font-weight: bold;	
}
h3 {
	font-size: 1.3em;
	font-weight: bold;	
}
h4 {
	font-size: 1.2em;
	font-weight: bold;	
}
h5 {
	font-size: 1.1em;
	font-weight: bold;	
}
h6 {
	font-size: 1em;
	font-weight: bold;	
}
.textwindow {
	background-image: url(i/bg_mobile_slice.png);
	background-repeat: repeat-x;
	background-position: center bottom;
	background-color: #EDEDED;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	font-size: .9em;
	color: #333;
	text-align: left;
	padding: 10px;
}
.textwindow h1 {
	font-size: 1.5em;
	font-weight: normal;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #1A2121;
	color: #1A2121;
}
.textwindow h2 {
	font-size: 1.5em;
	font-weight: normal;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #FCCC1D;
	color: #1A2121;
}
.textwindow h3 {
	font-size: 1.5em;
	font-weight: normal;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #1874D9;
	color: #1A2121;
	padding: 4px;
}
.textwindow h4 {
	font-size: 1.5em;
	font-weight: normal;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #499E3C;
	color: #1A2121;
}
.textwindow h5 {
	font-size: 1.5em;
	font-weight: normal;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #A8300E;
	color: #1A2121;
}
.underlined {
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	clear: both;
}
.product_description strong { font-weight: bold; }
.mobile_on {
	height: 36px;
	font-size: 1em;
	line-height: 36px;
	display: block;
	padding-left: 22px;
	text-align: right;
	padding-right: 22px;
}
.mobile_on p { line-height: 36px; }
.mobile_on a img {
	height: 36px;
	width: 100px;
	display: inline;
	background-image: url(i/onoff.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.mobile_on a:hover img {
	background-position: center bottom;
}
.row0  {
	font-size: 1.2em;
	font-weight: bold;
	background-color: #489D3B;
	color: #FFF;
	margin: 4px;
	padding: 4px;
}
.row1 {
	background-color: #FFF;
	padding: 4px;
	margin: 4px;
}
.row2 {
	background-color: #EDEDED;
	margin: 4px;
	padding: 4px;
}
.yellow {
	color: #FFCC00;
}
.blue {
	color: #0074D9;
}
.green {
	color: #499E3C;
}
.umber {
	color: #A83004;
}
.black {
	color: #1A2121;
}
#footer {
	color: #000000;
	font-size: 0.8em;
	margin: 0px;
	clear: both;
	background-image: url(i/bg_mobile_bottom.png);
	background-repeat: repeat-x;
	background-position: center bottom;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 24px;
	padding-left: 0px;
}
#footer a:hover { text-decoration: underline; }
#footer p {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 0px;
	margin: 0px;
}
#copyright {
	font-size: 10px;
	text-align: right;
	padding: 14px;
}
#copyright  a{
	color: #000000;
	text-decoration: none;
}
#copyright .phone {
	float: left;
	text-align: left;
	font-size: 1.4em;
	line-height: 12px;
	color: #A8300D;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
}
#bottom {
	background-color: transparent;
	background-image: url(i/bg_mobile_bottom.png);
	background-repeat: repeat-x;
	background-position: left top;
	height: 20px;
}
#info { display: none; }
.singlebox {
	background-image: url(i/bg_mobile_footer.png);
	background-repeat: repeat-x;
	background-position: left center;
	margin: 0px;
	padding: 0px;
	height: 80px;
	line-height: 80px;
	color: #000000;
	background-color: #FBFBFB;
	display: block;
	overflow: hidden;
}
.singlebox .arrow    {
	float: right;
	margin: 0px;
	padding: 0px;
	background-color: #D0D0D0;
	display: block;
}
#banners {
	text-align: center;
	height: 40px;
	overflow: hidden;
	line-height: 80px;
	margin: 0px;
	padding: 0px;
}
#banners p {
	margin: 0px;
	text-align: center;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#social {
	height: 23px;
	overflow: hidden;
	padding-right: 32px;
	padding-left: 32px;
	padding-top: 10px;
}
#social ul {
	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;
	list-style-image: none;
	list-style-type: none;
	display: block;
	height: 23px;
}
#social ul li {
	float: left;
	padding-right: 6px;
	padding-left: 6px;
}
.leftboxed {
	padding: 0px;
	margin: 0px;
}
.portfolio {
	overflow: hidden;
	text-align: center;
}
.portfolio h2 { text-align: left; }
.portfolio p { text-align: left; }
.image, .photo, .photoleft, .photoright {
	max-width: 280px;
	width: expression(this.width > 280 ? 280: auto);
	height: auto;
}
.gap img {
	display: block;
	padding-left: 2px;
	max-width: 280px;
	width: expression(this.width > 280 ? 280: auto);
}
.image {
	max-width: 280px;
	width: expression(this.width > 280 ? 280: auto);
}
img.image {
	max-width: 280px;
	width: expression(this.width > 280 ? 280: auto);
}
.left { float:left; }
.right { float:right; }
#content .menustyle , .menustyle{
	float: right;
	clear: both;
	font-size: 1.3em;
	padding: 4px;
	margin: 4px;
}
.menustyle a {
	text-shadow: 0 -1px 1px rgba(0,0,0,0.3) !important;
	padding: 6px;
}
.menustyle .menu_num_active {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow:inset 0px 2px 4px #000;
	-webkit-box-shadow:inset 0px 2px 4px #000;
	box-shadow:inset 0px 2px 4px #000;
	background-color: #FFFFFF;
	color: #333;
	padding: 6px;
}
.menustyle a:hover {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;


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

	background-color: #E2E2E2;
	color: #333;
	text-decoration: none;
}

#content .article , .portfolio{
	clear: both;
	padding-top: 12px;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}
.search .details { clear: both; }
.product_name {
	font-size: 1.1em;
	font-weight: bold;
}
.product_description {
	font-size: .9em;
	color: #333;
	margin: 4px;
	padding: 4px;
}
#productDetails { clear: both; }
.article .post-footer {
	background-color: #FAFAFA;
	border: 1px solid #f2f2f2;
	padding: 5px;
	margin-top: 20px;
	font-size: 95%;
	text-align: right;
}
.article .post-footer .date {
	background: url('images/clock.gif') no-repeat 0 center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.article .post-footer .comments {
	background: url('images/speech.gif') no-repeat 0 center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.article .post-footer .readmore {
	background: url('images/page.gif') no-repeat 0 center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.nav_top , .nav_bottom  {
	float: right;
	font-size: 0.9em;
	margin: 2px;
	padding: 2px;
	color: #F1F1F1;
}
.nav_top a , .nav_bottom a  {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	text-decoration: none;
	background-color: #FFF;
	margin: 0px;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	color: #333;
}
.nav_top a:hover, .nav_bottom a:hover
{
	text-decoration: none;
	background-color: #192221;
	margin: 0px;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	color: #FFF;
}
.commentheading  {
	clear: both;
	padding: 4px;
	font-size: 1.2em;
	margin: 0px;
}
p.commentsform {
	font-size: 0.8em;
	color: #666;
	font-style: italic;
	padding-bottom: 8px;
	padding-top: 4px;
}
.warning {
	font-style: italic;
	color: #930;
	font-size: .9em;
}
.grey { color: #999; }
.quiet {
	font-size: .8em;
	color: #666;
	clear: both;
	display: block;
}
#commentform {
	margin: 4px;
	padding: 4px;
	border: 1px dotted #FFF;
}
.archives {
	float: left;
	width: 48%;
}
.categories {
	float: left;
	width: 48%;
}
#submit_button {
	width: auto;
	font-weight: bold;
	font-size: 1.4em;
}
#login_button {
	height: 30px;
	width: 120px;
	background-color: #333;
	color: #FFF;
	font-size: 1.1em;
	margin: 4px;
	padding: 4px;
	line-height: 20px;
}
.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);
}
.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;
}
.midBox {
	padding: 8px;
	margin: 0px;
}
#hcard-David-Radisic {
	background-color: #FFF;
	margin: 8px;
	padding: 8px;
	border: 1px solid #CCC;
}
#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;
	list-style-image: none;
}
#followmid ul li {
	list-style-type: none;
	list-style-image: 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;
}
.button.payonline {
	background-image: url(i/payment.png);
	background-repeat: no-repeat;
	background-position: right center;
	height: 70px;
	width: 280px;
	font-size: 18px;
}
.button.quote {
	background-image: url(i/quote.png);
	background-repeat: no-repeat;
	background-position: right center;
	height: 70px;
	width: 280px;
	font-size: 18px;
}
.button.testimonials {
	background-image: url(i/testimonial.png);
	background-repeat: no-repeat;
	background-position: right center;
	height: 70px;
	width: 280px;
	font-size: 18px;
}
.button a {
	display: block;
	color: #666;
	height: 70px;
	width: 280px;
	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;
}
.website_thumb {
	text-align: center;
	clear: both;
	height: 250px;
}
.website_thumb img {
	max-width: 90%;
	margin: 2px;
	padding: 2px;
}
.website_text {
	text-align: left;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
}
.website_text h1 {
	font-size: 1em;
	display: inline;
	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;
}
.websites0 h1 , .websites1 h1, .websites2 h1{
	clear: both;
	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;
}
.websites0 h1 a , .websites1 h1 a, .websites2 h1 a{
	text-decoration: none;
	font-weight: bold;
}
.websites0 h1 a:hover
, .websites1 h1 a:hover, .websites2 h1 a:hover{ text-decoration: underline; }
.website_text h1 .quiet {
	display: inline;
	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;
}
.website_text .enquiry {
	display: inline;
	float: right;
	margin: 4px;
	padding: 4px;
}
.website_text .visit {
	float: right;
	padding: 4px;
	margin: 4px;
}
.web {
	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 {
	max-width: 90%;
	width: 90%;
	float: left;
	text-align: center;
}
.web_thumb img {
	max-width: 90%;
	width: 90%;
	margin: 4px;
	padding: 4px;
}
.website_thumb img { }
/* 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;
}
.textwindow .web ul {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 32px;
}
.textwindow .web 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;
}
.textwindow .web ol {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 32px;
}
.textwindow .web 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;
}
.textwindow .seo ul {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 32px;
}
.textwindow .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;
}
.textwindow .seo ol {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 32px;
}
.textwindow .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;
}
.textwindow .graphics ul {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 32px;
}
.textwindow .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;
}
.textwindow .graphics ol {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 32px;
}
.textwindow .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;
}
.calNOT, .calOLD {
	height: 82px;
	width: 66px;
	overflow: hidden;
	float: left;
	padding: 0px;
	margin: 6px;
	background-image: url(images/calendar_expired.jpg);
	background-repeat: no-repeat;
}
.cal, .calYES {
	height: 82px;
	width: 66px;
	overflow: hidden;
	float: left;
	padding: 0px;
	margin: 6px;
	background-image: url(images/calendar.jpg);
	background-repeat: no-repeat;
}
.calmonth {
	font-size: 18px;
	color: #FFFFFF;
	height: 20px;
	width: 60px;
	overflow: hidden;
	font-weight: normal;
	text-align: center;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.caldate {
	height: 42px;
	width: 60px;
	overflow: hidden;
	font-size: 32px;
	font-weight: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 3px;
	text-align: center;
}
.event, .textwindow .event {
	font-size: small;
	color: #962B03;
	margin: 12px;
	border: 1px dashed #CCCCCC;
	padding: 12px;
}
 .event h3, .event h2, .events h3, .textwindow .event h3, .textwindow .event h2, .textwindow .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, .textwindow .event h1, .textwindow .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;
}
.rightEvent 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: none;
	font-size: 1em;
	color: #666;
	padding: 9px;
	margin: 4px;
}
.rightEvent .heading {
    text-shadow: #999 0px 3px 2px;
	margin-left: 80px;
	display: block;
	font-size: 1.4em;
	font-weight: bold;
	color: #2E74D9;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 40px;
	padding-left: 0px;
}
.offer {
	margin: 8px;
	padding: 8px;
	color: #666;
	font-size: .9em;
}
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;
}
.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;
}
.portfolio_site_photo img {
	width: 90%;
	height: auto;
}.actionbutton {

    font-family: "Arial Black", Gadget, sans-serif;

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

    text-shadow: 0 0px 3px rgba(0,0,0,8);

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

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

    background-color: #3399CC;
    font-size: 1.4em;
    line-height: 45px;
    text-align: center;
    text-decoration: none;
    color: #FFFFFF;
    margin: 4px;
    padding-top: 4px;
    padding-right: 18px;
    padding-bottom: 4px;
    padding-left: 18px;
    display: inline-block;
    height: 45px;
    cursor: pointer;
}
.actionbutton:hover, .buythis:hover, .clickhere:hover, .findoutmore:hover, .moreinformationblue:hover, .moreinformationblack:hover {
    text-decoration: none;
    background-color: #000000;
    color: #FFCC33;
}
.clickhere {

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

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

    background-color: #57B61C;
    font-size: 1.4em;
    line-height: 45px;
    text-align: center;
    text-decoration: none;
    color: #FFFFFF;
    margin: 4px;
    padding-top: 4px;
    padding-right: 18px;
    padding-bottom: 4px;
    padding-left: 18px;
    display: inline-block;
    height: 45px;
    cursor: pointer;
}
.buythis {

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

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

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

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

    background-color: #990000;
    font-size: 1.4em;
    line-height: 45px;
    text-align: center;
    text-decoration: none;
    color: #FFFFFF;
    margin: 4px;
    padding-top: 4px;
    padding-right: 18px;
    padding-bottom: 4px;
    padding-left: 18px;
    display: inline-block;
    height: 45px;
    cursor: pointer;
}
.findoutmore {

    font-family: "Arial Black", Gadget, sans-serif;

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

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

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

    background-color: #FFCC33;
    font-size: 1.4em;
    line-height: 45px;
    text-align: center;
    text-decoration: none;
    color: #000000;
    margin: 4px;
    padding-top: 4px;
    padding-right: 18px;
    padding-bottom: 4px;
    padding-left: 18px;
    display: inline-block;
    height: 45px;
    cursor: pointer;
}
.moreinformationblue {

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

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

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

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

    background-color: #3399CC;
    font-size: 1.4em;
    line-height: 45px;
    text-align: center;
    text-decoration: none;
    color: #FFFFFF;
    margin: 4px;
    padding-top: 4px;
    padding-right: 18px;
    padding-bottom: 4px;
    padding-left: 18px;
    display: inline-block;
    height: 45px;
    cursor: pointer;
}
.moreinformationblack {

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

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

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

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

    background-color: #000000;
    font-size: 1.4em;
    line-height: 45px;
    text-align: center;
    text-decoration: none;
    color: #FFFFFF;
    margin: 4px;
    padding-top: 4px;
    padding-right: 18px;
    padding-bottom: 4px;
    padding-left: 18px;
    display: inline-block;
    height: 45px;
    cursor: pointer;
}
.button_red, .button_green, .button_blue, .button_yellow, .button_umber, .button_paypal {
	margin: 4px;
	padding: 4px;
	display: block;
	height: 50px;
	width: 200px;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
	color: #FFF;
	text-decoration: none;
}
.button_red a, .button_green a, .button_blue a, .button_umber a, .button_paypal a {
	color: #FFF;
	height: 50px;
	width: 200px;
	text-decoration: none;
}
.button_yellow a {
	color: #000;
	height: 50px;
	width: 200px;
	text-decoration: none;
}
.button_red, .button_umber {
	background-image: url(i/button_red.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.button_green, .button_blue, .button_yellow, .button_red, .button_umber, .free_button, .just_button, .button_paypal {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.button_green{
	background-image: url(i/button_green.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
}
.button_blue {
	background-image: url(i/button_blue.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
}
.button_paypal {
	background-image: url(i/button_paypal.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
}
.button_yellow {
	background-image: url(i/button_yellow.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
}
.button_blue span {
	font-size: 1em;
	color: #FFFFFF;
	margin-left: 11px;
}
.button_red:hover, .button_green:hover, .button_blue:hover, .button_umber:hover, .button_paypal:hover {
	cursor: pointer;
	color: #FFF;
	text-decoration: none;
	background-image: url(i/button_green.png);
}
.button_paypal:hover {
	cursor: pointer;
	color: #FFF;
	text-decoration: none;
	background-image: url(i/button_paypalhover.png);
}
.button_yellow:hover {
	color: #FFF;
	text-decoration: none;
	background-image: url(i/button_red.png);
}
.textwindow ul {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 32px;
}
.textwindow 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;
}
.textwindow ol {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 32px;
}
.textwindow 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;
}
.fields  fieldset {
	padding-left: 12px;
	font-size: 1.1em;
	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;
}
.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: 80%;
	border: 1px solid #CCCCCC;
}
.fields #imgcode {
	width: 6em;
	border: 1px solid #FF6600;
	font-size: 1.2em;
}
.fields .radio_button{ width: 30px; }
.submitButton,.submitButton_yellow,.submitButton_blue,.submitButton_green,.submitButton_umber,.submitButton_black,.submitButton_red {
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
	width: 302px;
	float: right;
	margin: 0px;
	padding: 0px;
	height: 132px;
	display: block;
	overflow: hidden;
}
.fields .noborder{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;	
}
.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;
}
/* Form Details */
.fields {
	font-weight: normal;
	color: #140958;
}
.fields  fieldset {
	padding-left: 12px;
	color: #140958;
	display: block;
	margin: 12px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: normal;
}
.fields fieldset legend {
	color: #5BA74F;
	display: block;
	width: 90%;
	padding-top: 8px;
	padding-bottom: 4px;
	font-size: 1.2em;
}
.fields fieldset .rightMessage {
	font-weight: normal;
	text-align: right;
	font-size: 0.9em;
	color: #A52C25;
}
.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;
}
.fields span {
	display: block;
	font-size: 0.9em;
	color: #140958;
}
.fields fieldset ol li label {
	color: #140958;
	display: block;
	padding-top: 16px;
	padding-bottom: 4px;
	margin-top: 8px;
}
.fields fieldset ol li label .small {
	font-size: .8em;
	font-weight: normal;
	color: #666;
	font-style: italic;
}
.fields input {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #C5C3B7;
	font-size: 1.6em;
	padding-left: 6px;
	outline: none;
}
.fields textarea {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #C5C3B7;
	display: block;
	clear: both;
	font-size: 1.6em;
	width: 80%;
	height: 120px;
	padding-left: 6px;
}
.fields textarea.normaltext {
	font-size: 1em;
	line-height: 1.5em;
	font-weight: normal;
}
.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 select {
	width: 90%;
}
.fields #imgcode {
	width: 6em;
	border: 1px solid #C5C3B7;
	font-size: 1.2em;
}
.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;
}
.textwindow .fields fieldset ol, .textwindow .fields fieldset ol li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	background-image: none;
	list-style-image: none;
}
.webcost, .webcost a, .enquire, .enquire a, .button, .button a {

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

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

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

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

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

    background-color: #4CAFD2;
    font-size: 2em;
    text-align: center;
    text-decoration: none;
    color: #FFFFFF;
    margin: 4px;
    padding-top: 8px;
    padding-right: 18px;
    padding-bottom: 8px;
    padding-left: 18px;
    display: inline-block;
}
.button span {
	font-weight: bold;
	color: #000000;
}
.requestquote, .requestquote a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.3) !important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-khtml-border-radius: 5px;
	-moz-box-shadow: 0px 3px 4px #000;
	-webkit-box-shadow: 0px 3px 4px #000;
	box-shadow: 0px 3px 4px #000;
	background-color: #E3A81F;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	color: #000000;
	margin: 4px;
	padding-top: 8px;
	padding-right: 18px;
	padding-bottom: 8px;
	padding-left: 18px;
	display: inline-block;
	cursor: pointer;
}
.webcost:hover, .webcost a:hover, .enquire:hover, .enquire a:hover, .requestquote:hover, .requestquote a:hover, .button:hover, .button a:hover  {
	color: #FFF;
	background-color: #A52C24;
	text-decoration: none;
}
.graphics-text .webcost { background-color: #499E3C; }
.graphics-text .webcost:hover { background-color: #A52C24; }
.cost {
	margin: 0px;
	font-size: 1.2em;
	width: 99px;
	text-align: center;
	padding: 0px;
	color: #4FAFC4;
}
.price {
	clear: right;
	margin: 0px;
	font-size: 1.2em;
	width: 99px;
	float: right;
	text-align: center;
	padding: 0px;
	color: #4FAFC4;
}
input.smalltext { font-size: .8em; }