/*	CSS Document for INOX
	Designed by The Cube Lab
	Designer name : Steve
	subtitle
	Blue : 00a8ff
	
	Green : 63A187
	
	Red : AF1569

/*------------------------------
			GLOBAL
-------------------------------*/
body {
	font-family: Myriad Pro, "Trebuchet MS", Arial, sans-serif;
	font-size: small;
	text-align: center;
	background: #161612;
	padding: 0;
	margin: 0;
	padding-top: 20px;
	-moz-opacity: 0.99;
} 

img a:link, a:visited {
	border: none;
}

p {
	line-height: 1.4em;
}




/*------------------------------
			LAYOUT
-------------------------------*/

#container {
	width: 934px;
	margin: 0 auto;
	text-align: center;
}

#header {
	position: relative;
	width: 934px;
	height: 70px;
	margin: 0 auto;
	background: #161612 url(../images/header_bg.gif) no-repeat left bottom;
	text-align: left;
}

#submenu {
	position: relative;
	float: left;
	width: 150px;
	height: 200px;
}

#content0 {
	float: left;
	width: 880px;
	height: 415px;
	padding: 0;
	margin: 0;
	background: #000 url(../images/content_0.gif) no-repeat left top;
	text-align: right;
}

#content1 {
	float: left;
	width: 440px;
	height: 415px;
	padding: 0;
	margin: 0;
	background: #000 url(../images/content_1.gif) no-repeat left top;
}

#content1 div, #content3 div {
	padding: 30px;
	text-align: left;
	color: #ccc;
}

#content2 {
	float: left;
	width: 440px;
	height: 415px;
	padding: 0;
	margin: 0;
}

#identity {
	float: left;
	width: 54px;
	height: 415px;
}

#content3 {
	float: left;
	width: 260px;
	height: 415px;
	background: #000 url(../images/content_1a.gif) no-repeat left top;
}

#content3a {
	float: left;
	width: 260px;
	height: 415px;
	background: #000 url(../images/content_1a.gif) no-repeat left top;
}

#content3 div {
	padding: 10px 10px 0 30px;
}

#content3a div {
	padding: 40px 10px 0 30px;
}

#content4 {
	position: relative;
	float: left;
	width: 620px;
	height: 415px;
	text-align: left;
	padding: 0;
}

#map {
	padding: 0 20px 0 20px;
}

#thanks {
	margin-left: 100px;
}

#content4 div {
	color: #fff;
}

#panel {
	padding: 10px 30px 0 20px;
}

#content4a {
	position: absolute;
	z-index: 5000;
	width: 620px;
	height: 405px;
	top: 20px;
	left: 20px;
}

#content4b {
	position: absolute;
	width: 620px;
	height: 50px;
	left: 0;
	top: 300px;
	padding: 0;
	margin: 0;
}

??#content4a {
	position: relative;
	float: left;
	width: 620px;
	height: 415px;
	text-align: left;
	padding: 0;
}

#scrollpanel {
	position: absolute;
	width: 200px
	height: 200px;
	top: 10px;
	left: 20px;
	z-index: 5000;
}

#content5 {
	position: absolute;
	top: 0;
	left: 0;
	width: 380px;
	height: 415px;
	background: #fff;
	padding: 0;
}

#content6 {
	position: absolute;
	top: 0;
	left: 0px;
	width: 620px;
	height: 415px;
	padding: 0;
}

#content7 {
	float: left;
	width: 880px;
	height: 415px;
	background: #000 url(../images/content_1a.gif) no-repeat left top;
}

#content7 div {
	padding: 0 0 0 11px;
}




body.general #identity {
	background: #161612 url(../images/identity_1.gif) no-repeat top left;
}

body.gallery #identity {
	background: #161612 url(../images/identity_1.gif) no-repeat top left;
}

body.projectspage #identity {
	background: #161612 url(../images/identity_1.gif) no-repeat top left;
}

body.form #identity {
	background: #161612 url(../images/identity_1.gif) no-repeat top left;
}

body.plain #identity {
	background: #161612 url(../images/identity_1.gif) no-repeat top left;
}

body.about #identity {
	background: #161612 url(../images/identity_1.gif) no-repeat top left;
}

body.land #identity {
	background: #161612 url(../images/identity_4.gif) no-repeat top left;
}

body.homes #identity {
	background: #161612 url(../images/identity_3.gif) no-repeat top left;
}

