/*-----------------------------------------------------------------------------
author:    I-iN-Studio
email:     info@i-in-studio.com
website:   http://www.i-in-studio.com/
-----------------------------------------------------------------------------*/
/* 
-----------------------------------------------------------------------------*/
* {
    margin: 0;
	padding: 0;
}
p, form, fieldset, h1, h2, h3, h4, h5, h6, pre, blockquote {
    margin: 0.8em 0;
}
img {
	border: 0;
	vertical-align: top;
}
/* [ Typography ]
-----------------------------------------------------------------------------*/
body {
    font-family: Verdana, sans-serif;
    font-size: 12px;
    line-height: 150%;
    color: #555;
}
/* [ Headings ]
-----------------------------------------------------------------------------*/
h1 { font-size: 1.7em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }

h1,h2,h3,h4,h5,h6 {
    color: #000;	
}
/* [ Links ]
-----------------------------------------------------------------------------*/
a {
    text-decoration: underline;
    color: #2b94e2;	
}

a:hover {
    text-decoration: none;
}
/* [ Strongs ]
-----------------------------------------------------------------------------*/
strong {
    color: #000;	
}

/* [ Lists ]
-----------------------------------------------------------------------------*/
ul { 
	list-style-position: inside;
	padding-left: 1.4em; 
}
/* [ Clear ]
-----------------------------------------------------------------------------*/
.Clear {
    clear: both;	
}
/* => Wrapper
-----------------------------------------------------------------------------*/
#Wrapper {
	position: relative;
    width: 966px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
}
/* => Header
-----------------------------------------------------------------------------*/
#Header {
	z-index: 10;
}

/* => Header ( Menu )
-----------------------------------------------------------------------------*/
#Header .Menu {
	position: relative;	
	height: 35px;
	overflow: hidden;
	padding-left: 225px;
    background: url(../images/header_top.jpg) 200px top no-repeat;     
}
#Header .Menu a {
	float: left;
	display: block;
	margin: 10px 12px 0px 0px;
	padding: 0px 15px 0px 0px;
	border-right: dotted 1px #fff;
	color: #fff;
	text-decoration: none;
	white-space: nowrap;
}
#Header .Menu a.Last {
	border-right: 0px;	
}
#Header .Menu a:hover {
	text-decoration: underline;	
}
#Header .Menu a.Main {
	position: absolute;
	left: 45px;
	border-right: none;
	padding-left: 18px;
    background: url(../images/ico_home.gif) left 50% no-repeat; 
    color: #2d190e;
	text-decoration: underline;	
}
#Header .Menu a.Main:hover {
	text-decoration: none;	
}

/* => Header ( Presentation )
-----------------------------------------------------------------------------*/
#Header .Presentation {
	position: relative;	
	z-index: 100;
	height: 202px;
    background: url(../images/header_bottom.jpg) left top no-repeat; 	
}
#Header .Presentation .Logo {
	z-index: 1000;
	position: absolute;
	top: 26px;
	left: 42px;	
}
#Header .Presentation .Logo a {
	display: block;
	height: 152px;
	width: 87px;
	color: #000;
}
#Header .Presentation .Phones {
	position: absolute;
	top: 42px;
	left: 225px;
	font-size: 21px;
	font-weight: bold;	 
	color: #000;	
}
#Header .Presentation .Phones span {
	display: block;
	font-size: 18px;
}
#Header .Presentation .Email {
	position: absolute;
	z-index: 1000;
	top: 130px;
	left: 665px;	
}
#Header .Presentation .Email a {
	text-decoration: none;
    font-weight: bold;
    color: #634123;
}
#Header .Presentation .Heading { 
	position: absolute;
	z-index: 1000;
	bottom: -18px;
	left: 255px;
	width: 563px;
	height: 72px;	
    background: url(../images/heading.png) left top no-repeat; 	
}
/* => Content >> List :: Table :: Item :: Section :: Article
-----------------------------------------------------------------------------*/
#Content {
	position: relative;
	margin-left: 193px;
	/*min-height: 300px; TEMP? */
}
#Content .Box {
	margin-left: 8px;
	padding: 17px 0px 1px 17px;	
	/*background: url(../images/spread.jpg) left top repeat-y;*/
	border-left: dashed 1px #ddd; 
}
#Content .Navigation {
	color: #aaa;
	font-size: 0.9em;
	background-color: #fbfbfb;
	border: solid 1px #eee;
	padding: 7px;
	margin-right: 13px;
	margin-bottom: 12px;
}
#Content .Navigation a {
	/*color: #80cc3d;*/
	color: #777;
	text-decoration: underline; 
}
#Content .Navigation a:hover {
	text-decoration: none; 
}
/* => Content :: Home
-----------------------------------------------------------------------------*/
#Content .Home {
	height: 362px;
	width: 706px;
	overflow: hidden;
	margin-left: 8px;
    background: url(../images/content_home.jpg) left top no-repeat; 
}
/* => Content :: List
-----------------------------------------------------------------------------*/
#Content .List .Box .Listing .Element {
	position: relative;
	display: block;
	width: 650px; /* for IE6 */
	overflow: hidden;	
	margin-top: 15px;
    text-decoration: none;
    outline: none;
} 
    
