/*
      Created by Bryan Peck @ Inovast Concepts
	  
*/

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

GLOBAL

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

* { padding: 0; margin: 0;}

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #000;
 background: #e6f1c9;
 background-image: url(/images/bkgrnd.jpg);
 background-position:top;
 background-repeat:repeat-x;
}

#wrapper { 
 margin: 0 auto;
 width: 1036px;
 background-image:url(/images/bkgrnd_body.png);
 background-position:top;
 background-repeat:repeat-y;
}

#top_bar {
 width: 1036px;
 float: left;
 height: 31px;
 margin: 0;
 background-image:url(/images/bkgrnd_topbar.jpg);
 background-position:top;
 background-repeat:repeat-x;
 text-align:right;
}

#header {
 width: 1004px;
 float: left;
 height: 92px;
 margin: 0 15px 0 16px;
}

#logo {
	width: 325px;
	height: 39px;
	margin: 25px 0 0 21px;
	float:left;
}
	
#callnow {
	width: 293px;
	height: 45px;
	margin: 41px 25px 0 0;
	float:right;
}

#utility {
	width: 200px;
	height: 31px;
	float:right;
	text-align:right;
	z-index:99;
	vertical-align:top;
}

#social {
	width: 100px;
	height: 62px;
	margin: 0 31px 0 0;
	float:right;
	z-index:99;
	vertical-align:top;
}

#navigation {
 float: left;
 width: 1036px;
 height: 45px;
 margin: 0px 0px 0px 0px;
 background-image:url(/images/bkgrnd_nav.png);
 background-position:center;
 background-repeat:no-repeat; 
}

#hdr_img {
	margin: 32px 0 15px 0;
}

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

HOME

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

#hm_main_boxcontainer {
 width: 1036px;
 float: left;
 height: 242px;
}

#hm_main_boxcontainer_left {
 width: 766px;
 float: left;
 height: 242px;
 background: #000;
 margin: 0 0 0 16px;
}

#hm_main_boxcontainer_rt {
 width: 254px;
 float: right;
 height: 242px;
 display: inline;
 background: #666699;
 background-image:url(/images/btn_setappt1.png);
 background-position:bottom center;
 background-repeat:no-repeat;
}

#why_choose {
	width: 246px;
	float: left;
	margin: 20px 0 20px 20px;
}

#set_appt {
	width: 246px;
	float: left;
	margin: 0 0 0 20px;
}

#hm_orangebar {
 width: 1036px;
 float: left;
 clear: both;
 display: inline;
 height: 32px;
 background-image:url(/images/hm_bar_orange.jpg);
 background-position:center;
 background-repeat:no-repeat;
}

#hm_enewsletter {
	width: 500px;
	height: 32px;
	float: right;
	text-align:right;
	margin: 8px 30px 0 0;
}
	
#hm_title {
	margin: 0 0 15px 0;
}

/****************************************************************************************
HOME TOP BODY PANEL
*****************************************************************************************/


#bodycontent_wrapper {
 width: 1036px;
 float: left;
 clear:both;
 margin: 15px 0 0 0;
}

#leftcolumn { 
 height: 350px;
 width: 770px;
 margin: 0 0 0 16px;
 float: left;
}

#hm_content_lft {
	width: 370px;
	margin: 0 8px 15px 52px;
	float:left;
}

#hm_content_rt {
	width: 339px;
	float:right;
}

#hm_divider_hor {
	width: 723px;
	height: 1px;
	margin: 10px 0 10px 52px;
	background-image:url(/images/hm_divider_hor.png);
	background-position:left;
	clear:both;
}

/****************************************************************************************
HOME MAIN IMAGE
*****************************************************************************************/

/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:242px;	width: 766px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: -20px; right: 600px;
	width: 178px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 25px;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 10px;
	text-decoration: none;
	color: #fff;
	background-image:url(/images/dot_active_not.png);
	background-position:center;
	background-repeat:no-repeat;
	width: 50px;
	height: 50px;
	margin: 0 15px 50px 0;
	
}
.paging a.active {
	background-image:url(/images/dot_active.png);
	background-position:center;
	background-repeat:no-repeat;
	width: 50px;
	height: 50px;
	margin: 0 15px 50px 0;
}
.paging a:hover {font-weight: bold;}

