body, p, ul, li, label, input, h1, h2, h3, h4, h5 { margin: 0; padding:0;}

/*
html {height: 100%}
body {height: 100%}
#page {position: relative; min-height: 100%}
* html #page {height: 100%}
#insides {padding-bottom: 90px;}
#footer {position: relative; margin-top: -90px;}
*/

body{ font: normal 12px/18px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #666666;
	background: white;
	background: url(images/bottomwatermark.png) 0 bottom repeat-x;}

a img {
	border: none;
}

a {color: #FF6600;	text-decoration: none;}
a:hover {color: #FF6600;	text-decoration: underline;}
a:focus {
	outline: none;
}

div{overflow: hidden;}

h1{ font: bold 17px/25px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #74958C;}

#page{margin: 0 auto;}

.bot_padd{padding-bottom: 20px;}

/* HEADER */

#header{ background:url(images/logo.gif) center 30px no-repeat;}
#header .header_top { width: 920px; margin: 0 auto; padding: 25px 0 25px 0; }
#header h1{ height: 66px; width: 123px; float: left;}
#header h1 a{ height: 66px; width: 123px; display: block; text-indent: -9999px; }
#header .newsletter{ width: 380px; float: right; margin: 15px 35px 0 0;}
#header .newsletter label{ color: #90A596; font: normal 11px/18px Arial, Helvetica, sans-serif; padding-right: 15px; float:left;}
#header .newsletter .text{ border: solid 1px #CCCCCC; width: 200px; height: 20px; vertical-align:middle; margin-right: 5px; float:left;}
#header .newsletter .go{ background: url(images/go_bg.gif) no-repeat; width: 40px; height: 20px; border: none; vertical-align: middle; display:block; float: left;}
#header .newsletter .go input{background: none; display: block; padding: 2px 0 0 7px; border: none; font: normal 11px/18px Arial, Helvetica, sans-serif; color: #666;}

#header .topnav{ height: 35px; width: 920px; margin: 0 auto; padding-bottom: 25px; }
#header .topnav ul{ list-style: none;}
#header .topnav ul li{ float: left; display: inline;}
#header .topnav ul li a{display: block; color: #000000; height: 30px; text-indent: -9999px; float: left;}
#header .topnav ul li a.about-latitude{ background:url(images/nav.png) 0 0 no-repeat; width: 150px;}
#header .topnav ul li a.about-latitude:hover, #header .topnav ul li a.about-latitude.active{ background:url(images/nav.png) 0 -30px no-repeat; width: 150px;}
#header .topnav ul li a.news{ background:url(images/nav.png) -150px 0 no-repeat; width: 94px;}
#header .topnav ul li a.news:hover, #header .topnav ul li a.news.active{ background:url(images/nav.png) -150px -30px no-repeat; width: 94px;}
#header .topnav ul li a.our-collections{ background:url(images/nav.png) -243px 0 no-repeat; width: 161px;}
#header .topnav ul li a.our-collections:hover, #header .topnav ul li a.our-collections.active{ background:url(images/nav.png) -243px -30px no-repeat; width: 161px;}
#header .topnav ul li a.our-projects{ background:url(images/nav.png) -406px 0 no-repeat; width: 144px;}
#header .topnav ul li a.our-projects:hover, #header .topnav ul li a.our-projects.active{ background:url(images/nav.png) -406px -30px no-repeat; width: 144px;}
#header .topnav ul li a.distribution{ background:url(images/nav.png) -551px 0 no-repeat; width: 137px;}
#header .topnav ul li a.distribution:hover, #header .topnav ul li a.distribution.active{ background:url(images/nav.png) -551px -30px no-repeat; width: 137px;}
#header .topnav ul li a.press{ background:url(images/nav.png) -692px 0 no-repeat; width: 103px;}
#header .topnav ul li a.press:hover, #header .topnav ul li a.press.active{ background:url(images/nav.png) -692px -30px no-repeat; width: 103px;}
#header .topnav ul li a.contact-us{ background:url(images/nav.png) -789px 0 no-repeat; width: 109px;}
#header .topnav ul li a.contact-us:hover, #header .topnav ul li a.contact-us.active{ background:url(images/nav.png) -789px -30px no-repeat; width: 109px;}

/* CONTAINER */

#container{width: 920px; margin: 0 auto 18px auto; padding: 0; }
#container .top_img{ width: 453px; float:left; height: 468px; position: relative;}
#container .top_img.margin_r{margin-right: 6px;}
#container .top_img .description a {font: italic normal 11px/25px Georgia, "Times New Roman", Times, serif; text-decoration:none; color:#666666;}
#container .top_img .description a:hover{text-decoration: underline;}
#container .top_img .description h1{font: bold 17px/25px Arial, Helvetica, sans-serif; text-decoration: none; color: #74958C; float:left; margin-right: 4px; }
#container .top_img .icon{ position: absolute; bottom: 0; right: 15px; height: 67px; width: 100px; text-align: right;}

#container .bot_img, .bot_img div{ width: 291px; float:left; overflow: visible;}
#container .bot_img.margin_r{margin-right: 18px;}
#container .bot_img { position: relative;}
#container .bot_img span.new {position: absolute; top:0; right:0; height: 35px; width: 51px; background: url(images/new.png) no-repeat; display: block; text-indent: -9999px;}

#container .bot_img .description{ font: italic normal 11px/25px Georgia, "Times New Roman", Times, serif; padding: 15px 0 18px 58px; margin-top: 15px; }
#container .bot_img .description a{ font: italic normal 11px/25px Georgia, "Times New Roman", Times, serif; color:#666; text-decoration: none; white-space: nowrap;}
#container .bot_img .description a:hover{text-decoration: underline; }

#container .bot_img .description.song{ background: url(/assets/images/home images/icons/song-icon.png) no-repeat; }
#container .bot_img .description.ripple{ background: url(/assets/images/home images/icons/ripple-icon.gif) 10px 0px no-repeat; }

#container .bot_img .description h1{font: bold 17px/25px Arial, Helvetica, sans-serif; text-decoration: none; color: #74958C; float:left; margin-right: 4px; width: auto;}

#footer{ width: 912px; margin: 0 auto; padding: 50px 4px 20px 4px; color: white;}

/* LEFT COL NAVIGATION */

.left_col{ width: 119px; float: left;}
.left_col ul{ list-style: none;}
.left_col ul li{ display: block;}
.left_col ul li a{ font: bold 11px/30px Arial, Helvetica, sans-serif; color: #999; text-decoration: none; padding: 0 8px 0 10px; display:block;}
.left_col ul li a:hover{color: white; text-decoration: none; background: url(images/nav_bg1.png) no-repeat;}
.left_col ul li.active a{color: white; text-decoration: none; background: url(images/nav_bg1.png) no-repeat;}

/* ABOUT */

#about h1{font: 28px/40px Arial, Helvetica, sans-serif; text-decoration: none; color: #74958C; margin:0 4px 12px 0;}
#about .center_col{ float: left; width:350px; margin:0 35px 0 30px;}

/* NEWS */

#news h1{font:  28px/40px Arial, Helvetica, sans-serif; text-decoration: none; color: #74958C; margin:0 4px 12px 0; }

#news .left_col li {margin-right: 5px;}
#news .left_col li a:hover {color: white; text-decoration: none; background: url(images/nav_bg_press.png) no-repeat !important;}
#news .left_col li.active a {color: white; text-decoration: none; background: url(images/nav_bg_press.png) no-repeat !important;}

#news .center_col {width: auto; float: left; margin:5px 30px 0 0;}
#news .center_col ul li {padding-bottom: 10px;}
#news .center_col ul li a{ color: #666;}
#news .center_col ul li.active a{ color: #666;}

#news .right_col {width: 500px;}
#news .right_col img{margin-bottom: 20px;}
#news .right_col h2 {font: 16px Arial,Helvetica, sans-serif; color:#666;margin-bottom: 10px;}

	
/* PROJECTS */

#projects{ padding-bottom: 20px;}
#projects .left_col{ width: 119px; float: left;}
#projects .left_col ul{ list-style: none;}
#projects .left_col ul li{ display: block;}
#projects .left_col ul li a{ font: bold 11px/18px Arial, Helvetica, sans-serif; color: #999; text-decoration: none; padding: 4px 6px 8px 38px; display:block;}
#projects .left_col ul li a:hover, #projects .left_col ul li.active a{color: white; text-decoration: none; }

#projects .left_col ul li a.night-market:hover, #projects .left_col ul li a.latitude-design-studio:hover{background: url(images/nav_bg2.png) no-repeat;}
#projects .center_col{ width: 627px; float: left; overflow: hidden;}
#projects .center_col .detail_des{ font: italic normal 11px/18px Georgia, "Times New Roman", Times, serif; padding: 15px 0 0 0;}
#projects .center_col .detail_des h1{font: bold 28px/40px Arial, Helvetica, sans-serif; text-decoration: none; color: #74958C; float:left; margin-right: 4px; }
#projects .center_col .detail_des .detail{padding: 15px 0 0 0; }

#projects .center_col .img {display: block;}

#projects .center_col p{ padding-top: 0px;}

#projects .right_col{ width: 174px; float: left;}
#projects .right_col ul{ list-style: none; margin-left: 4px;}
#projects .right_col ul li{ float: left; height: 84px; width: 84px;}
#projects .right_col ul li a{ background: white; padding: 2px;  display:block;}
#projects .right_col ul li a:hover{ background: #D9E0DC;}


/* PRODUCT DETAIL */

#pro_detail{ padding-bottom: 20px;}
#pro_detail .left_col{ width: 119px; float: left;}
#pro_detail .left_col ul{ list-style: none;}
#pro_detail .left_col ul li{ display: block;}
#pro_detail .left_col ul li a{ font: bold 11px/18px Arial, Helvetica, sans-serif; color: #999; text-decoration: none; padding: 4px 0 8px 38px; display:block;}
#pro_detail .left_col ul li a:hover{color: white; text-decoration: none; }
#pro_detail .left_col ul li.active a{color: white; text-decoration: none; }

#pro_detail .left_col ul li a.the-night-market:hover{background: url(images/nav_bg2.png) no-repeat;}

#pro_detail .center_col{ width: 627px; float: left; overflow: hidden;}
#pro_detail .center_col .detail_des{ font: italic normal 11px/18px Georgia, "Times New Roman", Times, serif; padding: 15px 0 0 0;}
#pro_detail .center_col .detail_des h1{font: bold 28px/40px Arial, Helvetica, sans-serif; text-decoration: none; color: #74958C; float:left; margin-right: 4px; }
#pro_detail .center_col .detail_des .detail{padding: 15px 0 0 0; }

#pro_detail .center_col .img {display: block;}

#pro_detail .center_col p{ padding-top: 0px;}

#pro_detail .right_col{ width: 174px; float: left;}
#pro_detail .right_col ul{ list-style: none; margin-left: 4px;}
#pro_detail .right_col ul li{ float: left; height: 84px; width: 84px;}
#pro_detail .right_col ul li a{ background: white; padding: 2px;  display:block;}
#pro_detail .right_col ul li a:hover{ background: #D9E0DC;}

#pro_detail .center_col #2 {display: none;}
#pro_detail .center_col #3 {display: none;}
#pro_detail .center_col #4 {display: none;}
#pro_detail .center_col #5 {display: none;}


.parent_52 #pro_detail .left_col ul li a{padding: 4px 0 8px 12px; display:block;}

/* DISTRIBUTION */

#distribution h1{font: 28px/40px Arial, Helvetica, sans-serif; text-decoration: none; color: #74958C; margin:0 4px 12px 0; }

#distribution .right_col{ float: left;
	width:787px;
	margin-left: 8px;}
	
#distribution .right_col .shop{ width: 280px;
	float: left;
	margin-left: 30px;
	padding-bottom: 35px;
	font: normal 11px/18px Arial, Helvetica, sans-serif;}
#distribution .right_col .shop h3{font: bold 11px/18px Arial, Helvetica, sans-serif;
	color: #333333;}
#distribution .right_col .shop span{display: block;}
#distribution .right_col .shop_0 {
	clear: left;
}
/* PRESS */

#press h1{font:  28px/40px Arial, Helvetica, sans-serif; text-decoration: none; color: #74958C; margin:0 4px 12px 0; }

#press .left_col li {margin-right: 5px;}
#press .left_col li a:hover {color: white; text-decoration: none; background: url(images/nav_bg_press.png) no-repeat !important;}
#press .left_col li.active a {color: white; text-decoration: none; background: url(images/nav_bg_press.png) no-repeat !important;}

#press .center_col {width: 270px; float: left; margin:5px 30px 0 0;}
#press .center_col ul li {padding-bottom: 10px;}
#press .center_col ul li a{ color: #666;}
#press .center_col ul li.active a{ color: #666;}

#press .right_col {width: 500px;}
#press .right_col img{margin-bottom: 20px;}
#press .right_col h2 {font: 16px Arial,Helvetica, sans-serif; color:#666;margin-bottom: 10px;}

/* CONTACT US */

#contact h1 {font:  28px/40px Arial, Helvetica, sans-serif; text-decoration: none; color: #74958C; margin-right: 4px;}
#contact .content {margin-top: 15px;}

#contact .content p {
	width: 500px;
}

iframe {height: 380px;}

/* under construction */

#uc {
	margin: 90px 105px;
}

#pro_detail .center_col .loading, #projects .center_col .loading {
	text-align: center;
	padding: 196px 0;
	display: block;
}



a#butter_icon {
background:url("images/credits_icon_B.png") no-repeat scroll left top transparent;
display:block;
height:16px;
text-indent:-9999px;
width:147px;
float: right;
}

a#butter_icon:hover {
background:url("images/credits_icon_B.png") no-repeat scroll left bottom transparent;

}