#Content .List .Box .Listing .Element .Title {
	padding-bottom: 10px;
	border-bottom: solid 1px #eee;
	font-size: 1.4em;
	font-weight: bold;
	color: #000;
}
#Content .List .Box .Listing .Element .Title a {
	text-decoration: none;
	color: #000;
}
#Content .List .Box .Listing .Element .Title a:hover {
	text-decoration: underline;
}
#Content .List .Box .Listing .Element .Photo {
    float: left;
    height: 200px;
    width: 150px;
    overflow: hidden;
    padding-top: 10px;
}
#Content .List .Box .Listing .Element .Text {
    float: left;
    width: 500px;
    padding: 10px 0px;
}
#Content .List .Box .Listing .Element .Text a {
    color: #333;	
}
#Content .List .Box .Listing .Element .Flip {
    float: left;
    width: 500px;
}
#Content .List .Box .Listing .Element .Flip a {
    display: none;
}
#Content .List .Box .Listing .Element .Flip a.Selected {
    display: inline;
}
#Content .List .Box .Listing .Element .Flip p {
	padding: 10px 0px;
    background-color: #fafafa;
    color: #aaa;
}
#Content .List .Box .Listing .Element .Flip span {
	display: none;	
}
#Content .List .Box .Listing .Element .Flip span.Selected {
	display: inline;	
}
    
