@charset "utf-8";
/* CSS Document */




/* Eric Meyer's CSS Reset 
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: #cf490e;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* ========================================================================= */
/* NAV STYLES                                                                */
/* ========================================================================= */

	/* = NAV STYLES: Visual Style ====================================== */	

	#nav { font-family:Arial, Helvetica, sans-serif; font-size:16px; float: left; width: 940px; background-color:#2c9e4c;}
	
	ul.dropdown { }
	ul.dropdown a { padding: 12px 10px 8px 20px; color: #fff; text-decoration: none; }
	ul.dropdown li {}
	ul.dropdown li.hover { background: #2c4239; }
	ul.dropdown li:hover { background: #2c4239; }
	ul.dropdown *.parent {}
	ul.dropdown *.parent:hover {}
	ul.dropdown ul { width: 150px; }
	ul.dropdown ul *.parent { padding-right: 10px;}
	ul.dropdown ul *.parent:hover { background: #2c4239; }
	ul.dropdown ul li { background: #197c35; background-image: none; border-top: 1px solid #2c4239; border-bottom: 1px solid #2c4239; }
	ul.dropdown ul li.hover { border-top: 1px solid #ffffff; background: #2c9e4c; }
	ul.dropdown ul li:hover { border-top: 1px solid #ffffff; background: #2c9e4c; }
	
	
	
	/* = NAV STYLES: Functionality - no need to touch ================== */	
	
	ul.dropdown { list-style: none; position: relative; z-index: 597; float: left; margin: 0; }
	ul.dropdown a { display: block; }
	ul.dropdown li { float: left; padding: 0; }
	ul.dropdown li.hover { position: relative; z-index: 599; }
	ul.dropdown li:hover { position: relative; z-index: 599; }
	ul.dropdown ul { list-style: none; visibility: hidden; position: absolute; top: 100%; left: -1px; z-index: 598; margin: 0 0 0 0; }
	ul.dropdown ul li { float: none; }
	ul.dropdown ul ul { top: -2px; left: 149px; margin: 1px 0 0 0; }
	ul.dropdown li:hover > ul { visibility: visible; }
	ul.dropdown li.hover > ul { visibility: visible; }



/*****GENERAL STYLING*****/

body{font-family:Arial, Helvetica, sans-serif; background:#cf490e;}

p{font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-bottom:3px; line-height:18px; color:#000;}
.ph{color:#2c9e4c;}
.small{font-size:12px;}
h1, h2, h3, h4{font-family:"Myriad Pro", Myriad, Arial, Helvetica, sans-serif; color:#2c9e4c;}
h1{font-size:26px;}
h2{font-size:21px;}
h3{font-size:19px;}
h4{font-size:16px;}

a{color:#0155A9; text-decoration:none; outline:none;}
p a{border-bottom:1px solid #0155A9;}
.topPadded{padding-top:3px;}
p a:hover{color:#bf6800; border-bottom:1px solid #bf6800;}
#container{width:940px; margin:0 auto; background-color:#fff}
.textboxadvice{font-size:10px; width:500px; text-align:center; border:1px solid #666666; padding:4px; margin-left:auto; margin-top: 10px; margin-right:auto; color: #666666;}

.clear{clear:both;}

.bb_listStyle li{background:url(images/li.gif) 3px no-repeat; text-indent:19px; font-size:12px; margin-bottom:10px;}

table{font-size:12px;}
.nobg{background:transparent; border-top:1px solid #f59f3a; border-left:1px solid #f59f3a;}
th{background:#f59f3a; padding:	9px; text-align:center; border-right:1px solid #e7f6ff;}
th.row{background:#7ccdff; padding:9px; text-align:center; border-bottom:1px solid #e7f6ff;}
td{padding:9px; background:#79da95; text-align:center; border-bottom:1px solid #e7f6ff; border-right:1px solid #e7f6ff;}
a:hover {text-decoration:underline;}
td.alt{}


/*****HEADER & TOPNAV*****/
#header{width:940px; height:142px; background:url(images/header.jpg); font-family:"Myriad Pro", Myriad, Arial, Helvetica, sans-serif;}
#topnav{float:left; margin-top:20px; font-size:16px; font-weight:bold;}
#topnav a{margin-right:20px; padding:3px 0; color:#0294F4; text-decoration:none;}
#topnav a.selected, #topnav a:hover{
	color:#2c9e4c;
	border-bottom:1px solid #2c9e4c;
	border-top:1px solid #2c9e4c;}
#topnav_i{float:left;}
#inner_s_image_services{width:940px; height:220px; background:url(images/slider_image.jpg);}
#inner_s_image_boutique{width:940px; height:220px; background:url(images/slider_image5.jpg);}
#inner_s_image_savings{width:940px; height:220px; background:url(images/slider_image4.jpg);}
#inner_s_image_types{width:940px; height:220px; background:url(images/slider_image3.jpg);}
#inner_s_image_profile{width:940px; height:220px; background:url(images/slider_image2.jpg);}/*image that has been shown instead of slider at the inner pages*/



/*   Slider   */
#s3slider {

/*background:#CCCCCC url(images/slider_image.jpg);*/
   width: 940px; /* important to be same as image width */
   height: 220px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 400px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 374px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.s3sliderImage span h4{font-weight:bold;}


/*****CONTENT*****/

/*   Content - General Styling   */
#content{width:940px; background:url(images/slider_bottom.gif) no-repeat; padding-top:25px;}
#search{ height:22px;}
#search_wmargin{height:22px; margin-bottom:70px;}
.textbox{font-size:14px; background:url(images/textbox_bg.gif) repeat-x; border:1px solid #88bed5; padding:3px;
color:#003044;}
.textbox:hover, .textbox:focus{background:url(images/textbox_hover_bg.gif) repeat-x; border:1px solid #ffba68;}
#search .textbox, #search_wmargin .textbox{float:right; width:145px;}
#btsearch{width:60px; height:24px; background:url(images/search_bt.gif); margin-left:10px; border:none; float:right;}
#btsearch:hover {background:url(images/search_bt_hover.gif);}
#content_i_more_padding{margin-top:40px; padding-bottom:5px; margin-left:10px; margin-right:10px;}
#content_i{margin-top:40px; padding-bottom:30px;}

/*   Content - Home Page   */
#homeContentWelcome{padding-bottom:10px;}
#homeContentLeft{width:230px; float:left; padding-left:5px; padding-right:5px;}
#homeContentMain {width:450px; border-left:1px dotted #a26b2a; padding-left:10px; float:left;}
#homeContentRight{width:210px; border-left:1px dotted #a26b2a; padding-left:5px; float:right;}
#homeContentRight p{}
#homeContentRight .ph{margin-top:14px;}
#clients_home{margin-top:18px;}
#clients_home img{margin-bottom:5px;}
#testimonials_home{margin-top:14px;}
.testimonials_home_i{background:url(images/rsvp.png) no-repeat; width:212px; padding:5px 0 0 5px; float:left;}
.testimonials_home_i_wborder{background:url(images/rsvp.png) no-repeat; width:212px; padding:5px 11px 0 5px; border-right:1px dotted #79da95; margin-right:12px; float:left;
}

/*   Content - Inner Pages   */
#innerContentLeft{width:700px; float:left; padding-left:10px;}
#innerContentRight{width:210px; border-left:1px dotted #a26b2a; padding-left:5px; padding-right: 3px; float:right;}
#innerContentContactLeft {width: 500px; float:left; padding-left:5px;}
#innerContentContactRight{width: 320; border-left:1px dotted #a26b2a; padding-left:5px; float:right;}
#productContentMF {width:300px; padding-left:5px; padding-right:5px; float:left}
#productContentI {width:320px; border-left:1px dotted #a26b2a; padding-left:15px; padding-right:5px; float:left}
#innerContentRight h2, #innerContentRight .ph{color:#a26b2a;}
#innerContentRight p{color:#7d7d7d;}
#innerContentRight a {color:#3fa2d6; border:none; text-decoration:none;}
#innerContentRight a:hover{}
#clients_inner{}
#clients_inner img{margin-top:15px;}
.testimonials_inner_i_wborder{background:url(images/testimonial_inner_bg.gif) no-repeat; padding:8px 0; border-bottom:1px dotted #a26b2a; margin:10px 0;}
.testimonials_inner_i{background:url(images/testimonial_inner_bg.gif) no-repeat; padding:8px 0; margin:10px 0;}

/*   Gallery Sliders   */
#category01_slider_wrapper{width:524px;}
#category01_slider{width:536px; height:159px; background:url(images/gallery_slider_bg.gif) no-repeat; margin:0 14px; float:left;}
#category01_slider ul{}
#category01_slider li{margin:36px 11px 0 11px; width:129px; height:87px; float:left;}/*it's important that width and height defined here 
to be same with the images you slide */
#bt_01_next{width:20px; height:20px; background:url(images/bt_next.gif); margin:69px 3px 0 0; float:right;}
#bt_01_next:hover{background:url(images/bt_next_hover.gif);}
#bt_01_prev{width:20px; height:20px; background:url(images/bt_prev.gif); margin-top:69px; float:left;}
#bt_01_prev:hover{background:url(images/bt_prev_hover.gif);}


#category02_slider_wrapper{width:524px;}
#category02_slider{width:536px; height:159px; background:url(images/gallery_slider_bg.gif) no-repeat; margin:0 14px; float:left;}
#category02_slider ul{}
#category02_slider li{margin:36px 11px 0 11px; width:129px; height:87px; float:left;}
#bt_02_next{width:20px; height:20px; background:url(images/bt_next.gif); margin:69px 3px 0 0; float:right;}
#bt_02_next:hover{background:url(images/bt_next_hover.gif);}
#bt_02_prev{width:20px; height:20px; background:url(images/bt_prev.gif); margin-top:69px; float:left;}
#bt_02_prev:hover{background:url(images/bt_prev_hover.gif);}


/* Contact Form */
#contact p{float:left; width:70px; padding-top:6px;}
#contact .textbox{margin-bottom:13px; width:190px; padding:6px 3px;}
textarea{background:url(images/textbox_bg.gif) repeat-x; border:1px solid #88bed5; padding:6px 3px;}
textarea:hover, textarea:focus{background:url(images/textbox_hover_bg.gif) repeat-x; border:1px solid #ffba68;}
#send_button{color:#FFF; margin:15px 0 0 70px; width:60px; height:24px; background:url(images/bt_send.gif) no-repeat; border:none;}
#send_button:hover{background:url(images/bt_send_hover.gif);}
#map_topbg{width:307px; height:5px; background:url(images/map_topbg.gif);}
#map_bottom_bg{width:307px; height:7px; background:url(images/map_bottom_bg.gif); margin-top:-1px;}


/*****FOOTER*****/
#footer{ height:53px; border-top:1px dotted #a26b2a; margin-bottom:40px;}
#footer_left{float:left; padding-left:5px;}
#footer_right{margin-right:5px; float:right;}
#footer p{font-family:"Myriad Pro", Myriad, Arial, Helvetica, sans-serif; font-size:12px; padding-top:10px; font-weight:bold; color:#606060;}
#footer a{color:#003044; padding:2px 0; border:none;}
#footer a:hover, #footer a.selected{color:#bf6800; }
#footer_left a{color:#606060;}
#footer_left a:hover{color:#606060;}
/**
 * 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 {
	 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}