@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: #FFFFFF; background-repeat: repeat-y; background-position: top; 
}
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: "" "";
}


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


body{ font-family:Arial, Helvetica, sans-serif; background-repeat: repeat-x; background-color: #212121; background-position: center top; background-image: url(images/bkgrnd.jpg); }
#outerwrapper { background-repeat: no-repeat; background-position: center bottom; }


p{ font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, _sans; font-size:13px; margin-bottom:3px; line-height:18px; color:#999999; }
.ph{ color:#666666; }
.small{ font-size:12px; }
h1, h2, h3, h4{ font-family:"Myriad Pro", Myriad, Arial, Helvetica, sans-serif; color:#666666; }
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;}
p a:hover{ color:#999999; border-bottom:1px solid #bf6800; }
.topPadded{padding-top:3px;}
#container{ width:940px; margin:0 auto; background-image: url(images/wall.gif); background-repeat: no-repeat; background-position: center top; border-top-width: 1px; border-right-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: none; border-left-style: solid; border-top-color: #212121; border-right-color: #212121; border-left-color: #212121; }

.clear{clear:both;}

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

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;}
td.alt{}


/*****HEADER & TOPNAV*****/
#header{ width:940px; height:100px; font-family:"Myriad Pro", Myriad, Arial, Helvetica, sans-serif; background-image: url(images/header.jpg); background-repeat: no-repeat; background-color: #000000; border-bottom-width: 1px; border-bottom-style: none; border-bottom-color: #999999; }
#topnav{ float:right; font-size:11px; font-weight:bold; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, _sans; background-repeat: repeat-x; margin-right: 0px; background-position: top; padding-top: 9px; }
#topnav a{ margin-right:0px; color:#FFFFFF; text-decoration:none; padding-top: 8px; padding-bottom: 8px; padding-right: 12px; padding-left: 12px; font-weight: normal; margin-left: 0px; background-repeat: repeat-x; }
#topnav a.selected, #topnav a:hover{ color:#FFFFFF; border-top-width: 1px; border-bottom-width: 1px; border-top-style: none; border-bottom-style: none; border-top-color: #bf6800; border-bottom-color: #FFFFFF; margin-right: 0px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; margin-left: 0px; background-repeat: repeat-x; }
#topnav a.selected { color:#FFFFFF; border-top-width: 1px; border-bottom-width: 1px; border-top-style: none; border-bottom-style: none; border-top-color: #bf6800; border-bottom-color: #FFFFFF; margin-right: 0px; padding-top: 8px; padding-right: 12px; padding-bottom: 8px; padding-left: 12px; margin-left: 0px; font-weight: bold; }
#mp3player { font-size: 11px; padding-top: 15px; background-image: url(images/music_plyr.jpg); padding-bottom: 15px; }
#radiotext { float: left; font-size: 11px; padding-top: 19px; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, _sans; }
#radio { padding-bottom: 0px; margin-left: 16px; margin-right: 13px; border: 0px solid #151515; width: 412px; }


#topnav_i{float:left;}
#inner_s_image{ width:940px; height:350px; 
}/*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: 231px; /* important to be same as image height */ position: relative; /* important */ overflow: hidden; background-repeat: no-repeat; background-position: center; 
}

#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; width: 940px; 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; padding-top: 10px; padding-right: 13px; padding-bottom: 10px; padding-left: 13px;

   /*
       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; padding-top:5px; background-color: #000000; background-image: url(images/slider_bottom.gif); background-repeat: no-repeat; }
#innerContentLeft  p { padding-bottom: 10px; }
#innerContentLeft h1 { padding-bottom: 10px; }


#search{ height:22px;}
.textbox{ font-size:14px; background:url(images/textbox_bg.gif) repeat-x; border:1px solid #252525; padding:3px; color:#CCCCCC; }
.textbox:hover, .textbox:focus{ background:url(images/textbox_hover_bg.gif) repeat-x; border:1px solid #1d1d1d; }
#search .textbox{ float:right; }
#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:25px; padding-bottom:80px; background-color: #000000; background-image: url(images/content_i_bg.gif); background-repeat: no-repeat; background-position: center bottom; padding-left: 10px; padding-right: 10px; }
#content_i{ margin-top:40px; padding-bottom:30px; }

/*   Content - Home Page   */
#homeContentLeft{ width:445px; float:left; }
#homeContentRight{ width:455px; float:right; background-image: url(images/bkgrnd_p.jpg); background-repeat: no-repeat; background-position: center top; }
#homeContentRight p{ font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, _sans; font-size: 13px; color: #666666; }
#homeContentRight .ph{ margin-top:14px; }
#clients_home{ margin-top:5px; }
#clients_home img{margin-bottom:23px;}
#testimonials_home{margin-top:14px;}
.testimonials_home_i{width:212px; background:url(images/testimonial_bg.gif) no-repeat; padding:5px 0 0 5px; float:left;}
.testimonials_home_i_wborder{width:212px; background:url(images/testimonial_bg.gif) no-repeat; padding:5px 11px 0 5px; border-right:1px dotted #79da95; margin-right:12px; float:left;
}

/*   Content - Inner Pages   */
#innerContentLeft{ width:550px; float:left; padding-left: 20px; }
#content #content_i_more_padding #innerContentLeft p { color: #999999; }
#content #content_i_more_padding #innerContentLeft p a { color: #999999; }

#info { padding: 15px; border: 0px solid #232323; background-repeat: repeat-x; }
#phone { padding-left: 200px; color: #999999; font-size: 15px; }

#content-div    { }


#innerContentLeft img { float: left; padding-right: 12px; }
#readmore { padding-right: 0px; }
#readmore #content-link img { padding-right: 0px; padding-left: 0px; }



#innerContentRight{ width:300px; font-size:8px; padding-left:29px; float:right; background-image: url(images/bkgrnd_v.jpg); background-repeat: no-repeat; border-left-width: 1px; border-left-style: none; border-left-color: #232323; padding-right: 15px; background-position: left top; }

#innerContentRight h2, #innerContentRight .ph{ color:#666666; }
#innerContentRight p{ color:#999999; font-size: 11px; }
#innerContentRight a {color:#3fa2d6; border:none; text-decoration:none;}
#innerContentRight a:hover{}
#clients_inner{}
#clients_inner img{margin-top:15px;}
.testimonials_inner_i_wborder{ margin-top: 0px; margin-right: 0; margin-bottom: 0px; margin-left: 0; padding-top: 8px; padding-right: 0; padding-bottom: 8px; padding-left: 0; border-bottom-width: 1px; border-bottom-style: none; border-bottom-color: #1F1F1F; }
#innerContentRight .testimonials_inner_i_wborder p { font-size: 11px; color: #666666; }
#content_i_more_padding #innerContentRight h4 { color: #666666; }


.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; margin:0 14px; float:left; background-color: #000000; background-image: url(images/gallery_slider_bg_X.gif); background-repeat: no-repeat; }
#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; margin:0 14px; float:left; background-color: #000000; background-image: url(images/gallery_slider_bg_x.gif); background-repeat: no-repeat; }
#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:100px; padding-top:6px; }
#contact .textbox{ margin-bottom:13px; padding:6px 3px; }
textarea{ background:url(images/textbox_bg.gif) repeat-x; border:1px solid #1d1d1d; padding:6px 3px; color: #CCCCCC; }
textarea:hover, textarea:focus{ background:url(images/textbox_hover_bg.gif) repeat-x; border:1px solid #1d1d1d; }
#send_button{ color:#FFF; width:60px; height:24px; background:url(images/bt_send.gif) no-repeat; border:none; margin-top: 15px; margin-right: 0; margin-bottom: 0; margin-left: 100px; }
#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:100px; margin-bottom:0px; background-repeat: no-repeat; background-color: #212121; background-image: url(images/footer_bg.png); }
#footer_left{ padding-left: 10px; margin-right: auto; margin-left: auto; width: 425px; }
#footer_right{ margin-right:7px; float:right; padding-right: 10px; }
#footer p{ font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, _sans; font-size:11px; padding-top:10px; font-weight:bold; color:#CCCCCC; }
#footer a{ color:#CCCCCC; padding:2px 0; border:none; }
#footer a:hover, #footer a.selected{color:#bf6800; }
#footer_left a{ color:#FFFFFF; }
#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;	
}
#innerContentRight .selected { border-bottom-width: 0px; border-bottom-style: none; border-bottom-color: #333333; }
#innerContentRight a img { padding-bottom: 5px; }
#homeContentRight a { text-decoration: none;  }
#innerContentRight a { font-size: 12px; color: #666666; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, _sans; border-bottom-style: none; border-top-style: none; border-right-style: none; border-left-style: none; }
#innerContentLeft h1 { font-size: 26px; color: #666666; }