/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 22px; 
	height:22px;
	float: right;
	padding-bottom: 0.7em;	
}

@charset "UTF-8";

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 0px;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: auto;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
{
	margin: 0px 10px 0px 5px;
	padding: 0;
	list-style-type: none;
	font-size: 11px;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 107px;
	float: left;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	width: 160px;
	position: absolute;
	left: -1000em;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 150px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: 0% 0 0 95%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top: 0;
	/*-------------!!! 3 submenu style*/
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
	border: 0px solid #b1b5bb;
	background: #93959d url(../images/submenu_bg.gif) no-repeat 100% 0%;
	padding: 5px 5px 5px 5px;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a:link, ul.MenuBarHorizontal a:active, ul.MenuBarHorizontal a:visited
{
	display: block; /*width: 160px;*/
	height: 23px;
	margin: 0px 0px 0px 0px;
	cursor: pointer;
	padding: 0px 0px 0px 5px;
	line-height: 23px;
	color: #ffffff;
	text-decoration: none;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	padding-left: 7px;
	font-weight: bold;
	color: #3b3d45;
	background: url(../images/submenu_item_bg.gif) no-repeat 0 0;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{
	
}
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{

}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
		
}
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	/*background-image: url(../images/menu_mark.gif);
	background-repeat: no-repeat;
	background-position: 100% 10px;*/
}

/*-------- buttons --------*/
#about {
	background: url(../images/top_btn.png) no-repeat 0 0;
}
#about:hover {
	background: url(../images/top_btn.png) no-repeat -107px 0px;
}
ul.MenuBarHorizontal #about.MenuBarItemSubmenuHover
{
	background: url(../images/top_btn.png) no-repeat -107px 0px;
}
#services {

	background: url(../images/top_btn.png) no-repeat 0px -23px;
}
#services:hover {
	background: url(../images/top_btn.png) no-repeat -107px -23px;
}
ul.MenuBarHorizontal #services.MenuBarItemSubmenuHover
{
	background: url(../images/top_btn.png) no-repeat -107px -23px;
}
#web_design_portfolio {
	background: url(../images/top_btn.png) no-repeat 0px -46px;
}
#web_design_portfolio:hover {
	background: url(../images/top_btn.png) no-repeat -107px -46px;
}
ul.MenuBarHorizontal #web_design_portfolio.MenuBarItemSubmenuHover
{
	background: url(../images/top_btn.png) no-repeat -107px -46px;
}
#prices {
	background: url(../images/top_btn.png) no-repeat 0px -69px;
}
#prices:hover {
	background: url(../images/top_btn.png) no-repeat -107px -69px;
}
ul.MenuBarHorizontal #prices.MenuBarItemSubmenuHover
{
	background: url(../images/top_btn.png) no-repeat -107px -69px;
}
#wp_news {
	background: url(../images/top_btn.png) no-repeat 0px -92px;
}
#wp_news:hover {
	background: url(../images/top_btn.png) no-repeat -107px -92px;
}
ul.MenuBarHorizontal #wp_news.MenuBarItemSubmenuHover
{
	background: url(../images/top_btn.png) no-repeat -107px -92px;
}
#contact {
	background: url(../images/top_btn.png) no-repeat 0px -115px;
}
#contact:hover {
	background: url(../images/top_btn.png) no-repeat -107px -115px;
}
ul.MenuBarHorizontal #contact.MenuBarItemSubmenuHover
{
	background: url(../images/top_btn.png) no-repeat -107px -115px;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: url(../images/menu_mark_ov.gif) no-repeat 5px 10px;
	}
}


body {
	background: #969696;
	text-align: center;
	margin: 0;
	padding: 0;
	color: #4e4e4e;
	font-size: 0.75em; 
	font-family: Arial, Helvetica, sans-serif;
}
table {
	border: 0;
	margin: 0;
	padding: 0;
}
td {
	vertical-align: top;
	margin: 0;
	padding: 0;
}
form {
	margin: 0;
	padding: 0;
}
img {
	border: 0;
}
a:active, a:link, a:visited {
	color: #087fd0;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	background-color: #deedff;
}
.hide-for-print {
	display:none;
}

/* ------structural-------*/
div.main {
	width: 975px;
	padding: 0px;
	text-align: left;
	margin: 0 auto 0 auto;
}
#page div.main {
	background: #ffffff url(../images/header.jpg) no-repeat 0px 108px;
}
#page_service div.main {
	background: #ffffff url(../images/header_inner.jpg) no-repeat 0px 108px;
}
#page_dev div.main {
	background: #ffffff url(../images/header_inner.jpg) no-repeat 0px 108px;
}
#page_cont div.main {
	background: #ffffff url(../images/header_inner.jpg) no-repeat 0px 108px;
}
/* -------TOP NAV STYLES --------*/
div.top_nav {
	width: 975px;
	height: 31px;
	margin: 0;
	padding: 3px 0px 0px 0px;
	background: #6e7076;
}
ul.top_icons {
	width: 120px;
	float: left;
	height: 28px;
	margin: 0px 20px 0px 0px;
	padding: 3px 0px 0px 0px;
	background: url(../images/top_menu_sp.gif) repeat-y 100% 0%;
}
ul.top_icons li {
	float: left;
	list-style-type: none;
	list-style-image: none;
}
ul.top_icons a {
	display: block;
	width: 32px;
	height: 24px;
	margin: 0px 5px 0px 5px;
}
ul.top_icons .home {
	background: url(../images/home_icon.gif) no-repeat 0% 0%;
}
ul.top_icons .home:hover {
	background: url(../images/home_icon.gif) no-repeat -32px 0px;
}
ul.top_icons .map {
	background: url(../images/map_icon.gif) no-repeat 0% 0%;
}
ul.top_icons .map:hover {
	background: url(../images/map_icon.gif) no-repeat -32px 0px;
}
ul.top_icons .mail {
	background: url(../images/mail_icon.gif) no-repeat 0% 0%;
}
ul.top_icons .mail:hover {
	background: url(../images/mail_icon.gif) no-repeat -32px 0px;
}
/* ------ HEADER -------------*/
div.logo {
	height: 75px;
	background: url(../images/packshot.gif) no-repeat 0% 0%;
	margin: 0px 0px 0px 0px;
}
#page div.logo{
	padding: 0px 0px 250px 0px;
}
#page_service div.logo, #page_dev div.logo, #page_cont div.logo {
	padding: 0px 0px 0px 0px;
}
div.logo a {
	width: 135px;
	height: 52px;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 10px;
	display: block;
	background: transparent non;
}
div.logo a:hover {
	background: transparent;
}
div.left_col {
	float: left;
	position: relative;
	margin: 135px 0px 0px 0px;
	padding: 0;

}
#page div.left_col {
	width: 305px;
}
#page_service div.left_col, #page_dev div.left_col, #page_cont div.left_col {
	width: 270px;
	margin: 130px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
}
div.tags {
	text-align: left;
	padding: 15px;
	position: relative;
	border: 1px dashed #cecece;
	background: url(../images/cloud.gif) no-repeat 5px 5px;
}
#page div.tags {
	width: 230px;
	margin: 0px 0px 20px 20px;
}
.select {
	width: 240px;
}

