/********************
 *  basic css
 * 
 ********************/
 
 /* hide from ie on mac \*/
html {
	font-size: small;
	font-family: Georgia, "Times New Roman", Times, serif;
}
	
body{
	margin: 0; padding: 0;
	background: #C1DFE8;
	color: #5F604B;
}

.hr{
	height:  1px;
	background: #aaaa9d;
	margin: 0 0 1.4em 0;
}
 
.hr hr{
	display: none;
}

a:link, a:active, a:visited{
	text-decoration: none;
	background: transparent url(/images/link.gif) bottom left repeat-x;
	padding-bottom: 2px;
	color:  #00a4e4;
}

a:hover{
	color: #E0410A;
	text-decoration: none;
	background: transparent;
	padding-bottom: 2px;
}

.logo a:link, .logo a:active, .logo a:visited, .logo a:hover{
	background: transparent;
}

a.image:link, a.image:active, a.image:hover, a.image:visited{
	background: transparent;
}

a.product:link, a.product:active, a.product:visited{
	background: transparent;
}

img{
	border: 0;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.left_column p img {
	margin: 0 20px 0 0; padding: 0;
	float:  left;
}

.left_column p img.last {
	margin: 0;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

#header_image {
	
	width: 695px;
	height: 207px;
	position: relative;
	top: 115px;
}

p {
	margin-bottom: 10px;
	clear: both;
}

p.lastone img {
	margin-right: 20px !important;
}
/********************
 *  header bg's
 * 
 ********************/
 
 .home_headerBg{
	background-image: url(/images/home_textheader_bg.gif);
	background-repeat: repeat-x;
}

.about_headerBg{
	background-image: url(/images/about_textheader_bg.gif);
	background-repeat: repeat-x;
}

.products_headerBg{
	background-image: url(/images/products_textheader_bg.gif);
	background-repeat: repeat-x;
}

.loc_headerBg{
	background-image: url(/images/loc_textheader_bg.gif);
	background-repeat: repeat-x;
}

h5{
	color: white;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:  0.8em;
	font-weight: lighter;
	line-height: 1.8em;
	margin: 1em 0 3em 0;
}

/********************
 *  paragraphs
 * 
 ********************/
 
 .navy{
	color: #172F49;
}

.wide{
	width:  75%;
}

.medium{
	width:  50%;
}

.dot{
	background: url(/images/dot.gif) 0 50% no-repeat;
	margin-left: -15px; padding-left:  15px;
}

/********************
 *  hr's
 * 
 ********************/

.home_hr{
	background: #40b8f5;
}

.about_hr{
	background: #bed1c5;
}

.products_hr{
	background: #adddf5;
}

.loc_hr{
	background: #80d4d6;
}



/********************
 *  images
 * 
 ********************/
 
 #image_container{
	position:  absolute;
	left: 340px; top: -130px;
	width:  310px; height: 320px;
}


/********************
 *  body bgs
 * 
 ********************/

.home_bg{
	background: #00a3e4;
}

.about_bg{
	background: #A8C1B2;
}

.product_bg{
	background: #92D1F2;
}

.loc_bg{
	background: #00A9AC;;
}



 
 
 
/********************
 *  framework containers
 * 
 ********************/

.container{
	width: 753px; 
	position: relative;
	margin: 0 auto 0 auto;
}
 
#header{
	background: url(/images/header_bg_body.gif) top left repeat-x;
	width: 753px; height:  322px;
	position: relative;
	margin: 0 auto 0 auto;
}

#header .wrapper{
	width: 695px;
	position: relative;
	margin: 0 0 0 30px;
}

#header h1{
	position:  absolute;
	left:  0px; top:  17px; 
}

#header h1 a:link, #header h1 a:active, #header h1 a:visited, #header h1 a:hover{
	display: block;
	width: 125px;
	height: 78px;
	background: url(/images/sofrimar.gif) no-repeat;
	text-indent:-9999px;
}

#header_flash{
	width: 695px; height: 207px;
	background: #FFFFFF;
}


#gallery_container{
	width: 420px;
	height:  296px;
	padding:  1.5em 0 1.5em 0;
}

