@charset "utf-8";

/* BFW CSS Document */

body {
height: 100%;
margin: 0;
padding: 0;
background-color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:62.5%;
color:#444;
}

p{
margin:0px;
padding:0px;
text-align:left;
line-height:20px;
}

a{
text-decoration:none;
color:#f1790c;
}

a:hover{
	text-decoration:underline;
}

a.nounder{
	text-decoration:none;
}

img{
border:none;
}

#main_content ul{
	text-align:left;
	list-style:none;
	padding:0px; margin:0px;
}

#main_content li{
	background: transparent url(images/tick.png) no-repeat 0px -1px;
	text-indent:20px;
	margin-bottom:6px;
	line-height:16px;
}

#faqs li{
	background:none;
	text-indent:0px;
}

#shadow{
background-image:url(images/shadow.png);
background-repeat:repeat-y;
z-index:50;
width:992px;
text-align:center;
margin-left: auto;
margin-right: auto;
}

#content_holder{
width:980px;
margin:0px;
padding:0px;
margin-left: auto;
margin-right: auto;
text-align:center;
}

#footer{
background-image:url(images/footer_bg.png);
background-repeat:no-repeat;
padding:0px;
margin:0px;
width:992px;
text-align:center;
margin-left: auto;
margin-right: auto;
height:150px;
color:#FFF;
}

#footer_logo{
	margin-left:20px;
	margin-top:32px;
	height:44px;
	line-height:50px;
	float:left;
	background-image:url(images/footer_logo.png);
	background-repeat:no-repeat;
	padding-left:210px;
	font-size:1.6em;
	font-weight:bold;
}

.footer_links{
	float:right;
	width:140px;
	text-align:left;
	padding-top:18px;
}

.footer_links a{
	color:#FFF;
	font-size:1.2em;
}

.footer_links ul{
	text-align:left;
	list-style:none;
	padding:0px; margin:0px;
}

.footer_links li{
	background: transparent url(images/bullet_white.png) no-repeat -2px 2px;
	text-indent:14px;
	margin-bottom:6px;
}

#footer_spacer{
padding:0px;
margin:0px;
padding-top:30px;
width:100%;
}

#sub_footer{
padding:0px;
margin:0px;
width:100%;
height:4px;
background-color:#f1790c;
}

#sub_sub_footer{
padding:0px;
margin:0px;
width:100%;
height:40px;
background-color:#fff;
}

#header{
background-image:url(images/header_bg.jpg);
background-repeat:no-repeat;
padding:0px;
margin:0px;
width:100%;
text-align:center;
margin-left: auto;
margin-right: auto;
height:118px;
}

#logo{
	float:left;
	padding-top:34px;
	padding-left:30px;
}

#social_network_icons{
	float:right;
	padding-right:20px;
	padding-top:10px;
	height:60px;
}

#header_links{
	float:right;
	padding-right:20px;
	color:#618dad;
	font-size:1.1em;
}

#header_links a{
color:#618dad;
padding-right:6px;
padding-left:6px;
}

#header_flash{
width:100%;
height:223px;
padding:0px; margin:0px;
}

#main_content_top{
	width:100%;
	padding:0px; margin:0px;
	/* padding-top:5px; ADD BACK IN IF NOT USING SPIKES */
	height:24px;
	background:url(images/content_bg_top_spikey.png) repeat-x 0 0;
}

#main_content{
	width:920px;
	padding:0px; margin:0px;
	background-color:#FFF;
	padding-left:30px; padding-right:30px;
	font-size:1.1em;
	padding-top:5px; /* ONLY NEEDED IF USING SPIKES */
}

#left_col{
width:592px;
text-align:left;
float:left;
margin-right:20px;
padding-top:5px;
color:#666;
font-size:1.2em;
}

#right_col{
width:308px;
text-align:left;
float:right;
}

#right_col_top{
}

#right_col_bottom{
}

#right_col_content, #right_col_content_blog{
background-image:url(images/light_grey_bg.jpg);
background-repeat:repeat;
padding:12px;
}

.right_col_outer{
	padding:6px;
	border: 1px solid #ddd;
	margin-bottom:6px;
}