div.tags span {
	background: transparent;
	white-space: nowrap;
}
div.tags .f24 {
	font-size: 28px;
}
div.tags .f18 {
	font-size: 24px;
}
div.tags .f16 {
	font-size: 20px;
	font-size: bold;
}
div.tags .f14 {
	font-size: 14px;
}
div.tags .f12 {
	font-size: 12px;
}
div.tags .f11 {
	font-size: 11px;
}
.light a:active, .light a:link, .light a:visited {
	color: #58ade6;
	text-decoration: none;
}
.light a:hover {
	text-decoration: none;
	background-color: #deedff;
}
a.highlight:active, a.highlight:link, a.highlight:visited {
	color: #7fb400;
}
a.highlight:hover {
	color: #666666;
}

a.last {
	border: 0 !important;
	padding-bottom: 3px !important;
}
div.news h2 {
	margin-bottom: 5px !important;
}
div.news p img {
	float: left; margin: 0px 10px 5px 0px;
}
div.news p.marked {
	clear: both;
}

/* -----------INNER PAGES --------*/
div.content {
	width: 685px;
	margin: 130px 0px 30px 0px;
	padding: 0px 10px 0px 0px;
	float: right;
	position: relative;
}
#page_service div.tags, #page_dev div.tags, #page_cont div.tags {
	width: 230px;
	margin: 0px 0px 10px 0px;
}


/*-----------FOOTER rules -------*/
div.footer {
	background: #76787e;
	color: #ffffff;
	font-size: 0.95em;
	padding: 10px 0px 0px 0px;
	margin: 15px 0px 0px 0px;
	clear: both;
}
div.footer p {
	padding: 0px 0px 10px 20px;
	margin: 0;
	color: #ffffff;
}
div.footer a:active, div.footer a:link, div.footer a:visited {
	color: #ffffff;
	text-decoration: none;
	margin: 0px 15px 0px 15px;	
}
div.footer a:hover {
	text-decoration: underline;
	background: transparent;
}
div.awards {
	padding: 10px 25px 0px 10px;
	margin: 0px 0px 0px 0px;
	clear: both;
	text-align: right;
	background: url(../images/profiles.gif) no-repeat 0% 0%;
}

/* -----------------------       NEWS PAGE    ------------------------------ */
div.news h6 {
	margin-bottom: 0;
}
div.news h2 {
	background: url(../images/paper.gif) no-repeat 0% 60%;
	padding: 0px 0px 0px 10px;
	margin: 0em 0em 0em 0em;
	font-size: 1.6em;
	font-weight: norma;;
	color: #107bde;
	border: 0;
	clear: both;
	font-family: arial;
}
p.back {
	padding-left: 15px;
	background: url(../images/bullet.gif) no-repeat 0px 4px;
	clear: both;
}
div.news ul.green_bullet {
	margin-bottom: 50px;
}
p.paging {
	text-align: center;
}
p.paging img {
	float: none !important;
	display: inline !important;
	margin: 0px 5px 0px 5px !important;
}
p.paging a {
	padding: 0px 0px 0px 0px;
	text-decoration: none !important;
}
/* -----------------------      REQUEST PAGE    --------------------------- */
.request label {
	float: left;
	clear: both;
	position: relative;
}
.request select {
	margin-bottom: 4px;
} 
.input {
	float: right;
	width: 140px;
	height: 12px;
	position: relative;
}
/*------------------------    BLUE BOOKMARKS BLOCK    --------------------------*/
div.block_top {
	width: 665px;
	margin: 0; 
	background: #dfebfb url(../images/t_light.gif) repeat-x 0% 0%;
}
div.block_rt {
	width: 665px;
	background: url(../images/rtc_light.gif) no-repeat 100% 0%;
}
div.block_lt {
	width: 665px;
	background: url(../images/ltc_light.gif) no-repeat 0% 0%;
	padding: 10px 0px 10px 0px;
}
div.block_lt h2 {
	border: 0;
	padding: 10px 20px 0px 20px;
	margin: 0px 0px 10px 0px;
}
div.block_lt p {
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 0px;
}
div.block_content {
	width: 665px;
	background: #f1f7ff;
	margin: 0px 0px 10px 0px;
	background: url(../images/c.gif) repeat-y 50% 0%;
	width: 665px;
	border-bottom: 1px solid #d5eaff;
}
div.block_rb {
	width: 665px;
	background: none;
}
div.block_lb {
	width: 625px;
	background: none;
	padding: 10px 20px 10px 20px;
}
/*--bookmarks style---*/
.sp {
	clear: both;
}
div.bookmarks {
	margin: 0px 0px 0px 0px;
	padding: 0px 18px 0px 18px;
	display: block;
	width: 629px;
	height: 26px;
	background: #ddebfc;
}
div.mark_bg {
	height: 24px;
	line-height: 24px;
	font-size: 1.2em;
	margin: 0px 0px 1px 0px;
	padding: 0px 10px 0px 10px;
	display: inline;
	text-decoration: none;
	font-weight: bold;
	float: left;
	background: url(../images/btn_light.gif) repeat-x 0 0px;
	color: #487cd4;
	border-bottom: 2px solid #dceafb;
	position: relative;
}
.tabHover {
	background: url(../images/btn_light.gif) repeat-x 0px -24px;
	color: #2664b8;
}
div.mark_l {
	height: 24px;
	display: block;
	float: left;
	margin: 0px 0px 1px 1px;
	padding: 0;
	background: url(../images/lbtn_light.gif) no-repeat 0 0;
	border-bottom: 2px solid #dceafb;
	width: 4px;
	position: relative;
}
div.mark_r {
	height: 24px;
	display: block;
	float: left;
	margin: 0px 1px 1px 0px;
	padding: 0;
	background: url(../images/rbtn_light.gif) no-repeat 100% 0%;
	border-bottom: 2px solid #dceafb;
	width: 4px;
	position: relative;
}
div.active .mark_bg {
	background: #ffffff;
	border-bottom: 2px solid #ffffff;
}
div.active .mark_l {
	background: url(../images/lbtn_a_light.gif) no-repeat 0 0;
	border-bottom: 2px solid #ffffff;
}
div.active .mark_r {
	background: url(../images/rbtn_a_light.gif) no-repeat 100% 0%;
	border-bottom: 2px solid #ffffff;
}
/*--bookmarks style end---*/
div.block_content p {
	margin: 15px 20px 15px 0px;
}
div.block_content h2 {
	margin: 0px 20px 0px 0px;
}
div.block_content p.big {
	font-size: 1.6em;
	color: #342119;
	margin: 10px 0px 20px 20px;
	font-weight: normal;
}
div.block_content p.medium  {
	font-size: 1.2em;
	color: #342119;
	font-weight: normal;
	margin: 10px 0px 10px 20px;
}
div.block_content ul {
	margin-top: 10px;
}
table.blue_table {
	border: 1px solid #d5eaff;
	margin-bottom: 10px;
}
tr.blue_table_tr td {
	border-top: 1px solid #d5eaff;
}
table.blue_table td {
	border-bottom: 0px solid #d5eaff;
	padding: 10px 10px 10px 10px;
	border-right: 0px solid #d5eaff;
}
table.blue_table td.title {
	padding: 3px 20px 3px 10px;
	margin: 0;
	background: #f8fdfe;
	border-bottom: 1px solid #d5eaff;
	line-height: 2em;
}
table.blue_table td.title strong {
		font-size: 1.6em;
	font-weight: normal;
}
table.blue_table td.title p {
	padding: 0;
	margin: 0;
	text-align: right; 
	font-size: 1.4em;
	color: #69a220;
}
table.blue_table td.desc p{
	font-size: 0.9em;
}
table.blue_table th {
	background: #eef7ff;
	border-bottom: 0px solid #d5eaff;
	padding: 3px 20px 3px 20px;
	color: #498ac5;
	border-right: 0px solid #d5eaff;
}
table.blue_table h3 {
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
}
table.blue_table h4 {
	margin: 5px 0px 0px 0px;
}
table.blue_table ul {
	margin-bottom: 20px;
}
table.blue_table ul li {
	padding-left: 15px;
	background: url(../images/green_arr.gif) no-repeat 0px 4px;
}
table.blue_table p.small_txt {
	font-size: 0.9em;
}
/*------------------------    BIG GRAY BANNER    -------------------------------*/
div.banner_225 {
	width: 195px;
	padding: 15px;
	height: 115px;
	display: block;
	background: url(../images/banner_225.jpg) no-repeat 0 0;
	cursor: pointer;
}
div.banner_225:hover {
	background: url(../images/banner_225.jpg) no-repeat -225px 0px;
}
div.banner_225 h2 {
	color: #2a6ab8;
	font-size: 12px;
	text-transform: uppercase;
	border: 0;
	font-weight: normal;
	margin: 0px 0px 15px 0px;
	padding: 0;
}
div.banner_225 h3 {
	color: #5a5a5a;
	font-size: 24px;
	font-weight: normal;
	padding: 0;
	background: none;
	margin: 0px 0px 0px 0px;
}
div.banner_225 h4 {
	color: #5a5a5a;
	font-size: 14px;
	font-weight: normal;
	padding: 0;
	background: none;
	margin: 0px 0px 0px 0px;
}
/*------------------------    END STYLE BIG GRAY BANNER   -----------------------*/