.body_content{
	width: 753px; 
	background: #F2F2F0 url(/images/body_bg.gif) top left repeat-y;
	padding: 30px 0 0 0;
}

.footer{
	padding: 1.4em 0 30px 0;
}

.body_content .left_column{
	width: 498px; float: left;
}

.body_content .right_column{
	width: 255px; float: left;
}

.body_content .left_column .wrapper, .body_content .right_column .wrapper{
	margin: 0 30px 0 30px; padding: 0;
} 



/********************
 *  image css
 * 
 ********************/
 
#header #header_flash{
	position:  absolute;
	left:  0; top:  115px;
	width:  695px; height: 207px;
	background: #00A4E4;
}

#header .header_image{
	position:  absolute;
	left:  0; top:  115px;
}

.float_right{
	float:  right;
	margin: 1.4em 0 1.4em 1.4em;
}

.flag{
	float: right;
	background:  white;
	padding:  2px;
	margin: 0 0 0 10px;
}

ul.body_images, ul.body_images_small{
	margin:  1.4em 0 1.4em 0;
	width:  418px;
	padding:  0;
	line-height: 1.4em;
	list-style: none;
}

ul.body_images li{
	margin: 0 20px 0 0; padding: 0;
	float:  left;
}

ul.body_images li.small{
	margin: 0 10px 0 0; padding: 0;
	float:  left;
}

ul.body_images li.small_end{
	margin: 0; padding: 0;
	float:  left;
}

ul.body_images li.end{
	margin-right: 0; padding: 0;
	float:  left;
}

ul.body_images li a:link, ul.body_images li a:active, ul.body_images li a:visited, ul.body_images li a:hover{
	background:  none;
}

ul.body_images_vert{
	margin:  0 20px 1.4em 1.4em;
	padding:  0;
	float:  right;
	width:  126px;
	line-height: 1.4em;
	list-style: none;
}

ul.body_images_vert li{
	margin: 0 0 1.4em 0; padding: 0;
}

ul.body_images_vert li a:link, ul.body_images_vert li a:active, ul.body_images_vert li a:visited, ul.body_images_vert li a:hover{
	background:  none;
}

.staff{
	float:  left;
	margin:  0 1.4em 0 0;
}
/********************
 *  menu * 
 ********************/

.menu{
	margin: 0 40px 0 10px;
	padding:  0;
}

.menu td{
	vertical-align: top;
	padding-bottom: 1.5em;
}

.menu thead{
	text-transform: Uppercase;
}

.menu td.menu_no{
	width: 30px;
	padding-right: 0px;
}

.menu td.description{
	width: 280px;
	padding-right: 10px;
}

.menu td.quantity{
	width: 50px;
	text-align: right;
}

.menu td.price{
	width: 50px;
	text-align: right;
}
/********************
 *  navigation styles
 * 
 ********************/

#nav {
	float: right;
	width: 500px;
	
}

#nav ul {
	position: absolute;
	margin:  0; padding:  0;
	right: 0; top:  0;
}

#nav ul li{
	float: left;
	margin:  0 0 0 10px;
	padding:  0;
	font-size: 12px !important;
}

#nav ul li a {
	float: left;
	padding: 24px 6px 8px 6px;
	/*overflow: hidden;*/
	/*height: 0px !important; 
	height /**!/:49px; /* for IE5/Win only *!/*/
	background: #F5F5F3 /*url(/images/nav_about.gif) top left no-repeat*/;
	color: #00A4E4;
	
}

#nav ul a:hover, #nav ul a.current {
	background: #DC6334;
	color: #fff;
}

#home a{
	background: url(/images/nav_home.gif) top left no-repeat;
	width: 50px;
}

#home_active a{
	background: url(/images/nav_home_active.gif) top left no-repeat;
	width: 50px;
}

#about a{
	background: url(/images/nav_about.gif) top left no-repeat;
	width: 55px;
}

#about_active a{
	background: url(/images/nav_about_active.gif) top left no-repeat;
	width: 55px;
}

#products a{
	background: url(/images/nav_products.gif) top left no-repeat;
	width: 72px;
}

#products_active a{
	background: url(/images/nav_products_active.gif) top left no-repeat;
	width: 72px;
}