/****************************************************************************************
HOME PLAYER
*****************************************************************************************/

#hm_player {
	width: 339px;
	height: 219px;
	background-image:url(/images/bkgrnd_hm_Player.jpg);
	background-position:center;
	background-repeat:no-repeat;
	margin: 32px 0 15px 0;
}

#hm_player_img {
	width: 285px;
	height: 166px;
	padding: 11px 27px 0 27px;
}

/****************************************************************************************
HOME BOTTOM BODY PANEL
*****************************************************************************************/

#hm_content_btm_wrapper {
 width: 770px;
 clear:both;
 float: left;
 margin: 0 0 0 25px;
}


#hm_content_lft_btm {
	width: 315px;
	height: 300px;
	margin: 15px 0 0 52px;
	float:left;
}

#hm_content_rt_btm {
	width: 315px;
	height: 300px;
	margin: 15px 40px 0 0;
	float:right;
}

#dividercolumn { 
 float: left;
 height: 571px;
 width: 1px;
 display: inline;
 background-image:url(/images/hm_divider_vert.jpg);
 background-position:top;
 background-repeat:no-repeat;
}



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

HOME RIGHT PANEL

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

#rightcolumn { 
 float: right;
 height: 350px;
 width: 229px;
 margin: 0 15px 0 0;
 display: inline;
}


#rightcolumn_wrapper { 
 float: right;
 width: 215px;
 padding: 0 5px 0 5px;
 display: inline;
}


#hm_rt_testimonials { 
 float: right;
 width: 210px;
 margin: 20px 0 20px 10px;
 display: inline;
 font: Arial; color: #000;font-size: .9em; line-height: 20px;
}

#img_quote {
	margin: 0 10px 5px 0;
}

#hm_rt_friends {
 width: 210px;
 margin: 20px 10px 20px 10px;
 display: inline;
 float: left;
}
/********************************************
*********************************************

STANDARD INTERIOR

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

#int_main_boxcontainer {
 width: 1036px;
 margin: 0 0 20px 0;
 float: left;
}

#int_title {
	margin: 0 0 15px 0;
}

/****************************************************************************************
BREADCRUMB
*****************************************************************************************/
#breadcrumb_bar {
	width: 1005px;
	height: 32px;
	margin: 0 15px 0 16px;
}

#breadcrumb_container {
	width: 400px;
	height: 24px;
	float:left;
	margin: 8px 0 0 15px;
	font-family: Arial;
	font-size: .9em;
	color: #818181;
}

#int_enewsletter {
	width: 500px;
	height: 24px;
	float: right;
	text-align:right;
	margin: 4px 15px 0 0;
}

/****************************************************************************************
LEFT PANEL
*****************************************************************************************/

#int_hdr {
	width: 751px;
	height: 172px;
	margin-bottom: 40px;
	float:left;
}

#int_lftpanel_container {
 width: 751px;
 float: left;
 margin: 0 0 0 16px;
}

#int_body_content {
	clear:both;
	margin: 0 40px 20px 40px;
}
/****************************************************************************************
RIGHT PANEL
*****************************************************************************************/

#int_rtpanel_container {
 width: 269px;
 height:870px;
 clear:both;
 float: right;
 margin: 0 0 0 0;
}

#setappt_box {
	width: 268px;
	height: 168px;
	float:right;
	margin: 21px 1px 0 0;
	background-image:url(/images/int_box_grey.jpg);
	background-position:right;
	background-repeat:no-repeat;
}

#int_set_appt {
	width: 268px;
	float: left;
	margin: 20px 10px 10px 15px;
}

#int_rt_link {background-image:url(/images/btn_setappt2.png); background-position:left; background-repeat:no-repeat; width:268px; height:32px; color: #ec891d; margin:0 0 0 -15px;}

#testimonial_box {
	width: 268px;
	height: 237px;
	clear:both;
	float:right;
	margin: 6px 1px 0 0;
	background-image:url(/images/int_box_orange.jpg);
	background-position:right;
	background-repeat:no-repeat;
}