/*------------------------         QUICK FORM         ---------------------------*/
div.quick_form {
	position: absolute;
	width: 180px;
	height: 190px;
	margin: 230px 0px 0px 35px;
	padding: 10px;
	background: url(../images/quick_form.gif) no-repeat;
}
div.quick_form span {
	background: #559dee;
	color: #ffffff;
}
div.quick_form p {
	margin: 0;
	color: #559dee;
}
div.quick_form .input_field {
	width: 150px;
	background: transparent;
	border: 1px solid #94e368;
	background-color:white;
	margin:0;
}
div.quick_form textarea {
	width: 150px;
	height: 60px;
	background: transparent;
	border: 1px solid #94e368;
	background-color:white;
}
div.quick_form .btn {
	clear: both;
	background: #76ca47;
	cursor: pointer;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 6px;
	padding-right: 6px;
	border: 0;
}
div.quick_form2 {
	position: absolute;
	width: 180px;
	height: 190px;
	margin: -20px 0px 0px 35px;
	padding: 10px;
	background: url(../images/quick_form.gif) no-repeat;
}
div.quick_form2 span {
	background: #559dee;
	color: #ffffff;
}
div.quick_form2 p {
	margin: 0;
	color: #559dee;
}
div.quick_form2 .input_field {
	width: 150px;
	background: transparent;
	border: 1px solid #94e368;
	background-color:white;
	margin:0;
}
div.quick_form2 textarea {
	width: 150px;
	height: 60px;
	background: transparent;
	border: 1px solid #94e368;
	background-color:white;
}
div.quick_form2 .btn {
	clear: both;
	background: #76ca47;
	cursor: pointer;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 6px;
	padding-right: 6px;
	border: 0;
}
#AjaxContactFormDivForm
{
	z-index:1000;
}
/*------------------------         FORMAT         -------------------------------*/
ul, dl {
	list-style-type: none;
	list-style-image: none;
	margin: 0em 0em 1em 0em;
	padding: 0px 0px 0px 0px;
}
ul li {
	margin: 0em 0em 0.7em 0em;
	padding: 0px 0px 0px 0px;
}
p {
	margin: 0em 0em 1em 0em;
}
p.big {
	font-size: 1.6em;
	color: #342119;
}
p.medium {
	font-size: 1.2em;
	color: #342119;
}
p.small_txt {
	font-size: 0.85em;
}
dl.small_txt {
	font-size: 0.9em;
}
h1 {
	color: #066dd5;
	font-size: 2.6em;
	margin: 0em 0em 0.5em 0em;
	padding: 0;
	font-weight: normal;
	clear: both;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1.home_h1 {
	font-size: 1.6em;
}
h2 {
	font-size: 1.8em;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
	clear: both;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.content h2 {
margin: 1em 2em 0.5em 0em;	
}
div.left_col h2 {
	margin: 0px 0px 1px 0px;
}
h3 {
	padding: 0px 0px 0px 0px;
	margin: 1em 2em 0.5em 0em;
	font-size: 1.4em;
	font-weight: normal;
	clear: both;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
h4 {
	padding: 0px 0px 0px 0px;
	margin: 2em 0em 0.5em 0em;
	font-size: 1.2em;
	font-weight: bold;
	clear: both;
}
h5 {
	padding: 0px 0px 0px 0px;
	margin: 0em 0em 0em 0em;
	font-size: 0.75em;
	font-weight: bold;
	clear: both;
}
.h3_under {
	margin: 0em 0em 0.9em 0em;
	padding: 0.9em 0em 0em 0em;
}
p.marked {
	font-size: 11px;
	margin: 0em 0em 0.9em 0em;
	padding: 0.9em 0em 0em 0em;
}
p.marked a:active, p.marked a:link, p.marked a:visited {
	color: #087fd0;
	text-decoration: none;
	background: #e9e9ec url(../images/green_arr.gif) no-repeat 2px 4px;
	padding: 0px 7px 0px 17px;
	margin: 0px 30px 0px 0px;
	white-space: nowrap;
}
p.marked a:hover {
	text-decoration: none;
	color: #549feb;
	background-color: #f4f4f5;
}
p.marked_blue {
	margin: 0em 0em 2em 0em;
	padding: 0em 0em 0em 0em;
	font-size: 10px;
}
p.marked_blue a:active, .marked_blue a:link, .marked_blue a:visited  {
	background: #1780e6;
	color: #ffffff;
	padding: 1px 3px 1px 3px;
	text-decoration: none;
}
p.marked_blue a:hover {
	text-decoration: none;
	background-color: #549feb;
}
table.table {
	margin: 0em 0em 1em 0em;
	padding: 0px 0px 0px 0px;
	border-left: 1px solid #d8d6d9;
}
table.table td {
	vertical-align: top;
	padding: 15px;
	border-bottom: 1px solid #d8d6d9;
	border-right: 1px solid #d8d6d9;
}
table.table thead th {
	vertical-align: top;
	padding: 15px;
}
table.table thead th {
	background-color: #f7f7f7;
	border-top: 1px solid #d8d6d9;
	border-right: 1px solid #d8d6d9;
	border-bottom: 1px solid #d8d6d9;
}
table.table .th {
	background-color: #f7f7f7;
	border-right: 1px solid #d8d6d9;
	border-bottom: 1px solid #d8d6d9;
	font-weight: bold;
}
.pic-left {
	float: left;
	margin: 10px 20px 10px 0px;
}
.pic-right {
	float: right;
	margin: 10px 0px 10px 20px;
}
div.start_links {
	width: 172px;
	height: 90px;
	background: url(../images/start_links.gif) no-repeat 0 0;
	padding: 10px;
	text-align: left;
	margin-top: 10px;
}
p.testim {
	background: #f1f7fe url(../images/tms.gif) no-repeat 0% 100%;
	border-top: 1px solid #bddafb;
	padding: 10px 10px 40px 10px;
	font-size: 1.1em;
	color: #000000;
	margin-bottom: 0px;
}
p.testim img {
	margin: 0px 0px 10px 0px;
}
p.signature strong {
	font-size: 1.1em;
}
p.signature {
	padding-right: 20px;
	border-bottom: 1px dashed #cecece;
	padding-bottom: 10px;
	margin-top: 0px;
	margin-bottom: 20px;
}
p.signature a.mail:active, p.signature a.mail:link, p.signature a.mail:visited {
	padding-left: 15px;
	background: url(../images/mail_icon_w.gif) no-repeat 0% 50%;
}
/*------------------------   END STYLE FORMAT     -------------------------------*/

/* -----------------------   GRAFICS             -------------------------------*/
div.web_dev {
	padding-right: 120px;
	background: url(../images/web_dev.gif) no-repeat 80% 50%;
	margin-bottom: 20px;
	height: 168px;
}
a.home_prortf:hover {
	background: none;
}
a.quick_contact {
	display: block;
	width: 200px;
	height: 146px;
	margin: 20px 0px 10px 25px;
	padding: 0;
	background: url(../images/get_quote.gif) no-repeat 0 0;
}
img.quick_contact {
	display: block;
	width: 200px;
	height: 146px;
	margin: 20px 0px 10px 25px;
	padding: 0;
	background: url(../images/get_quote.gif) no-repeat 0 0;
}
a.quick_contact:hover {
	
}
a.get_start {
	display: block;
	width: 155px;
	height: 56px;
	margin: 0px 10px 10px 0px;
	padding: 0;
	background: url(../images/get_started.gif) no-repeat 0 0;
}
a.get_start:hover {
	background: url(../images/get_started.gif) no-repeat -155px 0px;
}
p.external {
	text-align: right;
	font-size: 0.85em;
}
p.external a:link, p.external a:visited, p.external a:active {
	color: #999999;
}
p.external a:hover {
	background-color: #eaeaea;
}
/*------------------------         COLORS        -------------------------------*/

.arrow {
	padding-left: 12px;
	background: url(../images/arrow.gif) no-repeat 0% 50%;
}
.green {
	color: #9bce30;
}
.blue {
	color: #107bde;
}
.gray_lite {
	color: #757575;
}
.gray_dark{
	color: #696969;
}
.bb_green {
	border: 3px solid #e7ffc8;
}
.bb_blue {
	border: 3px solid #deedff;
}
.bb_gray {
	padding-bottom: 5px;
	border-bottom: 2px solid #757575;
}
.marked {
	background: url(../images/points.gif) repeat-x 0 0;
}
span.b {
	color: #4887dd;
	font-size: 1.5em;
	font-weight: bold;
	background:none;
	padding: 0;
}
.blue_table .b {
	font-size: 28px;
	font-weight: normal;
	font-family: georgia;
}
span {
	background: #e7ffc8;
	padding-left: 2px;
	padding-right: 2px;
}
ul.bullet li {
	padding-left: 15px;
	background: url(../images/bullet.gif) no-repeat 0px 4px;
}
ul.green_bullet li {
	padding-left: 15px;
	background: url(../images/green_arr.gif) no-repeat 0px 4px;
}
dl.bullet dt {
	padding-left: 15px;
	background: url(../images/green_arr.gif) no-repeat 0px 4px;
}
dl.bullet dd {
	padding-left: 15px;
	margin-left: 0;
}
.shot li{
	margin: 0px 0px 2px 0px;
	font-size: 11px;
}

.pic_border {
	padding: 5px;
	border: 1px solid #d9d8dd;
	margin: 10px 20px 10px 0px;
}
.pic_border_left {
	padding: 5px;
	float: left;
	border: 1px solid #d9d8dd;
	margin: 10px 20px 10px 0px;
}
td.left_col .pic_border {
	margin: 5px 0px 5px 0px;
}
table.highlights {
	background: #f1f3f4;
	border: 0;
	width: 100%;
}
table.highlights a:link, table.highlights a:active, table.highlights a:visited {
	color: #009be7;
	text-decoration: underline;
}
table.highlights a:hover {
	text-decoration: none;
}
table.highlights td {
	border: 0;
}
table.highlights dl {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}
table.highlights dl dt {
	float: left;
	position: relative;
	padding-right: 10px;
	padding-left: 17px;
	margin: 0px 20px 5px 0px;
	background: url(../images/mark.gif) no-repeat 0px 2px;
}
/*------------------------    END STYLE COLORS        -------------------------------*/
/*------------------------    FOLIO STYLES    ----------------------------------------*/
div.folio {
	margin: 0;
	padding: 0;
}
div.folio p {
	float: left;
}
div.folio a.preview:link, div.folio a.preview:visited, div.folio a.preview:active  {
	border: 0px;
	margin: 0px 5px 5px 0px;
	padding: 0;
	display: block;
	width: 150px;
	height: 120px;
	position: relative;
	border: 3px solid #e8e8e8;
}
a.visit:link, a.visit:active, a.visit:visited {
	padding-left: 15px;
	background-image: url(../images/plus.gif);
	background-position: 2px 3px;
	background-repeat: no-repeat;
}
div.folio h2 {
	padding-top: 30px;
}
div.folio a.preview:hover {
	border: 3px solid #a0eb40;
}
div.folio_small {
	margin: 0;
	padding: 0;
}
div.folio_small a:link, div.folio_small a:visited, div.folio_small a:active  {
	border: 0px;
	margin: 0px 5px 5px 0px;
	padding: 0;
	display: block;
	width: 80px;
	height: 60px;
	float: left;
	position: relative;
	border: 3px solid #e8e8e8;
}
div.folio_small a:hover {
	border: 3px solid #a0eb40;
}
a#img0 {
	background: url(../img/cadaxx_tmb.jpg) no-repeat 50% 50%;
}
a#img1 {
	background: url(../img/crystal_tmb.jpg) no-repeat 50% 50%;
}
a#img2 {
	background: url(../img/direct_tmb.gif) no-repeat 50% 50%;
}
a#img3 {
	background: url(../img/clpm_tmb.jpg) no-repeat 50% 50%;
}
a#img4 {
	background: url(../img/clear_tmb.gif) no-repeat 50% 50%;
}
a#img5 {
	background: url(../img/lady_tmb.gif) no-repeat 50% 50%;
}
a#img6 {
	background: url(../img/RMix_tmb.jpg) no-repeat 50% 50%;
}
a#img7 {
	background: url(../img/aes_tmb.gif) no-repeat 50% 50%;
}
a#img8 {
	background: url(../img/RE01_tmb.jpg) no-repeat 50% 50%;
}
a#img9 {
	background: url(../img/sushi_stmb.jpg) no-repeat 50% 50%;
}
a#img10 {
	background: url(../img/MC_tmb.jpg) no-repeat 50% 50%;
}
a#img11 {
	background: url(../img/RP_tmb.jpg) no-repeat 50% 50%;
}
a#img12 {
	background: url(../img/GL02_tmb.jpg) no-repeat 50% 50%;
}
a#img13 {
	background: url(../img/GL01_tmb.jpg) no-repeat 50% 50%;
}
a#img14 {
	background: url(../img/firstireland_tmb.jpg) no-repeat 50% 50%;
}
a#img15 {
	background: url(../img/honey_tmb.jpg) no-repeat 50% 50%;
}
a#img16 {
	background: url(../img/bramley_tmb.jpg) no-repeat 50% 50%;
}
a#img17 {
	background: url(../img/arcades_tmb.jpg) no-repeat 50% 50%;
}
a#img18 {
	background: url(../img/gallery_tmb.jpg) no-repeat 50% 50%;
}
a#img19 {
	background: url(../img/mayogallery_tmb.jpg) no-repeat 50% 50%;
}
a#img20 {
	background: url(../img/modelgallery_tmb.jpg) no-repeat 50% 50%;
}
a#img21 {
	background: url(../img/honey02_tmb.jpg) no-repeat 50% 50%;
}
a#img22 {
	background: url(../img/juleclinic_tmb.jpg) no-repeat 50% 50%;
}
a#img23 {
	background: url(../img/essencial_tmb.jpg) no-repeat 50% 50%;
}
a#img24 {
	background: url(../img/foxford_tmb.jpg) no-repeat 50% 50%;
}
a#img25 {
	background: url(../img/esco_tmb.jpg) no-repeat 50% 50%;
}
a#img26 {
	background: url(../img/GA01_tmb.jpg) no-repeat 50% 50%;
}
/*a#img26 {
	background: url(../img/rs_tmb.jpg) no-repeat 50% 50%;
}*/
a#img27 {
	background: url(../img/FE_tmb.jpg) no-repeat 50% 50%;
}
a#img28 {
	background: url(../img/precast_tmb.jpg) no-repeat 50% 50%;
}
/*-------- folio big -----------*/
div.folio_big {
	margin: 0;
	padding: 0;
}
div.folio_big a:link, div.folio_big a:visited, div.folio_big a:active  {
	border: 0px;
	margin: 0px 0px 10px 0px;
	padding: 0;
	display: block;
	width: 639px;
	height: 157px;
	float: none;
	position: relative;
	border: 3px solid #deedff;
}
div.folio_big a:hover {
	border: 3px solid #e7ffc8;
}
/*----------- restaurants--------*/
a#imgR01 {
	background: url(../img/cafe_manor_tmb.jpg) no-repeat 50% 50%;
}
a#imgR02 {
	background: url(../img/BCB_tmb.jpg) no-repeat 50% 50%;
}
a#imgR03 {
	background: url(../img/santorini_tmb.jpg) no-repeat 50% 50%;
}
a#imgR04 {
	background: url(../img/sushi_tmb.jpg) no-repeat 50% 50%;
}
a#imgR05 {
	background: url(../img/silvian_tmb.jpg) no-repeat 50% 50%;
}
a#imgR06 {
	background: url(../img/sunset_tmb.jpg) no-repeat 50% 50%;
}
a#imgR07 {
	background: url(../img/pizza_express_tmb.jpg) no-repeat 50% 50%;
}
a#imgR08 {
	background: url(../img/DC_tmb.jpg) no-repeat 50% 50%;
}
/*----------- real estates --------*/
a#imgPM01 {
	background: url(../img/GA01_b_tmb.jpg) no-repeat 50% 50%;
}
a#imgPM02 {
	background: url(../img/RE01_b_tmb.jpg) no-repeat 50% 50%;
}
a#imgPM03 {
	background: url(../img/mortgage_b_tmb.jpg) no-repeat 50% 50%;
}
a#imgPM04 {
	background: url(../img/clpm_b_tmb.jpg) no-repeat 50% 50%;
}
a#imgPM05 {
	background: url(../img/p_tradesman_01_b_tmb.jpg) no-repeat 50% 50%;
}
a#imgPM06 {
	background: url(../img/runnettdavies_b_tmb.jpg) no-repeat 50% 50%;
}
/*---- submenu----*/
div.sub_menu {
	width: 256px; background: #f8f8f8;
	margin: 0px 0px 20px 0px;
}
div.ui-accordion-content {padding: 0px 11px 0px 0px;}
div.sub_menu dl {
	padding-top: 7px;
}
div.sub_menu span {
	background: transparent !important;
	padding: 0;
	margin: 0;
}
h2.ui-accordion-header, h2.ui-helper-reset, h2.ui-state-default, h2.ui-corner-all {
	margin: 0px 0px 1px 0px;
	padding: 0;
}
div.sub_menu h2 a:link, div.sub_menu h2 a:visited, div.sub_menu h2 a:active 
{
	display: block;
	width: 244px;
	height: 20px;
	background: transparent url("../images/sidebar_item.gif") no-repeat;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	padding: 5px 0px 0px 12px;
	/*margin: 0px 0px 0px 0px !important;*/
}
div.sub_menu h2 a:hover {
	background: transparent url("../images/sidebar_item_active.gif") no-repeat;
	text-decoration: none;
}
div.sub_menu dt {
	padding: 0px 0px 0px 11px;
	margin: 0px 0px 5px 0px;
	color: #066dd5;
	font-weight: bold;
}
div.sub_menu dd {
	padding: 0px 0px 0px 21px;
	margin: 0px 0px 5px 0px;
}
div.sub_menu dt a:link, div.sub_menu dt a:visited, div.sub_menu dt a:active  
{
	font-size: 12px;
	color: #066dd5;
	text-decoration: none;
}