#loc a{
	background: url(/images/nav_loc.gif) top left no-repeat;
	width: 68px;
}

#loc_active a{
	background: url(/images/nav_loc_active.gif) top left no-repeat;
	width: 68px;
}

#contact a{
	background: url(/images/nav_contact.gif) top left no-repeat;
	width: 55px;
}

#contact_active a{
	background: url(/images/nav_contact_active.gif) top left no-repeat;
	width: 55px;
}

/* Flag Navigation */

ul#flags{
	position: absolute;
	margin:  0; padding:  0;
	right: 0; top:  78px;
}

ul#flags li{
	display: inline;
	margin:  0;
	padding:  0;
}

ul#flags li a {
	float: left;
	padding: 19px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:19px; /* for IE5/Win only */
}

ul#flags a:hover {
/*	background-position: 0 -19px;*/
}

#french a{
	background: url(/images/flag_french.gif) top left no-repeat;
	width: 34px;
}

#german a{
	background: url(/images/flag_german.gif) top left no-repeat;
	width: 34px;
}

#italian a{
	background: url(/images/flag_italian.gif) top left no-repeat;
	width: 34px;
}

#spanish a{
	background: url(/images/flag_spanish.gif) top left no-repeat;
	width: 34px;
}

#swedish a{
	background: url(/images/flag_swedish.gif) top left no-repeat;
	width: 29px;
}

#korean a{
	background: url(/images/flag_korea.gif) top left no-repeat;
	width: 29px;
	height: 15px;
	margin: 2px 0 0 5px;
}

#portugese a{
	background: url(/images/flag_portugal.gif) top left no-repeat;
	width: 29px;
	margin: 2px 0 0 3px;
}

#china a{
	background: url(/images/flag_china.gif) top left no-repeat;
	width: 29px;
	margin: 2px 0 0 3px;
}

/********************
 *  nav
 * 
 ********************/
#nav ul{
	padding-left: 0;
	margin-left: 0px;
	/*width: 630px;*/
	background: white;
	color: White;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

#nav ul li { 
	display: inline; 
	font-size:  0.9em;
	text-transform: uppercase;
}

/* home link styles*/

#nav ul li a.home:link{
	background-color: white;
	color: #00a3e4;
	text-decoration: none;
	padding: 0.5em;
	float: right;
}

#nav ul li a.home:active{
	background-color: white;
	color: #00a3e4;
	padding: 0.5em;
	float: right;
}

#nav ul li a.home:visited{
	background-color: white;
	color: #00a3e4;
	padding: 0.5em;
	float: right;
}

#nav ul li a.home:hover{
	background-color: #00a3e4;
	color: #fff;
	padding: 0.5em;
	float: right;
}

#nav ul li a.home_active:link{
	padding: 0.5em;
	background-color: #00a3e4;
	color: #fff;
	text-decoration: none;
	float: right;
}

#nav ul li a.home_active:active{
	background-color: #00a3e4;
	color: #fff;
	padding: 0.5em;
	float: right;
}

#nav ul li a.home_active:visited{
	background-color: #00a3e4;
	color: #fff;
	padding: 0.5em;
	float: right;
}

#nav ul li a.home_active:hover{
	background-color: #00a3e4;
	color: #fff;
	padding: 0.5em;
	float: right;
}

/* about link styles */

#nav ul li a.about:link{
	background-color: white;
	color: #00a3e4;
	text-decoration: none;
	padding: 0.5em;
	float: right;
}

#nav ul li a.about:active{
	background-color: white;
	color: #00a3e4;
	padding: 0.5em;
	float: right;
}

#nav ul li a.about:visited{
	background-color: white;
	color: #00a3e4;
	padding: 0.5em;
	float: right;
}

#nav ul li a.about:hover{
	background-color: #A8C1B2;
	color: #fff;
	padding: 0.5em;
	float: right;
}

#nav ul li a.about_active:link{
	background-color: #A8C1B2;
	color: white;
	text-decoration: none;
	padding: 0.5em;
	float: right;
}

#nav ul li a.about_active:active{
	background-color: #A8C1B2;
	color: white;
	padding: 0.5em;
	float: right;
}

