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

/* =================== MAIN LAYOUT ELEMENTS ======================= */

html,
body {
	margin:0;
	font-family:Helvetica, Arial, Verdana;
	background-color: #fdfdfd;
	height:100%;
	width:100%;
	background-image:url(images/bg-main.jpg);
	background-position:top center;
	background-repeat:repeat-x;
}
#container {
	margin:0 auto;
	padding-bottom:0; /* THIS IS THE HEIGHT OF THE HEADER */
	width:800px;
	position:relative;
	background-image:url(images/bg-dropshadow.png);
	background-repeat:no-repeat;
}

#header {
	position:relative;
	margin:0 auto;
	padding:0;
	width: 795px;
	height:139px;
}

/* Top Nav Coding*/
#homebutton {
	position:absolute;
	top:0;
	left:10px;
	height:25px;
	width:40px;
	margin:0;
	padding:0;
}

#nav {
	margin:0 auto;
	position:relative;
	width:764px;
	height:28px;
	background-image:url(images/nav-bg-lines.gif);
	background-repeat:repeat-x;
	border-top:1px solid #000;
}
#nav_right{
	position:absolute;
	right:0;
	top:0;
	margin:0 12px 0 0;
	padding:0;
	height:25px;
	width:385px;
	line-height:25px;
	font-family:"Times New Roman", Times, serif;
	font-size:13px;
	text-align:right;
	font-weight:bold;
	color:#1d4a86;
}

#body_content {
	postion:relative;
	min-height:100%;
	_height:100%;
	padding:0 19px 20px 19px;
	overflow:hidden;
}


/* ========== FOOTER =============== */

#footer {
	position:absolute;
	bottom:-62px;
	left:13px;
	height:62px;
	width:782px;
	background-image:url(images/bg-footer.png);
	background-repeat:no-repeat;
	font-family:"Times New Roman", Times, serif;
	color:#0c4b93;
	font-size:14px;
	line-height:38px;
	text-indent:15px;
}

#footer a {
	font-family:"Times New Roman", Times, serif;
	color:#0c4b93;
	font-size:14px;
	text-decoration:none;
}


#copyright {
	clear:both;
	font-family:"Times New Roman", Times, serif;
	color:#0c4b93;
	font-size:14px;
	padding-left:132px;
}

/* ============ GENERAL STYLES =================================== */

p {
	margin:0;
	font-size: 12px;
	color: #000;
	line-height: 18px;
}
p .blue {
	color:#003fb1;
}
h1 {
	text-indent:-9999px;
	line-height:0;
	font-size:0;
	margin:0;
	padding:0;
}

h2 {
	color:#003fb1;
	font-weight:bold;
	font-size:12px;
	margin:0;
}
h3 {
	font-weight:bold;
	font-size:12px;
}

a.bodylink:link {
	color: #000;
	text-decoration: underline;
	font-weight:bold;
}
a.bodylink:visited {
	text-decoration: underline;
	color: #000;
	font-weight:bold;
}
a.bodylink:hover {
	text-decoration: underline;
	color: #003fb1;
	font-weight:bold;
}
a.bodylink:active {
	text-decoration: underline;
	color: #003fb1;
	font-weight:bold;
}

a.nav_link:link {
	color: #1d4a86;
	text-decoration: none;
}
a.nav_link:visited {
	text-decoration: none;
	color: #1d4a86;
}
a.nav_link:hover {
	text-decoration: none;
	color: #d2a624;
}
a.nav_link:active {
	text-decoration: none;
	color: #d2a624;
}

.nav_selected {
	color: #d2a624;
}

/* Images */
.marginBottom10 {
	margin-bottom:10px;
}

td {
	margin:0;
	font-size: 12px;
	color: #000;
	line-height: 18px;
}


/* ===================================== Home Page ============================ */
#home_text {
	float:left;
	margin:30px 0 0 166px;
	padding:0 0 20px 0;
	width:277px;
}
#home_flash {
	float:left;
	margin:30px 0 8px 15px;
	padding:8px;
	border:1px solid #bababa;
	width:260px;
	height:390px;
}
#home_box {
	clear:left;
	position:relative;
	margin:0 0 0 152px;
	width:570px;
	height:236px;
	background-image:url(images/bg-home-bottom.jpg);
	background-repeat:no-repeat;
	background-position:center;
	padding:8px;
	border:1px solid #bababa;
}
#box_headline {
	position:absolute;
	top:62px;
	left:60px;
	width:480px;
	height:21px;
	color:#42454a;
	font-size:12px;
	font-weight:bold;
	line-height:21px;
}
#box_info {
	position:absolute;
	top:91px;
	left:60px;
	width:505px;
	height:140px;
	font-size:12px;
	line-height:15px;
	color:#003fb1;
	font-style:italic;
}
#box_info a{color:#003fb1;}