div.sub_menu dt a:hover {
	text-decoration: none;
}

div.sub_menu dd a:link, div.sub_menu dd a:visited, div.sub_menu dd a:active  
{
	font-size: 12px;
	color: #656565;
	text-decoration: none;
	background: transparent;
	padding: 0px 3px 0px 3px;
	margin: 0px 0px 0px 0px;
	border: 1px solid #f8f8f8;
}

div.sub_menu dd a:hover {
	text-decoration: none;
	background: #deedff;
	color: #066dd5;
	border: 1px solid #d5eaff;
}

h2.ui-state-active a {background: url("../images/sidebar_item_active.gif") no-repeat !important;}

/* articles styles */
.comment_form h4 {
	margin: 0px 20px 20px 0px;
	color: #49adeb;
}
.comment_form form {
	margin: 0px 0px 0px 0px;
	border: 0;
}
.comment_form .req_label {
	background: url(../images/required.gif) left no-repeat;
	padding-left: 45px;
}
.comment_form .contact_form  p {
	margin: 0px 0px 2px 0px;
	color: #17446d;
	width: 300px;
	text-align: left;
}
.comment_form .btn {
	background: #066dd5;
	cursor: pointer;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 6px;
	padding-right: 6px;
	border: 0;
}
.comment_form .input_field {
	width: 300px;
	font-size: 12px;
	height: 16px;
	border: 1px solid #98c3e4;
	margin-bottom: 13px;
}
.comment_form .input_file {
	width: 300px;
	font-size: 12px;
	height: 18px;
	border: 1px solid #98c3e4;
	margin-bottom: 13px;
}
.comment_form textarea {
	width: 300px;
	font-size: 12px;
	border: 1px solid #98c3e4;
	margin-bottom: 10px;
}
.comment_form select {font-size:10px; border: 1px solid #98c3e4; margin-bottom: 0px; width: 150px; margin-left: 10px}

.comment_form .request_def {
	float: left;
	width: 180px;
	margin-left: 20px;
	padding-top: 35px;
}
.comment_form p.wrong {
	margin: 0px 0px 10px 0px;
	color: #e15b12;
	width: 330px;
	text-align: left;
	background-color: #ffffff;
	
	padding: 0px;
}
.comment_form p.wrong span {
	font-size: 1.6em;
	color: #e15b12;
}
.comment_form p.correct {
	margin: 0px 0px 10px 0px;
	font-size: 1.2em;
	color: #e15b12;
	width: 330px;
	text-align: left;
	padding: 0px;
}

table.articles_nav {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	border: 0;
}
table.articles_nav td {
	padding-top: 15px;
}
table.articles_nav a:link, table.articles_nav a:active, table.articles_nav a:visited {
	padding: 5px 10px 5px 10px;
	background-color: #e3efff;
	font-weight: normal;
	display: block;
}
table.articles_nav a:hover {
	background-color: #ecffc4;
}


span.Bold
{
	font-weight:bold;
}
span.Italic
{
	font-style:italic;
}
span.Underline
{
	text-decoration:underline;
}



.Title
{
	font-weight: bold;
	font-size: 18px;
	color: #cc3300;
}

.Code
{
	border: #8b4513 1px solid;
	padding-right: 5px;
	padding-left: 5px;
	color: #000066;
	font-family: 'Courier New' , Monospace;
	background-color: #ff9933;
}

.JustifyFull{ text-align:justify;}
.JustifyLeft{ text-align:left;}
.JustifyRight{ text-align:right;}
.JustifyCenter{ text-align:center;}
.Indent1 { padding-left:25px;}

.FontNormal {font-size:1em;}
.FontSmaller {font-size:0.8em;}
.FontLarger {font-size:1.2em;}
.FontSmall {font-size:0.5em;}
.FontBig {font-size:1.5em;}
.FontDouble {font-size:2em;}

.FontColor1BG {background-color:#ff9900;}
.FontColor2BG {background-color:#0066cc;}
.FontColor3BG {background-color:#ff0000;}

.FontComic { font-family: 'Comic Sans Ms';}
.FontCourier { font-family: "Courier New", Courier, monospace;}
.FontTimes	{ font-family: "Times New Roman", Times, serif;}
.FontArial { font-family: "Arial", Helvetica, sans-serif;}
.FontLucida { font-family: "Lucida Console", Helvetica, sans-serif;}
.FontGaramond { font-family: "Garamond", Helvetica, sans-serif;}
.FontTahoma { font-family: "Tahoma", Helvetica, sans-serif;}
a.highlight:active, a.highlight:link, a.highlight:visited {
	color: #7fb400;
}
a.highlight:hover {
	color: #666666;
}
/*contact page - icons*/
.contact_form h4 {
	display: none;
}
a.facebook, a.flickr, a.twitter {
	display: block;
	width: 22px;
	height: 23px;
	margin: 0px 5px 30px 0px;
	float: left;
	position: relative;
}
.contact_phone {
	border-top: 3px solid #5cafdf;
	padding-left: 10px;
	padding-top:15px;
}
p.social_links {
	/*border-top: 3px solid #5cafdf;*/
	margin-top: 0px;
	padding-top:10px;
	padding-left: 0px;
	margin-right: 0px;
}
a.facebook:link, a.facebook:active, a.facebook:visited {
	background: url(../images/facebook_44.gif) no-repeat 0 0;
}
a.facebook:hover {
 	background: url(../images/facebook_44.gif) no-repeat 0% 100%;
}
a.flickr:link, a.flickr:active, a.flickr:visited {
	background: url(../images/flickr_44.gif) no-repeat 0 0;
}
 a.flickr:hover {
 	background: url(../images/flickr_44.gif) no-repeat 0% 100%;
}
a.twitter:link, a.twitter:active, a.twitter:visited {
	background: url(../images/twitter_48.gif) no-repeat 0 0;
}
 a.twitter:hover {
 	background: url(../images/twitter_48.gif) no-repeat 0% 100%;
}
.m0 {
	margin: 0;
}
/*magento questionare*/
.top_line {
	border-top: 1px solid #d5eaff;
}
ul.list-non li {
	background: none !important;
	padding-left: 0 !important;
}
a.quest:link, a.quest:visited {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
a.quest:hover {
	background: none;
}
a.close-tooltip {
	display: block;
	width: 16px;
	height: 16px;
	background: url(../images/ico_close.gif) no-repeat 0 0 !important;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0xp 0px;
	
}
.quest_add_info {
	width: 100%;
	border: 1px solid #aed1f3;
	margin-bottom: 10px;
}
.big_text {
  height: 100px;
}
hr {
	color: #d5eaff;
	background-color: #d5eaff;
	border: 1px solid #d5eaff;
	margin-bottom: 20px;
	$margin-bottom: 10px;
}
p.magento_themplate_choice {
	/*font-weight: bold;*/
}
p.magento_themplate_choice span {
	width: 135px;
	display: block;
	float: left;
	position: relative;
}

p.magento_themplate_choice input.first {
	margin-left: 5px;
}
#ToolTipWrapper div {
border:1px solid #A0E3FC;
background: #ffffff;
color:#858585;
font-family:Verdana,Arial,Helvetica,Geneva;
font-size:11px;
margin:0;
padding:15px;
text-align: left;
}
/*Button styles*/
/* REQUIRED BUTTON STYLES: */		
button.button {
	position: relative;
	border: 0 !important;
	cursor: pointer;
	padding: 0;
	overflow: visible; /* removes extra side padding in IE */
}
 button.button::-moz-focus-inner {
 border: none;  /* overrides extra padding in Firefox */
}
button.button span {
	position: relative;
	display: block;
	white-space: nowrap;
	border: 0 !important;
	background: none;
	height:23px;
	padding: 0;
	margin: 0;
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button.button span {
 margin-top: -1px;
}
}
/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		
button.button {
	padding: 0 10px 0 0;
	font: 11px Arial, Helvetica, sans-serif;
	text-align: center;
	background: transparent url(../images/btn_split.gif) no-repeat right -86px;
	height: 23px !important;
}
button.button span {
	padding: 4px 0 0 15px;
	height: 23px;
	background: transparent url(../images/btn_split.gif) no-repeat left top;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: bold !important;
	font: 11px Arial, Helvetica, sans-serif;
}
button.button:hover, button.buttonHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -129px;
}
button.button:hover span, button.buttonHover span {
	background-position: 0 -43px;
}
/*end button style*/

/*magento how toes*/
textarea.example_text {
	width: 100%;
}
/*site map*/
div.map ul {
	font-weight: bold;
	font-size: 13px;
	margin-left: 10px;
}
div.map ul ul {
	margin-left: 10px;
	padding-top: 5px;
	font-weight: normal !important;
	font-size: 12px !important;
}
div.map ul ul ul {
	margin-left: 10px;
	font-weight: normal !important;
	font-style: italic;
	font-size: 12px !important;
}
div.map ul ul ul li {
	margin: 0;
	padding: 0;
}
div.map ul ul ul li a:link, div.map ul ul ul li a:visited {
	color: #656565;
}
/*contact*/
.contact_form {
	width: 430px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	border-bottom: 15px solid #ffffff;
	float: left;
}
.contact_form_fbgr {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 0px;
}
.contact_form_fbgr img {
	display: none;
}
.contact_form h1 {
	margin-left: 60px;
	font-size: 2em
}
.contact_form h4 {
	margin: 0px 20px 20px 0px;
	color: #49adeb;
}
.contact_form form {
	margin: 0px 0px 0px 60px;
	border: 0;
}
.req_label {
	background: url(../images/required.gif) left no-repeat;
	padding-left: 45px;
}
.contact_form  p {
	margin: 0px 0px 2px 0px;
	color: #17446d;
	width: 300px;
	text-align: left;
}
.btn {
	background: #066dd5;
	cursor: pointer;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 6px;
	padding-right: 6px;
	border: 0;
}
.input_field {
	width: 300px;
	font-size: 12px;
	height: 16px;
	border: 1px solid #98c3e4;
	margin-bottom: 13px;
}
.input_file {
	width: 300px;
	font-size: 12px;
	height: 18px;
	border: 1px solid #98c3e4;
	margin-bottom: 13px;
}
textarea {
	width: 300px;
	font-size: 12px;
	border: 1px solid #98c3e4;
	margin-bottom: 10px;
}
.contact_form select {font-size:10px; border: 1px solid #98c3e4; margin-bottom: 0px; width: 150px; margin-left: 10px}

.request_def {
	float: left;
	width: 180px;
	margin-left: 20px;
	padding-top: 20px;
}
p.wrong {
	margin: 0px 0px 10px 60px;
	
	width: 330px;
	text-align: left;
	background-color: #ffffff;
	border: 1px solid #cce7f4;
	padding: 15px;
}
p.wrong span {
	font-size: 1.6em;
	color: #e15b12;
}
p.correct {
	margin: 0px 0px 10px 60px;
	font-size: 1.2em;
	color: #6daa1e;
	width: 330px;
	text-align: left;
	background-color: #ffffff;
	border: 1px solid #cce7f4;
	padding: 15px;
}
/*tooltip*/
.show-tooltip-text
{
	display:none;
	position: absolute;
	font-weight: normal;
	padding: 5px;
}
/*wordpress*/
#sidebar {
	margin: 0px 15px 15px 7px;
	border: 1px dashed #cecece;
	padding: 10px;
}
#sidebar h2 {
	font-size: 14px;
}
#sidebar ul p {
	color: #999999;
	font-size: 11px;
}
.screen-reader-text {
	display: none;
}
#s {
	border: 0;
	width: 192px;
	height: 21px;
	background: url(../images/search_input.gif) no-repeat 0 0;
	margin: 0;
	padding: 0;
}
#searchsubmit  {
	width: 30px;
	height: 21px;
	border: 0;
	margin: 0;
	padding: 0;
	background: url(../images/search_btn.gif) no-repeat 0 0;
	cursor: pointer;
}
small {
	color: #999999;
}
p.postmetadata {
	color: #999999;
	font-size: 11px;
}
div.narrowcolumn {
float:right;
margin:130px 0 30px;
padding:0 10px 0 0;
position:relative;
width:685px;
}
#commentform input {
	border:1px solid #98C3E4;
}
#submit {
	background: url(../images/submenu_item_bg.gif) repeat-x 50% 0%;
	border: 0 !important;
	height: 23px;
	line-height: 23px;
	color: #ffffff;
	cursor: pointer;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
}
#submit:hover {
	color: #d6ecff;
}
#respond h3 {
	color: #087fd0;
}
/***************************************** April 2010 index page*/
/*slider*/
div.show {
	width: 924px;
	height: 460px;
	margin-left: auto;
	margin-right: auto;
}
div.show a:link, div.show a:visited, div.show a:hover {
	background: transparent;
}
div.controls {
	height: 59px;
	width: 924px;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/controls.png) no-repeat 0 0;
}
/*-----------WAVE rules -------*/
div.wave {
	padding: 16px 0px 5px 10px;
	height: 27px;
	width: 790px;
	margin: 0px 0px 0px 0px;
	float: left;
	position: relative;
}
div.wave img {
	margin: 0px 5px 5px 0px;
	float: left;
	position: relative;
}
div.wave a:link, div.wave a:visited, div.wave a:active {
	margin: 6px 20px 0px 0px;
	float: left;
	position: relative;
	white-space: nowrap;
}
span.arr_l, span.arr_r {
	display: block;
	width: 42px;
	height: 42px;
	padding: 0;
	cursor: pointer;
	float: left;
	position: relative;
}
span.arr_l {
	background: url(../images/show_arr_l.gif) no-repeat 0px 0px;
	margin: 8px 10px 0px 10px;
	_margin: 8px 10px 0px 5px;
}
span.arr_l:hover {
	background: url(../images/show_arr_l.gif) no-repeat -42px 0px;
}
span.arr_r {
	background: url(../images/show_arr_r.gif) no-repeat 0px 0px;
	margin: 8px 10px 0px 10px;
	_margin: 8px 0px 0px 10px;
}
span.arr_r:hover {
	background: url(../images/show_arr_r.gif) no-repeat -42px 0px;
}
/*home blocks*/
div.home_blocks {
	width: 924px;
	margin-left: auto;
	margin-right: auto;
	padding: 15px 0px 10px 0px;
	background: transparent;
}