#nav ul li a.about_active:visited{
	background-color: #A8C1B2;
	color: white;
	padding: 0.5em;
	float: right;
}

#nav ul li a.about_active:hover{
	background-color: #A8C1B2;
	color: white;
	padding: 0.5em;
	float: right;
}

/* product link styles */

#nav ul li a.product:link{
	background-color: white;
	color: #00a3e4;
	text-decoration: none;
	padding: 0.5em;
	float: right;
}

#nav ul li a.product:active{
	background-color: white;
	color: #00a3e4;
	padding: 0.5em;
	float: right;
}

#nav ul li a.product:visited{
	background-color: white;
	color: #00a3e4;
	padding: 0.5em;
	float: right;
}

#nav ul li a.product:hover{
	background-color:#92D1F2;
	color: #fff;
	padding: 0.5em;
	float: right;
}

#nav ul li a.product_active:link{
	background-color: #92D1F2;
	color: white;
	text-decoration: none;
	padding: 0.5em;
	float: right;
}

#nav ul li a.product_active:active{
	background-color: #92D1F2;
	color: white;
	padding: 0.5em;
	float: right;
}

#nav ul li a.product_active:visited{
	background-color:#92D1F2;
	color: white;
	padding: 0.5em;
	float: right;
}

#nav ul li a.product_active:hover{
	background-color: #92D1F2;
	color: white;
	padding: 0.5em;
	float: right;
}


/* location link styles */

#nav ul li a.loc:link{
	background-color: white;
	color: #00a3e4;
	text-decoration: none;
	padding: 0.5em;
	float: right;
}

#nav ul li a.loc:active{
	background-color: white;
	color: #00a3e4;
	padding: 0.5em;
	float: right;
}

#nav ul li a.loc:visited{
	background-color: white;
	color: #00a3e4;
	padding: 0.5em;
	float: right;
}
#nav ul li a.loc:hover{
	background-color:#00A9AC;
	color: #fff;
	padding: 0.5em;
	float: right;
}

#nav ul li a.loc_active:link{
	background-color: #00A9AC;
	color: white;
	text-decoration: none;
	padding: 0.5em;
	float: right;
}

#nav ul li a.loc_active:active{
	background-color: #00A9AC;
	color: white;
	padding: 0.5em;
	float: right;
}

#nav ul li a.loc_active:visited{
	background-color:#00A9AC;
	color: white;
	padding: 0.5em;
	float: right;
}

#nav ul li a.loc_active:hover{
	background-color: #00A9AC;
	color: white;
	padding: 0.5em;
	float: right;
}


 
 
 
 /********************/
/********************
 *  text css
 * 
 ********************/

.products_table_holder{
	width: 753px; 
	background: white;
	padding: 0.7em 0 1.4em 0;
}

.products_table{
	width: 693px; 
	font-size: 0.85em;
	line-height: 1.4em;
	margin: 0 30px 0 30px;
}

.products_table thead td{
	font-style:  italic;
	text-align: center;
	padding-bottom: 0.7em;
}

.products_table td.format{
	width: 73px;
	background: white;
}

.products_table td.check{
	text-align: center;
	padding: 2px;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	color: red;
}

.products_table td.check_end{
	text-align: center;
	padding: 2px;
	border-bottom: 1px solid #CCCCCC;
	border-right: 0;
	color: red;
}
 
.products_table td.product{
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	line-height: 1.4em;
	text-transform: capitalize;
	padding: 2px;
	background: white;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

.products_table tr.end td{
	border-bottom: 0;
}

/********************
 *  secondary nav styles
 * 	text replaced by bg image
 
 ********************/

#secondary_nav{
	margin: 0 0 1.4em 0; padding: 0;
	width: 194px;
}

#secondary_nav ul{
   margin: 0; padding: 0;
   width: 194px;
   list-style: none;
}

#secondary_nav ul li{
	margin: 0; padding: 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

#secondary_nav ul li a {
	/*float: left;*/
	width: 194px;
	padding: 10px 0 10px 0;/*
	overflow: hidden;
	height: 0px !important; */
	/*height /**!/:34px; /* for IE5/Win only *!/*/
	cursor: pointer;
	display: block;
	border-bottom: 1px solid #ccc;
	background: none !important;
	font-size: 16px;
}
	