/* ===================================== Rent-a-Laser Page ============================ */
#navleft {
	position:absolute;
	top:217px;
	left:30px;
	margin:0;
	padding:0;
	width:106px;
}

#navleft ul {
	margin:0;padding:0;
	list-style:none;
	font-family:Helvetica, Arial, Verdana;
	font-size:13px;
	color: #003fb1;
	font-weight:bold;
}
#navleft li {
	margin-bottom:10px;
	line-height:13px;
}

#navleft a:link {
	color: #000000;
	text-decoration: none;
}
#navleft a:visited {
	text-decoration: none;
	color: #000000;
}
#navleft a:hover {
	text-decoration: underline;
	color: #003fb1;
}
#navleft a:active {
	text-decoration: underline;
	color: #003fb1;
}

#rent_products {
	margin:0 0 0 144px;
	padding:44px 0 0 0;
	width:600px;
	overflow:hidden;
}

#products #rent_products {
	margin:0 0 0 145px;
	padding:44px 0 0 0;
	width:580px;
	overflow:hidden;
}

.product_box {
	position:relative;
	float:left;
	width:230px;
	height:350px;
}

#products .product_box {
	position:relative;
	float:left;
	width:230px;
	height:350px;
}

.product_box ul {
	margin:0 0 0 15px;
	padding:0;
}

.product_image {
	margin:0;padding:0;
	width:205px;
	height:250px;
	border:1px solid #bbbbbb;
}
.product_title {
	margin:8px 0 0 0;
	padding:0;
	width:184px;
	height:40px;
	font-size:11px;
	line-height:14px;
	color:#000;
}

.pdf {
	position:absolute;
	bottom:70px;
	right:21px;
	margin:0;
	padding:0;
	width:25px;
	height:25px;
}

#products .pdf {
	position:absolute;
	bottom:70px;
	right:21px;
	margin:0;
	padding:0;
	width:25px;
	height:25px;
}

.btnPdf
{
  display: block;
  width: 25px;
  height: 25px;
  background-image:url(images/pdf.jpg);
  background-repeat:no-repeat;
  float:left;
}

.btnPdf:hover
{ 
  background-position: 0 -25px;
}
.btnPdf span
{
  display: none;
}

/* ========================== SCHEDULING PAGE ================ */

#scheduling #body_content {
	postion:relative;
	min-height:100%;
	_height:100%;
	padding:0 19px 0 19px;
	overflow:hidden;
}

#schedule_text {
	margin:44px 0 0 145px;
	padding:0;
	width:600px;
	overflow:hidden;
}
#service_map {
	margin:20px 0 0 145px;
	padding:0;
	width:600px;
	height:280px;
}


/* ========================== SCHEDULING PAGE 2 - CLIENT LOGIN ================ */

#scheduling2 #navleft {
	position:absolute;
	top:173px;
	left:25px;
	margin:0;
	padding:0;
	width:189px;
}


#scheduling2 #body_content {
	postion:relative;
	min-height:100%;
	_height:100%;
	padding:0 19px 0 19px;
}

#schedule_text {
	margin:44px 0 0 145px;
	padding:0;
	width:600px;
	overflow:hidden;
}
#service_map {
	margin:20px 0 0 145px;
	padding:0;
	width:600px;
	height:280px;
}

/*#login_frame {
	margin:0 0 0 123px;
	padding:0;
	width:641px;
	height:650px;
	border:none;
	overflow:hidden;
}
*/
/* ========================== TRAINING PAGE ================ */

#training_text {
	margin:44px 0 0 145px;
	padding:0;
	width:600px;
	height:550px;
}
#text_top {
	margin:0;padding:0;
	overflow:hidden;
	width:600px;
}
#text_topleft{
	float:left;
	margin:0;padding:0 0 30px 0;
	width:300px;
	height:100%;
	overflow:hidden;
}
#text_topright{
	float:left;
	margin-left:15px;
	width:258px;
	height:236px;
	padding:8px;
	border:1px solid #bababa;
}

#training_text ul {
	font-size: 12px;
	color: #000;
	line-height: 18px;
}
#training_text li {
	padding-left:10px;
}
#text_bottom {
	clear:left;
	margin:0;padding:0;
	height:300px;
	width:600px;
}

#text_bottomleft{
	float:left;
	margin:0;padding:0;
	width:290px;
}
#text_bottomright{
	float:left;
	margin-left:25px;
	width:280px;
}
#text_bottomright ul {
	margin-right:30px;
}

/* ============================== OUR TEAM ======================== */

#team_text {
	margin:44px 0 0 145px;
	padding:0;
	width:600px;
	overflow:hidden;
}
#team_top {
	margin:0;padding:15px;
	width:573px;
	background-image:url(images/bg-team-top.jpg);
	background-repeat:repeat-x;
	overflow:hidden;
}

.border_box {
	padding:8px;
	border:1px solid #bababa;
	background-color:#fff;
}