#main_content_bottom{
	width:100%;
	padding:0px; margin:0px;
	/*height:20px;
	background:url(images/content_bg_bottom.png) repeat-x 0 0;*/
}


/* MAIN MENU */

#main_menu{
padding:0px;
margin:0px;
width:100%;
text-align:center;
margin-left: auto;
margin-right: auto;
height:40px;
padding-bottom:5px;
font-size:1.0em;
}

.mm_normal, .mm_normal_on, .mm_home, .mm_home_on, .mm_contact, .mm_contact_on{
	height:40px;
	display:block;
	line-height:40px;
	text-align:center;
	font-size:1.2em;
	color:#FFF;
	font-weight:bold;
	float:left;
	padding:0; margin:0;
}

.mm_normal:hover, .mm_normal_on:hover, .mm_home:hover, .mm_home_on:hover, .mm_contact:hover, .mm_contact_on:hover, .mm_normal_hov:hover {
 background-position:0 -40px;
 text-decoration:none;
}

.mm_home{
	background: url(images/mm_home.png) no-repeat 0 0;
	width:102px;
}

.mm_home_on{
	background: url(images/mm_home.png) no-repeat 0 -40px;
	width:102px;
}

.mm_normal{
	background: url(images/mm_normal.png) no-repeat 0 0;
	width:108px;
}

.mm_normal_on{
	background: url(images/mm_normal.png) no-repeat 0 -40px;
	width:108px;
}

.mm_contact{
	background: url(images/mm_contact.png) no-repeat 0 0;
	width:122px;
}

.mm_contact_on{
	background: url(images/mm_contact.png) no-repeat 0 -40px;
	width:122px;
}

.mm_normal_hov{
	height:40px;
	display:block;
	line-height:40px;
	text-align:center;
	font-size:1.2em;
	color:#FFF;
	font-weight:bold;
	float:left;
	background: url(images/mm_normal.png) no-repeat 0 0;
	padding-left:26px; padding-right:26px;
}

/* start bluefusionweb css popup menus */

.pop_menu_top, .pop_menu_top_w {
display:inline-block;
position:relative;
z-index:5;
font-style:normal;
cursor:pointer;
padding:0px;
margin:0px;
vertical-align:top;
float:left;
}

.pop_menu_top:hover, .pop_menu_top_w:hover {
background-color:transparent;
z-index:6;
text-decoration:none;
}

.pop_menu_top span, .pop_menu_top_w span {
position:absolute;
left:0px;
top:-600px;
visibility:hidden;
padding:0px;
margin:0px;
color:#ffffff;
text-align:left;
display:block;
}

.pop_menu_top:hover span, .pop_menu_top_w:hover span {
padding:0px;
border-style:solid;
border-width:0px 2px 1px 2px;
border-color:#5387b1;
position:absolute; 
visibility:visible;
}

.pop_menu_top:hover span {
left:-23px;
top:40px;
}

.pop_menu_top_w:hover span {
left:-44px;
top:40px;
}


.pop_menu_top span a, .pop_menu_top_w span a{
height:16px;
padding:3px 5px 3px 5px;
margin:0px;
display:block;
float:none;
cursor:pointer;
text-align:center;
text-decoration:none;
font-weight:bold;
font-size:1.1em;
border-style:solid;
border-width:0px 0px 1px 0px;
border-color:#5387b1;
}

.pop_menu_top span a:hover,.pop_menu_top_w span a:hover {
text-decoration:none;
}

.pop_1{
	width:190px;
}

.pop_2{
	width:150px;
}

.pop_1, .pop_2 {
background-image:url(../images/pop_1_bg.png);
}

.pop_1 a, .pop_2 a {
color:#ffffff;
background-image:url(../images/pop_1.png);
}

.pop_1 a:hover, .pop_2 a:hover {
color:#ffffff;
background-image:url(../images/pop_1h.png);
}

.pop_1_pre {
background-image:url(../images/pop_1h.png);
}


/* end bluefusionweb css popup menus */


/* END MAIN MENU */

.pink_span{
	color:#f1790c;
}