body.design #identity {
	background: #161612 url(../images/identity_2.gif) no-repeat top left;
}

body.people #identity {
	background: #161612 url(../images/identity_1.gif) no-repeat top left;
}



body.form #content4 {
	background: url(../images/content_panel5.jpg) no-repeat top left;
}

body.plain #content4 {
	background: none;
}

body.land #content4 {
	xbackground: url(../images/content_panel1.jpg) no-repeat top left;
}

body.homes #content4 {
	xbackground: url(../images/content_panel3.jpg) no-repeat top left;
}

body.design #content4 {
	xbackground: url(../images/content_panel2.jpg) no-repeat top left;
}

body.people #content4 {
	xbackground: url(../images/content_panel5.jpg) no-repeat top left;
}


body.land #content4b {
	xbackground: url(../images/content_panel1b.jpg) no-repeat top left;
}

body.about #content4b {
	xbackground: url(../images/content_panel1b.jpg) no-repeat top left;
}

body.homes #content4b {
	xbackground: url(../images/content_panel3b.jpg) no-repeat top left;
}

body.design #content4b {
	xbackground: url(../images/content_panel2b.gif) no-repeat top left;
}

body.people #content4b {
	xbackground: url(../images/content_panel5b.jpg) no-repeat top left;
}


#footer {
	clear: both;
	width: 934px;
	height: 40px;
	margin: 0 auto;
	padding: 0;
	background: url(../images/footer_bg.gif) no-repeat top right;
}

#footerintro {
	clear: both;
	width: 934px;
	height: 40px;
	margin: 0 auto;
	padding: 0;
	background: url(../images/footer_bg.gif) no-repeat top right;
	text-align: right;
}


/*------------------------------
			TABLES
-------------------------------*/

.logos {
	padding-left: 30px;
	margin-top: 30px;
}

.logos td {
	padding: 3px;
	text-align: center;
	color: #fff;
}



/*------------------------------
			NAVIGATION see menu.css
-------------------------------*/


/*------------------------------
			TEXT
-------------------------------*/


.paneltext {
	padding-top: 9px;
}

p {
	font-size: 1.1em;
}


#content5 p {
	font-size: 110%;
	letter-spacing: 0.1em;
	padding: 0 30px 0 30px;
	color: #333;
}

#content6 p {
	font-size: 110%;
	letter-spacing: 0.1em;
	padding: 0 30px 0 30px;
	color: #333;
}

#footer p {
	float: left;
	color: #666;
	font-size: 1.0em;
	padding-top: 10px;
}

.style1 {
	font-size: 130%;
	color: #ccc;
}

.style2 {
	font-size: 130%;
	color: #999;
}


.style3 {
	font-size: 130%;
	color: #eee;
}

.contact {
	float: right;
	background: url(../images/contact.gif) no-repeat;
	padding-left: 20px;
}

.popup {
	font-size: 12px;
}


/*------------------------------
			IFRAME
-------------------------------*/

xdiv.iframecopy {
	width: 200px;
	height: 200px;
	overflow: auto;
}

/*--------------------------------
       LISTS
---------------------------------*/

#content1 ul, #content3 ul, #content3 ul, #content3a ul {
	list-style: none;
	text-align: left;
	padding: 0;
	padding-left: 0px;
	padding-right: 10px;
	list-style: none;
	padding: 0;
	font-size: 1.0em;
	margin-left: 0;
}

#content1 ul li a:link, #content3 ul li a:link, #content3a ul li a:link {
	padding: 2px 0;
}

#content1 ul li a, #content3 ul li a, #content3a ul li a {
	font-size: 0.9em;
}

#content1 ul ul, #content3 ul ul {
	padding-left: 10px;
}

#content1 ul ul li, #content3 ul ul li {
	background: url(../images/bullet2.gif) no-repeat 0 50%;
	padding-left: 16px;
}

#content1 li, #content3 li, #content3a li {
	padding: 2px 0;
}

#content1 li a:link, #content3 li a:link, #content3a li a:link {
	text-decoration: none;
	color: #fff;
}

#content1 li a:visited, #content3 li a:visited, #content3a li a:visited {
	text-decoration: none;
	color: #fff;
}

#content1 li a:hover, #content3 li a:hover, #content3a li a:active {
	color: #00a8ff;
}

#content3 ul li .here {
	color: #00a8ff;
}

#content3a ul li .here {
	color: #00a8ff;
}