#team ul {
	font-size: 12px;
	color: #000;
	line-height: 18px;
}
#team li {
	padding-left:10px;
}

#team_bottom {
	clear:left;
	margin-top:13px;padding:0;
	width:600px;
	overflow:hidden;
}

#team_bottomleft{
	float:left;
	margin-left:15px;padding-bottom:30px;
	width:260px;
	overflow:hidden;
}
#team_bottomright{
	float:left;
	margin-left:22px;padding-bottom:30px;
	width:260px;
	overflow:hidden;
} 

.pic_margins {
	margin:10px 0 20px 0;
}

#team_top p,h3 {
	margin-left:3px;
}

/* ===================================== Careers Page ============================ */
#careers_text {
	margin:44px 0 0 145px;
	padding:0 0 30px 0;
	width:490px;
	overflow:hidden;
}

/* ===================================== Contact Us Page ============================ */
#contact_top {
	margin-top:44px;
	margin-left:145px;
	}

#contact_text {
	float:left;
	margin:20px 0 0 145px;
	padding:0 0 30px 0;
	width:295px;
	overflow:hidden;
}
#contact_form {
	margin:44px 0 0 0;
}

#contact_form input {width:125px;}

#contact_form textarea {width:200px;}

#contact_map {
	margin:0;
	padding:8px;
	border:1px solid #bababa;
	width:260px;
	height:236px;
}


/* ===================================== Greenlight Page ============================ */
#bg_greenlight {
	position:absolute;
	top:140px;
	left:18px;
	width:764px;
	height:707px;
	background:url(images/bg-greenlight.jpg) no-repeat;
}

#greenlight_text {
	position:absolute;
	top:267px;
	left:192px;
	width:303px;
	height:455px;
	z-index:100;
	font-size:12px;
	line-height:21px;
}

#greenlight_image {
	position:absolute;
	top:209px;
	left:559px;
	width:190px;
	height:496px;
	z-index:200;
}

#greenlight_text h3 {
	color:#5ea736;
	font-size:17px;
	margin:0;padding:0;
}

#greenlight_text h2 {
	color:#5ea736;
	font-size:15px;
	margin:0;padding:0;
}

#greenlight_text h4 {
	color:#5ea736;
	font-size:15px;
	margin:0;padding:0;
}

#navleft_greenlight {
	position:absolute;
	top:582px;
	left:30px;
	margin:0;
	padding:0;
	width:106px;
}

#navleft_greenlight ul {
	margin:0;padding:0;
	list-style:none;
	font-family:Helvetica, Arial, Verdana;
	font-size:12px;
	color: #000;
	font-weight:bold;
}
#navleft_greenlight li {
	line-height:17px;
}

#navleft_greenlight a:link {
	color: #000000;
	text-decoration: underline;
	margin-left:5px;
}
#navleft_greenlight a:visited {
	text-decoration: underline;
	color: #000000;
	margin-left:5px;
}
#navleft_greenlight a:hover {
	text-decoration: underline;
	color: #5ea736;
	margin-left:5px;
}
#navleft_greenlight a:active {
	text-decoration: underline;
	color: #5ea736;
	margin-left:5px;
}

.green_left {
	color:#5ea736;
	font-size:14px;
	margin:0;padding:0;
}


/* ============ MAIN NAV BUTTONS ================================= */

#btnHome
{
  display: block;
  width: 795px;
  height: 130px;
  background-image:url(images/mobile-surgical-lasers-rentals.png);
  background-repeat:no-repeat;
  float:left;
}

#btnHome:hover
{ 
  background-position: 0 -139px;
}
#btnHome span
{
  display: none;
}
/*body#home #btnHome
{ 
  background-position: 0 -139px;
}*/

#btnRent
{
  display: block;
  width: 125px;
  height: 28px;
  background-image:url(images/rent-a-laser-button.gif);
  background-repeat:no-repeat;
  float:left;
}

#btnRent:hover
{ 
  background-position: 0 -28px;
}
#btnRent span
{
  display: none;
}
body#rent #btnRent
{ 
  background-position: 0 -28px;
}

#btnProducts
{
  display: block;
  width: 123px;
  height: 28px;
  background-image:url(images/mobile-surgical-products.gif);
  background-repeat:no-repeat;
  float:left;
}

#btnProducts:hover
{ 
  background-position: 0 -28px;
}
#btnProducts span
{
  display: none;
}
body#products #btnProducts
{ 
  background-position: 0 -28px;
}

#btnScheduling
{
  display: block;
  width: 119px;
  height: 28px;
  background-image:url(images/laser-scheduling.gif);
  background-repeat:no-repeat;
  float:left;
}

#btnScheduling:hover
{ 
  background-position: 0 -28px;
}
#btnScheduling span
{
  display: none;
}
body#scheduling #btnScheduling
{ 
  background-position: 0 -28px;
}