h1,h2,h3,h4,h5{
	padding:0px;
	margin:0px;
	font-weight:normal;
	text-align:left;
	color:#5f9ccd;
}

h1{
	font-size:2.0em;
	padding-bottom:3px;
	color:#547894;
	line-height:30px;
	border-bottom: 2px solid #547894;
	margin-bottom:15px;
}

h2{
	font-size:1.8em;
	padding-top:0px;
	padding-bottom:5px;
}

h3{
	font-size:1.4em;
	padding-top:5px;
	padding-bottom:2px;
	border-bottom: 1px solid #ddd;
	margin-bottom:16px;
}

h4{ 
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.6em;
	font-weight:bold;
	color:#FFF;
}

.footer_links h4{
	padding:0px; margin:0px;
	padding-bottom:12px;
}

#right_col_content h2{
	color:#547894;
	padding-bottom:14px;
	background:url(images/latest_web_design_project.png) no-repeat 0px 0;
	text-indent:54px;
	line-height:48px;
}

#right_col_content_blog h2{
	
	padding-bottom:14px;
	background:url(images/tiny_blog.png) no-repeat 0px 0;
	text-indent:56px;
	line-height:40px;
	color:#547894;
}

/* CONTENT FILLER */

#content_filler{
	width:920px;
	padding:0px; margin:0px;
	background-color:#FFF;
	padding-top:18px;
}

#filler_blog{
	width:334px;
	border:none;
	float:right;
	padding-right:30px;
	text-align:left;
}

#filler_contact{
	padding-left:30px;
	width:214px;
	border-left:dashed; border-left-width:1px; border-left-color:#ccc;
	float:right;
	text-align:left;
	height:240px;
}

#filler_testimonial{
	padding-left:30px;
	width:280px;
	border-left:dashed; border-left-width:1px; border-left-color:#ccc;
	float:right;
	height:240px;
	text-align:left;
}

#filler_blog h2{
	background:url(images/mini_blog.png) no-repeat 169px 0;
	line-height:60px;
	color:#547894;
}

#filler_blog h3{
	font-size:1.4em;
	font-weight:bold;
}

#filler_contact h2{
	background:url(images/mini_phone.png) no-repeat 136px 0;
	line-height:60px;
	color:#547894;
}

#filler_testimonial h2{
	background:url(images/mini_testimonial.png) no-repeat 156px 0;
	line-height:60px;
	color:#547894;
}

/* END CONTENT FILLER */

/* NEWS STYLES */

.newsimagediv{
	float:left;
	position:relative;
	padding-right:18px;
	padding-bottom:8px;
}

.news_date{
	background-image:url(images/news_date.png);
	background-repeat:no-repeat;
	width:48px;
	height:44px;
	padding:0px;
	margin:0px;
	text-align:center;
	padding-top:6px;
	font-weight:bold;
	float:left;
}

.news_month{
	font-size:10px;
	color:#FFF;
	padding:0px;
	margin:0px;
}

.news_day{
	font-size:1.9em;
	color:#464e53;
	padding:0px;
	margin:0px;
	font-weight:bold;
}

.news_day_sm{
	font-size:1.7em;
	color:#464e53;
	padding:0px;
	margin:0px;
	font-weight:bold;
}

.news_title{
	font-size:1.4em;
	color:#547894;
	margin-top:20px;
	margin-left:56px;
	padding:0px;
}

.news_title:hover{
	text-decoration:none;
}

.news_title_list{
	font-size:1.3em;
	color:#547894;
	margin-top:16px;
	padding:0px;
}

.news_title_large{
	font-size:1.8em;
	color:#547894;
	margin-top:10px;
	margin-left:0px;
	padding:0px;
	background-image:none;
	text-indent:10px;
}

.news_content{ padding:5px;	float:left;	width:99%; padding-bottom:0px; margin:0px;}

.news_content p{ padding-left:0px; margin-left:0px;}

.news_image{ border:none; margin-right:6px; margin-bottom:6px; }