#secondary_nav a:hover {
	background-position: 0 -34px;
	}

/*Contact*/

#contact_landing a{
	background: url(../images/contact.gif) top left no-repeat;
}

#contact_landing_current a{
	background: url(../images/contact_current.gif) top left no-repeat;
}

/*Gallery*/

#gallery_landing a{
	background: url(../images/gallery.gif) top left no-repeat;
}

#gallery_landing_current a{
	background: url(../images/gallery_current.gif) top left no-repeat;
}

/*Location*/

#location_landing a{
	background: url(../images/location_our.gif) top left no-repeat;
}

#location_landing_current a{
	background: url(../images/location_our_current.gif) top left no-repeat;
}

#location_map a{
	background: url(../images/location_map.gif) top left no-repeat;
}

#location_map_current a{
	background: url(../images/location_map_current.gif) top left no-repeat;
}


/*Products*/
	
#products_landing a{
	background: url(../images/products_landing.gif) top left no-repeat;
}

#products_landing_current a{
	background: url(../images/products_landing_current.gif) top left no-repeat;
}

#products_list a{
	background: url(../images/products_list.gif) top left no-repeat;
}

#products_list_current a{
	background: url(../images/products_list_current.gif) top left no-repeat;
}

/*About*/

#about_profile a{
	background: url(../images/about_profile.gif) top left no-repeat;
}

#about_profile_current a{
	background: url(../images/about_profile_current.gif) top left no-repeat;
}

#about_facilities a{
	background: url(../images/about_facilities.gif) top left no-repeat;
}

#about_facilities_current a{
	background: url(../images/about_facilities_current.gif) top left no-repeat;
}
	
#about_people a{
	background: url(../images/about_people.gif) top left no-repeat;
}

#about_people_current a{
	background: url(../images/about_people_current.gif) top left no-repeat;
}

#about_history a{
	background: url(../images/about_history.gif) top left no-repeat;
}

#about_history_current a{
	background: url(../images/about_history_current.gif) top left no-repeat;
}

/*Welcome*/

#welcome_spanish a{
	background: url(../images/welcome_spanish.gif) top left no-repeat;
}

#welcome_italian a{
	background: url(../images/welcome_italian.gif) top left no-repeat;
}
	
#welcome_french a{
	background: url(../images/welcome_french.gif) top left no-repeat;
}

/********************
 *  text css
 * 
 ********************/

h1, h2, h3{
	margin:  0;
	line-height: 1.4em;
	font-size: 1.2em;
	font-weight:  lighter;
	text-transform: Uppercase;
}

h4{
	margin: 1.4em 0 0 0;
	line-height: 1.4em;
	font-weight:  lighter;
	text-transform: Uppercase;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

p{
	margin:  1.4em 0 1.4em 0;
	line-height: 1.4em;
	font-size: 0.85em;
}
 
.footer p{
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 0.8em;
	line-height: 1.4em;
}

.lang_header{
	text-transform: Uppercase;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	line-height: 1.4em;
	font-size: 1.2em;
	font-weight:  lighter;
	color:  #E0410A;
	margin: 0 0 1.4em 0;
}

/* font-size: 0.85em; */

.lighter_text{
	color:  #999999;
}

.red_text{
	color:  #E0410A;
}

ul {
	margin:  1.4em 0 1.4em 0;
	padding:  0;
	line-height: 1.4em;
	font-size: 0.85em;
	list-style-image: url(/images/circle.gif);
}

ul li{
	margin:  0 0 10px 0; padding: 0;
}

ul p{
	font-size:  100%;
}

ul.people{
	margin:  2.8em 0 1.4em 0;
}

ul.people li, ul.facilities li, ul.products li, ul.location li, ul#LANG li, ul.rightcol li{
	margin:  0 0 1.4em 0; padding: 0;
}

ul.people li strong, ul.facilities li strong, ul.products li strong, ul.location li strong{
	color:  #E0410A;
}

.staff_bio {
	width:  438px;
}

.staff_bio strong{
	color:  #E0410A;
}