div.home_block_content {
	width: 210px;
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	position: relative;
}
div.home_blocks h1, div.home_blocks h2 {
	margin: 0px 0px 5px 0px;
	padding: 0;
	color: #087fcf;
	font-family: "Trebuchet MS", Arial;
	font-size: 18px;
}
div.home_blocks p {
	margin: 0px 0px 7px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;
	position: relative;
}
div.home_blocks p strong {
	font-size: 14px;
}
/*testim*/
div.testim_bg {
	width: 207px;
	margin: 0;
	padding: 0;
	background: url(../images/testim_bg.png) repeat-y 0 0;
}
div.testim_bg p {
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
	font-size: 11px;
}
div.testim_bg p.star {
	background: url(../images/testim_tp.png) no-repeat 0 0;
	margin: 0px 0px 0px 0px;
	padding: 25px 10px 10px 10px;
	width: 187px; 
	font-style: italic;
	font-size: 12px;
}
div.testim_bg p strong {
	font-size: 11px;
	display: block;
}
div.testim_bt {
	width: 182px;
	height: 20px;
	margin: 0;
	padding: 13px 0px 0px 25px;
	background: url(../images/testim_bt.png) no-repeat 0 0;
	color: #489dd2;
	font-size: 11px;
}
.left_col div.testim_bg p.star {
	background: url(../images/testim_tp_l.png) no-repeat 0 0;
	color: #087fd0;
}
.left_col div.testim_bt {
	margin-bottom: 20px;
	background: url(../images/testim_bt_l.png) no-repeat 0% 100%;
}
.left_col div.testim_bg {
	background: url(../images/testim_bg_l.png) repeat-y 0 0;
}
/*News block*/
p.magento_news img {
	float: left;
	position: relative;
	margin: 0px 10px 0px 0px;
}
p.news_pic {
	text-align: center;
	padding: 5px 0px 5px 0px !important;
	border: 1px dotted #cecece;
	_display: none;
}
p.news_pic:hover {
	border: 1px dotted #489dd2;
}
div.news_home {
	text-align: left;
	padding: 15px 10px 10px 10px;
	position: relative;
	border-top: 3px solid #5cafdf; 
	border-bottom: 1px dashed #cecece;
	height: 57px;

}
#page div.news_home {
	width: 230px;
	margin: 0px 0px 20px 20px;
}