#Content .List .Box .Listing .Element .Price {
	position: absolute;
	top: 3px;
	right: 0px;
}
/* => Content :: Table
-----------------------------------------------------------------------------*/
#Content .Table .Box .Listing {
    margin-top: 15px;	
}
#Content .Table .Box th,
#Content .Table .Box td {
	padding: 5px 2px;
	border: solid 1px #eee;
	text-align: center;
	color: #000;
}
#Content .Table .Box th {
	padding: 10px;	
	background-color: #fafafa;
	border: solid 1px #ddd;
}
#Content .Table .Box td a {
	color: #555;
}
/* => Content :: Photo
-----------------------------------------------------------------------------*/
#Content .Photo .Box .Listing .Element {
    border-top: solid 1px #eee;	
    margin-top: 15px;
    padding-bottom: 10px;
    width: 400px;
    overflow: hidden;
}
/* => Content :: Item
-----------------------------------------------------------------------------*/
#Content .Item .Box .Heading {
	position: relative;
	width: 706px; /* for IE6 */
	overflow: hidden;	
}
#Content .Item .Box .Heading .Navigation {
	margin-bottom: 0px;	
}
#Content .Item .Box .Heading .Photo {
    float: left;
    height: 200px;
    width: 150px;
    overflow: hidden;
    padding-top: 10px;
}
#Content .Item .Box .Heading .Photo a {
	display: none;
	color: #333;
}
#Content .Item .Box .Heading .Photo a.Selected {
	display: inline;
}
#Content .Item .Box .Heading .Photo img.Ready {
    cursor: url(../images/loupe.png) 22 22, pointer; 
}
#Content .Item .Box .Heading .Gallery {
    float: left;
    width: 500px;	
    padding-left: 25px;
    border-left: solid 1px #eee;
}
#Content .Item .Box .Heading .Gallery h2 {
	margin-bottom: 0px;
}
#Content .Item .Box .Heading .Gallery .Photos a {
    display: block;
    float: left;
    outline: none;
    border: dashed 1px #ccc;
    padding: 10px;
    margin-right: 10px;
    margin-top: 10px;
}
#Content .Item .Box .Flip {
    display: block;
    float: left;
    width: 475px;
    padding-top: 10px;
    padding-left: 25px;
    border-left: solid 1px #eee;
}
#Content .Item .Box .Heading .Flip a {
    display: none;	
}
#Content .Item .Box .Heading .Flip a.Selected {
    display: inline;
}
#Content .Item .Box .Heading .Flip p {
	padding: 10px 0px;
    background-color: #fafafa;
    margin-bottom: 0px;
    color: #aaa;
}
#Content .Item .Box .Heading .Flip span {
	display: none;	
}
#Content .Item .Box .Heading .Flip span.Selected {
	display: inline;	
}
#Content .Item .Box .Heading .Price {
    position: absolute;
    right: 15px;	
    top: 25px;
    font-weight: bold;
}
#Content .Item .Box .Text {
    margin: 10px 0px;
    padding: 0px 10px 0px 0px;
}
#Content .Item .Box th,
#Content .Item .Box td {
	padding: 5px 2px;
	border: solid 1px #eee;
	text-align: center;
    color: #000;
}
#Content .Item .Box th {
	padding: 10px;	
	color: #000;
	background-color: #fafafa;
	border: solid 1px #ddd;
}
/* => Content :: Section
-----------------------------------------------------------------------------*/
#Content .Section .Box .Element {
    border-top: dashed 1px #ddd;
    margin-top: 20px;	
}
#Content .Section .Box .Element a {
	color: #000;
	font-weight: bold;	
	text-decoration: none;
	font-size: 0.90em;	
}
#Content .Section .Box .Element a:hover {
    text-decoration: underline;	
}
#Content .Section .Box .Element h2 a {
	text-decoration: none;
	font-size: 1em;	
}
#Content .Section .Box .Element .Date {
	font-size: 0.85em;
	color: #aaa;
}
/* => Content :: Article
-----------------------------------------------------------------------------*/
#Content .Article .Box .Date {
	font-size: 0.85em;
	color: #aaa;
}
/* => Text
-----------------------------------------------------------------------------*/
#Text {
	margin-left: 193px;
	width: 712px;
}
#Text .Box {	
	margin-left: 8px;
	padding: 1px 0px 0px 17px;	
	/*background: url(../images/spread.jpg) left top repeat-y;*/
	border-left: dashed 1px #ddd;   
}
#Text .Home .Box {	
	padding: 5px 0px 0px 17px;	
}
#Text .Box th,
#Text .Box td {
	padding: 5px 2px;
	border: solid 1px #eee;
	text-align: center;
    color: #000;
}
#Text .Box th {
	padding: 10px;	
	color: #000;
	background-color: #fafafa;
	border: solid 1px #ddd;
}
/* => Menu 
-----------------------------------------------------------------------------*/
#Menu {
	position: absolute;
    top: 250px;
    left: 50px;
	width: 164px;
}
/* => Menu ( Mainmenu )
-----------------------------------------------------------------------------*/
#Menu .Mainmenu {
	margin-left: 20px;
}
#Menu .Mainmenu a {
    display: block;
	font-size: 20px;
	font-weight: bold;
    line-height: 200%;	
    text-decoration: none;
    color: #000;
}
#Menu .Mainmenu a:hover {
    text-decoration: underline;
}
#Menu .Mainmenu a.Selected {
    color: #aaa;
    font-weight: normal;
    font-size: 15px;
    line-height: 40px;
}
#Menu .Addmenu {
	margin-left: 20px;
	margin-top: 5px;	
	padding: 1px 10px;		
	border-left: dashed 1px #ddd;
}
#Menu .Addmenu a {
    display: block;
    line-height: 150%;	
    margin: 9px 0px;
}
#Menu .Addmenu a.Selected {
    color: #aaa;
    /*color: #c00;*/		
}
#Menu .Note {
	margin-left: 20px;
	border-left: dashed 1px #ddd;	
	padding: 4px 10px;	
	color: #aaa;
}
#Menu .Note a {
   
}
#Menu .Photos {
	/*margin-top: 50px;*/
	padding-left: 16px;
	border: solid 1px #eee;
	background-color: #fafafa;
    padding-bottom: 7px;
}
#Menu .Photos a {
    color: #555;
}
#Menu .Signature {	
	border-top: solid 1px #333;	
	font-size: 85%;	
	padding-top: 1px;
	padding-left: 4px;
}
/* => Footer
-----------------------------------------------------------------------------*/
#Footer {
	padding: 20px 0px 15px 0px; /* not margin IE6,7 bug */
	margin-left: 200px;	
	width: 712px;
	color: #bbb;
	font-size: 0.9em;
}
#Footer a {
	color: #bbb;
}
/* => Footer ( Menu )
-----------------------------------------------------------------------------*/
#Footer .Menu {
	height: 25px;
	overflow: hidden;
	margin-bottom: 10px;
}
#Footer .Menu a {
	float: left;
	display: block;
	margin: 0px 12px 0px 0px;
	padding: 0px 15px 0px 0px;
	border-right: dotted 1px #ddd;
	white-space: nowrap;
}
#Footer .Menu a:last-child {
	border-right: 0px;
}
#Footer .trilan {
	border-top: dotted 1px #ddd;
	padding-top: 15px;
}
#Footer .trilan div {
	float: left;
	display: block;
	margin-right: 10px;
}
#Footer .trilan a:last-child {
	margin: 0;
	padding-right: 5px;
}

/* => Footer ( Description )
-----------------------------------------------------------------------------*/
#Footer .Description {
	border: dotted 1px #ddd;
	border-width: 1px 0px;
    padding: 10px 0px;
}
/* => Footer ( Counters )
-----------------------------------------------------------------------------*/
#Footer .Counters {
    padding-top: 15px;
}
#Footer .Counters img {
    opacity:0.5; 
    filter:alpha(opacity=50);
}
/* => Toplink
-----------------------------------------------------------------------------*/
#Toplink {
	display: none;
    position: fixed;
    bottom: 0px;
    right: 0px;
    z-index: 500;
    background-color: #fff;
}
#Toplink a {
    outline: none;	
}
#Toplink a img {
    border: solid #ddd;
    border-width: 1px 0px 0px 1px;
    padding: 10px;	
}
#Toplink a:hover img {
	border-style: dashed;
    border-color: #ccc;
}