.smallgrey{font-size:0.9em; color:#999; font-style:italic; padding:0px; margin:0px; padding-top:8px;}

.mini_social{
	width:99%;
	background-color:#f4f7f8;
	font-weight:bold;
	height:18px;
	line-height:18px;
	padding:0px; margin:0px;
	padding-top:3px; padding-bottom:3px;
	border:solid; border-color:#e6ecee; border-width:1px;
}

.mini_social_text{
	color:#547894;
	display:inline; float:left;
	padding:0px; padding-bottom:4px;
	padding-left:6px;
	margin:0px;
}
	
/* END NEWS STYLES */

.form_title{
	font-size:1.0em;
	text-align:right;
	vertical-align:top;
	padding-right:10px;
}
	
.form_field{
font-size:1.1em;
	text-align:left;
	vertical-align:top;	
}

.form_div{
	padding-top:8px;
}


/* START PORTFOLIO */

.portfolio_box_outer{
padding:6px;
border: 1px solid #bdd8dc;
margin-bottom:28px;
position:relative;
z-index:20;
}

.portfolio_box{
	background-image:url(images/light_blue_bg.jpg);
	background-repeat:repeat;
	width:557px;
	height:212px;
	padding:10px;
	margin:0px;
	padding-top:24px;
}

.portfolio_boxt{
	background-image:url(images/light_blue_bg.jpg);
	background-repeat:repeat;
	width:557px;
	padding:10px;
	margin:0px;
	padding-top:24px;
}

.portfolio_image{
	float:left;
	background-color:#FFF;
	border: 1px solid #bdd8dc;
	padding:10px;
}

.portfolio_textbox{
	float:right;
	text-align:left;
	width:50%;
}

.portfolio_textbox p{
	font-size:0.8em;
}

.portfolio_textbox h2{
	color:#547894;
}

h2.smallporttitle{
	color:#547894;
	font-size:1.6em;

}

.portfolio_textbox h4{
	font-size:0.9em;
	margin-bottom:6px;
	padding-bottom:4px;
	border-bottom: 1px solid #ddd;
}

.testimonial_icon{
	position:absolute;
	bottom:-20px; left:526px;
	cursor:pointer;
}

.testimionial_bubble{
	position:absolute;
	bottom:10px; left:579px;
	background-image:url(images/full_testimonial.png);
	background-repeat:no-repeat;
	width:304px;
	height:204px;
	padding-left:20px;
	padding-right:16px;
	padding-top:10px;
}

.portfolio_page_count{
	background-image:url(images/portfoliopagebg.jpg);
	background-repeat:repeat-x;
	width:100%;
	height:39px;
	padding-top:2px;
}

.portcounton, .portcountoff{
	margin-right:4px;
}
	
.portcountoff{
	display:block;
	line-height:23px;
	float:left;
	width:37px;
	height:31px;
	background: url(images/portcountoff.png) no-repeat 0 0px;
	text-align:center;
	color:#5f9ccd;
	font-size:1.0em;
	font-weight:bold;
	text-decoration:none;
	color:#bdd8dc;
}

.portcountoff:hover{
	display:block;
	line-height:31px;
	float:left;
	width:37px;
	height:31px;
	background: url(images/portcounthover.png) no-repeat 0 0px;
	text-align:center;
	text-decoration:none;
	color:#bdd8dc;
}

.portcounton, .portcounton:hover{
	display:block;
	line-height:31px;
	float:left;
	width:37px;
	height:31px;
	background: url(images/portcounton.png) no-repeat 0 0px;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-size:1.0em;
	font-weight:bold;
}

.crossoff{
	float:right;
	width:12px;
	height:12px;
	cursor:pointer;
}

/* END PORTFOLIO */


/* Ads */

.ad_outer{
	padding:6px;
	border: 1px solid #ddd;
	margin-bottom:6px;
}

.quote_ad, .featured_ad, .all_ad, .ecommerce_ad, .featured_ad_on, .all_ad_on, .ecommerce_ad_on{
	color:#FFF;
	font-size:1.8em;
	text-align:center;
	padding:12px;
	display:block;
}

.quote_ad{
	background:url(images/button_orange.jpg) repeat-x 0 0;
}

.quote_ad:hover{
	background:url(images/button_orange.jpg) repeat-x 0 -48px;
}

.featured_ad{
	background:url(images/button_purple.jpg) repeat-x 0 0;	
}

.featured_ad_on, .featured_ad:hover{
	background:url(images/button_purple.jpg) repeat-x 0 -48px;
}

.ecommerce_ad{
	background:url(images/button_purple.jpg) repeat-x 0 0;	
}

.ecommerce_ad_on, .ecommerce_ad:hover{
	background:url(images/button_purple.jpg) repeat-x 0 -48px;
}

.all_ad{
	background:url(images/button_purple.jpg) repeat-x 0 0;		
}

.all_ad_on, .all_ad:hover{
	background:url(images/button_purple.jpg) repeat-x 0 -48px;
}

.form_button, .form_buttonh{
	display:block;
	cursor:pointer;
	width:176px;
	height:32px;
	border:none;
	color:#FFF;
	text-align:left;
	font-size:1.1em;
	text-indent:6px;
	padding-bottom:1px;
	margin-right:10px;
}

.form_buttonnf, .form_buttonhnf{
display:block;
display:inline;
	cursor:pointer;
	width:176px;
	height:22px;
	border:none;
	color:#FFF;
	text-align:left;
	font-size:1.1em;
	text-indent:6px;
	margin-right:10px;	
}

.form_button, .form_buttonh{
	float:left;
}

.form_buttonnf, .form_buttonhnf{
	
}

.form_button,.form_buttonnf{
	background:url(images/button_submit_enquiry.png) repeat-x 0 0px;
}

.form_buttonh,.form_buttonhnf{
	background:url(images/button_submit_enquiry.png) repeat-x 0 -32px;
}
/* END ADS */

/* TOOLTIP */

.tool_tip_right{
position: relative;
z-index: 0;
padding:0px;
margin:0px;
}

.tool_tip_right:hover{
background-color: transparent;
z-index: 50;
}

.tool_tip_right span{
width:280px;
height:194px;
background-image:url(images/full_testimonial.png);
background-repeat:no-repeat;
border:none;
position: absolute;
padding: 30px;
padding-top:20px;
visibility: hidden;
text-decoration: none;
text-align:left;
color:#456;
font-size:1.1em;
font-weight:normal;
}

.tool_tip_right:hover span{ 
visibility: visible;
top: 0;
left: 30px;
top:-210px;
}

/* END TOOLTIP */

/* mojo zoom (image hover) */

div.mojozoom_marker {
	position : absolute;
	cursor : crosshair; 
}

div.mojozoom_border {
	position : absolute;
	left:0px;
	top:0px;

	border : 1px solid black;

	width:100%;
	height:100%;

}

div.mojozoom_fill {
	position : absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;

	background-color : white;

	opacity : 0.2;
	-moz-opacity : 0.2;
	-khtml-opacity : 0.2;
	filter:alpha(opacity=20);




}


img.mojozoom_img {
	padding : 0px;
	border: 0px;
}

div.mojozoom_imgctr {
	position : absolute;
	margin-left : 20px;
	border : 1px solid black;
}

/* END MOJO ZOOM */

.highlight_text{
	color:#F00;
	font-size:1.1em;
}

/* TICKET EXTRA STYLES */

.tickethomelink{
	background: url(images/house.png) no-repeat 0px 0px;
	margin-left:20px;
	padding-left:20px;
}

.ticketstatuslink{
	background: url(images/report_magnify.png) no-repeat 0px 0px;
	margin-left:20px;
	padding-left:20px;
}

.ticketlogoutlink{
	background: url(images/key_delete.png) no-repeat 0px 0px;
	margin-left:20px;
	padding-left:20px;
}

.newticketlink{
	background: url(images/add.png) no-repeat 0px 0px;
	margin-left:20px;
	padding-left:20px;
}

/* END TICKETS */

/* START FAQS*/
.osf_icon{
	background: url(images/help.png) no-repeat 0px 0px;
	margin-left:20px;
	padding-left:20px;
}


.answer_box{
	background-image:url(images/light_blue_bg.jpg);
	background-repeat:repeat;
	padding:10px;
	margin:0px;
	padding-top:10px;
}

hr{
	border:solid 1px #CCC;
}