#int_testimonial_content {
	width: 255px;
	height: 155px;
	margin: 15px 4px 16px 9px;
}

#friends_box {
	width: 268px;
	height: 415px;
	clear:both;
	float:right;
	margin: 20px 0 20px 0;
}

#friends_content {
	width: 215px;
	height: 385px;
	margin: 10px 0 0 10px;
}
	

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

FOOTER

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


#footer { 
 width: 1004px;
 height: 250px;
 clear: both;
 margin: 0 15px 0 16px;
 background: #bfbbbb;
 background-image:url(/images/bkgrnd_ftr.jpg);
 background-position:bottom;
 background-repeat:repeat-x;
}

#footer_menu_container {
	width: 720px;
	float:left;
	margin: 8px 0 10px 8px;
}

#footer_copyright_container {
	width: 235px;
	float:right;
	margin: 25px 18px 0 0;
	text-align:right;
}

#footer_inovast_container {
	width: 280px;
	clear: both;
	float: right;
	text-align:right;
	margin: 0 18px 0 0;
}

#footer_inovast_logo {
	margin: 0 0 15px 0;
}

#footer_btm { 
 width: 1036px;
 height: 24px;
 margin-bottom: 20px;
 clear: both;
 background-image:url(/images/ftr_btm.jpg);
 background-position:center;
 background-repeat:no-repeat;
}

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

TEXT

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