#content4 ul {
	padding: 0;
	padding-left: 18px;
	font-size: 1.1em;
}

.details {
	font-size: 80%;
	background: 
}

/*------------------------------
			HEADINGS
-------------------------------*/

.title1 {
	background: url(../images/title-welcome.gif) no-repeat;
	text-indent: -9999px;
}

.title2 {
	background: url(../images/title-projects.gif) no-repeat;
	text-indent: -9999px;
	line-height: 1.4em;
}

.title3 {
	background: url(../images/title-about.gif) no-repeat;
	text-indent: -9999px;
	line-height: 1.4em;
}

.title4 {
	background: url(../images/title-contact.gif) no-repeat;
	text-indent: -9999px;
	line-height: 1.4em;
}

#content3 h2 {
	font-size: 100%;
}


#content4 h2 {
	text-indent: -9999px;
	font-size: 120%;
	padding: 40px 0 0 0px;
	font-weight: normal;
	text-transform: uppercase;
}




#content6 h2 {
	color: #ccc;
}

h3 {
	letter-spacing: 1px;
}

#footerintro h3 {
	padding-right: 48px;
	padding-top: 10px;
	font-size: 100%;
}


/*------------------------------
			IMAGES
-------------------------------*/
#header img {
	float: left;
}

#footer img {
	float: right;
	padding-top: 14px;
	padding-right: 43px;
	border: none;
}

.thumbs {
	padding: 6px;
	background: #fff;
	margin: 5px 0 20px 3px;
	float: left;
	border: none;
}

.projects {
	padding: 4px;
	margin-left: 10px;
	margin-top: 16px;
	background: grey;
	float: right;
}

.headersmall {
	float: left;
	padding-bottom: 12px;
	border: none;
}

.clear {
	clear: both;
}

/*--------------------------------
       LINKS
---------------------------------*/

a:link, a:visited {
	color: #fff;
}

a:hover, a:active {
	color: #00a8ff;
}

a:active
{
  outline: none;
}

:focus
{
  -moz-outline-style: none;
}

.print {
	background: url(../images/printer.gif) no-repeat 0 50%;
	padding: 10px 0 10px 20px;
}

.bullet1 {
	background: url(../images/bullet1.gif) no-repeat 0 50%;
	padding: 10px 0 10px 10px;
	text-decoration: none;
}

#footerintro h3 a {
	text-decoration: none;
}



/*--------------------------------
       FORM STYLES
---------------------------------*/

fieldset {
	border: none;
	padding: 0;
	margin: 0;
	margin-top: 40px;
}


form {
	width: 440px;
	height: 183px;
	margin: 0;
	padding: 0;
	padding-left: 130px;
	font-size: 1.2em;
}

legend {
	color: #fff;
	padding: 0;
	margin-left: -7px;
}

label {
	display:  block;
	color: #fff;
}

input {
	width:  340px;
	height: 1.2em;
	background: #f4fafa;
	border: 1px solid #000;
	font: 1.2em "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #333;
}

textarea {
	width:  340px;
	height: 100px;
	background: #f4fafa;
	border: 1px solid #000;
	font: 1.2em "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #333;
}

input.btn {
	width: 80px;
	font-size: 0.8em;
	line-height: 0.8em;
}

fieldset p {
	margin-top: 0;
}





/*********************** SCROLLERS ***********************/
x.root     {
    position:relative;
    height:      200px;
    width:      489px;
    margin:       0px 0px 8px 7px;    
    }
x.root p   {
    margin:      10px 10px 5px 10px;
    }
x.thumb     {
    position:      absolute;
    height:      9px;
    width:      15px;
    left:       10px;
    }
x.up, .dn   {
    position:      absolute;
    left:       10px;
    }
x.up a, .up a img, .dn a, .dn a img, .thumb a , .thumb a img{
    border:      0;
    }
x.scrollContainer { 
    position:      absolute; 
    left:      2px; 
    top:      19px; 
    width:      350px; 
    height:      200px; 
    clip:      rect(0 467 200 0); 
    overflow:      auto; 
    border-top:    2px solid #000000;
    border-left:    2px solid #000000;
    border-right:    2px solid #686262;
    border-bottom:    2px solid #686262;
    background:    #D9D9B0;
    }
x.scrollContent { 
    position:      absolute; 
    left:      0px; 
    top:      0px; 
    width:      100px; 
    }