div.news_home p {
	font-size: 11px;
	margin: 0;
}
p.dat_home {
	font-size: 8px;
}
div.news_home p a {
	display: block;
	padding: 3px 3px 3px 3px;
	color: #6a6d77;
}
div.news_home p a img {
	float: left; margin: 5px 10px 0px 0px;
}

.contact_form {
	width: 430px;
	margin: 0px 0px 0px 0px;
	padding: 0;
	/*background: url(../images/contact_f_bg.gif) repeat-y 0 0;*/
	border-bottom: 15px solid #ffffff;
	float: left;
}
.contact_form_fbgr {
	/*background: url(../images/contact.gif) no-repeat 0 0;*/
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 0px;
	/*border: 1px dashed #cecece;*/
}
.contact_form_fbgr img {
	display: none;
}
.contact_form h1 {
	margin-left: 60px;
	font-size: 2em
}
.contact_form h4 {
	margin: 0px 20px 20px 0px;
	color: #49adeb;
}
.contact_form form {
	margin: 0px 0px 0px 60px;
	border: 0;
}
.req_label {
	background: url(../images/required.gif) left no-repeat;
	padding-left: 45px;
}
.contact_form  p {
	margin: 0px 0px 2px 0px;
	color: #17446d;
	width: 300px;
	text-align: left;
}
.btn {
	background: #066dd5;
	cursor: pointer;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 6px;
	padding-right: 6px;
	border: 0;
}
.input_field {
	width: 300px;
	font-size: 12px;
	height: 16px;
	border: 1px solid #98c3e4;
	margin-bottom: 13px;
}
.input_file {
	width: 300px;
	font-size: 12px;
	height: 18px;
	border: 1px solid #98c3e4;
	margin-bottom: 13px;
}
textarea {
	width: 300px;
	font-size: 12px;
	border: 1px solid #98c3e4;
	margin-bottom: 10px;
}
.contact_form select {font-size:10px; border: 1px solid #98c3e4; margin-bottom: 0px; width: 150px; margin-left: 10px}

.request_def {
	float: left;
	width: 180px;
	margin-left: 20px;
	padding-top: 0px;
}
p.wrong {
	margin: 0px 0px 10px 60px;
	
	width: 330px;
	text-align: left;
	background-color: #ffffff;
	border: 1px solid #cce7f4;
	padding: 15px;
}
p.wrong span {
	font-size: 1.6em;
	color: #e15b12;
}
p.correct {
	margin: 0px 0px 10px 60px;
	font-size: 1.2em;
	color: #6daa1e;
	width: 330px;
	text-align: left;
	background-color: #ffffff;
	border: 1px solid #cce7f4;
	padding: 15px;
}
div.conatact_right {
	float: right;
	margin-right: 25px;
	padding: 0px 0px 0px 0px;
	width: 180px;
}
#page_cont .left_col {
	background: url(../images/contact_us.png) no-repeat 100% 100%;
	padding-bottom: 140px !important;
	padding-top: 20px !important;
}

#ToolTipDiv
{
	display: none;
	position: absolute;
	padding: 0px;
	margin: 0px;
	background-color: #f99622;
}

#ToolTipFrame
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
	padding: 0px;
	margin: 0px;
}

#ToolTipWrapper
{
/*	width: 350px;*/
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
}

#ToolTipWrapper div
{
	padding: 15px;
	margin: 0px;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, Geneva;
	color: #858585;
	border: 1px solid #a0e3fc;
}
#ToolTipWrapper div b {
	color: #0791e2;
}