p   {font-family: Arial;	font-size: 1em;color: #000; line-height: 1.6em; margin-bottom: 1.4em;  }
h1	{font-family: Arial;	font-size: 1.3em;color: #000; font-weight:bold; padding: 5px 0 7px 0; }
h2	{font-family: Arial;	font-size: 1.1em;color: #000; font-weight:bold; padding: 3px 0 5px 0; }
h3	{font-family: Arial;	font-size: 1em;color: #000; font-weight:bold; padding: 3px 0 3px 0; }
.testimonial  	  {font-family: Arial;	font-size: .95em;color: #002f71; line-height: 1.6em; margin-bottom: 1.8em;  }
.testimonial_nm   {font-family: Arial;	font-size: .9em;color: #002f71; line-height: 1.1em; margin-bottom: 1.4em; text-align:right; font-weight:bold; }
.int_testimonial    {font-family: Arial;	font-size: .95em; color: #002f71; line-height: 1.4em;  }


ul.std {list-style: none; margin-left: 0;padding-left: 1em;text-indent: -1em;}
ul.std li:before {content: "\00BB \0020"; }
li.std {list-style-image: none; list-style-type: none; margin: 0 0 5px 10px;}

ol.numbered {list-style: decimal; margin-left: 0;padding-left: 1em;text-indent: -1em;}
li.numbered {list-style-image: none; list-style-type: decimal; margin: 0 0 5px 30px;}

ul.normal {list-style: square; margin-left: 0;padding-left: 1em;text-indent: -1em;}
ul.normal li:before {content: "\00BB \0020"; }
li.normal {list-style-image: none; list-style-type: square; margin: 0 0 5px 30px;}

ul.whychoose {list-style: none; margin-left: 0;padding-left: 1em;text-indent: -1em;}
ul.whychoose li:before {content: "\00BB \0020"; }
li.whychoose {list-style-image: none; list-style-type: none; margin: 0 0 0 10px;}
li.whychoose   {color: #fff; }


.footer_content {font-family: Arial; text-decoration : none; color : #4d4a4a; font-size: .9em;}
.footer_Inovast  {text-decoration : none; color : #5c5b5b; font-size: .9em; margin-bottom: -1px;}



/****************************************************************************************
FORM
*****************************************************************************************/

.formfield			{font-family: Arial;	font-size: 1em;font-style: normal; font-weight: none;	color: #5a5a5a;}



/****************************************************************************************
FOOTER NAV
*****************************************************************************************/
#footer_menu  {text-decoration : none; text-align:left;}
#footer_menu ul {margin : 0; list-style : none;	padding: 0;	}
#footer_menu li {display : block;}
#footer_menu a.footerlink  {text-decoration : none; color : #474645; font-size: .9em;	}
#footer_menu a.footerlink:hover {color : #474645; text-decoration:underline;}

a.footerlink  {text-decoration : none; color : #474645; font-size: .9em;	}
a.footerlink:hover {color : #474645; text-decoration:underline;}

a.footer_Inovast  {text-decoration : none; color : #5c5b5b; font-size: .9em;}
a.footer_Inovast:hover {color : #5c5b5b; text-decoration:none;}

.footer_nav_hdr {
	font-weight: bold;
	margin-bottom: 8px;
}

.footer_about {
	margin: 18px 20px 0 10px;
	float:left;
}
.footer_services {
	margin: 18px 20px 0 0;
	float:left;
}
.footer_lasers {
	margin: 18px 20px 0 0;
	float:left;
}
.footer_faqs {
	margin: 18px 20px 0 0;
	float:left;
}
.footer_gallery {
	margin: 18px 20px 0 0;
	float:left;
}
.footer_specials {
	margin: 18px 0 0 0;
	float:left;
}

/***********************************************************************************************************
LINKS
***********************************************************************************************************/

a {color: #33598d; outline:none; outline:hidden; text-decoration:none;}
a:visited {color:#33598d;}
a:hover {color: #33598d; text-decoration:underline;}
a:active { color:#33598d;}

a.setappt {color: #ec891d; outline:none; outline:hidden; text-decoration:none;}
a.setappt:visited {color:#ec891d;}
a.setappt:hover {color: #ec891d; text-decoration:underline;}
a.setappt:active { color:#ec891d;}

a.int_rt_link {color: #33598d; outline:none; outline:hidden; text-decoration:none; margin:0 0 0 20px;}
a.int_rt_link:visited {color:#33598d; margin:0 0 0 20px;}
a.int_rt_link:hover {color: #33598d; text-decoration:none; margin:0 0 0 20px;}
a.int_rt_link:active { color:#33598d; margin:0 0 0 20px;}

a.breadcrumb {color: #002f71; outline:none; outline:hidden; text-decoration:none;}
a.breadcrumb:visited {color:#002f71;}
a.breadcrumb:hover {color: #002f71; text-decoration:underline;}
a.breadcrumb:active { color:#002f71;}

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

MAIN NAVIGATION

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

#nav_menu{
	width: 1004px;
	height: 45px;
	margin: 0 15px 0 16px;
}

.menu {
	margin: 0;
	padding: 0;
	list-style: none;
	background: #fff;
}
.menu li {
	padding: 0;
	margin: 0;
	height: 45px;
	list-style: none;
	background-repeat: no-repeat;
}
.menu li a.menu, .menu li a.menu:visited {
	display: block;
	text-decoration: none;
	text-indent: -1000px;
	height: 45px;
	background-repeat: no-repeat;
}
.home {background-image: url(/images/nav_Home_on.jpg); width: 130px;}
.home a.menu {background-image: url(/images/nav_Home_off.jpg);}
.aboutus {background-image: url(/images/nav_AboutUs_on.jpg); width: 145px;}
.aboutus a.menu {background-image: url(/images/nav_AboutUs_off.jpg);}
.services {background-image: url(/images/nav_Services_on.jpg); width: 144px;}
.services a.menu {background-image: url(/images/nav_Services_off.jpg);}
.ourlasers {background-image: url(/images/nav_OurLasers_on.jpg); width: 154px;}
.ourlasers a.menu {background-image: url(/images/nav_OurLasers_off.jpg);}
.faqs {background-image: url(/images/nav_Faqs_on.jpg); width: 115px;}
.faqs a.menu {background-image: url(/images/nav_Faqs_off.jpg);}
.gallery {background-image: url(/images/nav_Gallery_on.jpg); width: 141px;}
.gallery a.menu {background-image: url(/images/nav_Gallery_off.jpg);}
.contactus {background-image: url(/images/nav_ContactUs_on.jpg); width: 175px;}
.contactus a.menu {background-image: url(/images/nav_ContactUs_off.jpg);}

ul.menu li a.menu:hover {background: none;}
.menu li {float: left;}
.menu:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}