/*-----------------------------------------------------------------------------
Croutier Designs Style Sheet 

version:   1.0
author:    dd@sounion designs
email:     webmaster@souniondesigns.com
website:   http://www.souniondesigns.com/
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/
/* The Core Technique
================================= */

/* Remove padding and margin */
/* Zero down margin and padding on all elements */
* {
  margin: 0;
  padding: 0;
}

body {
  font: 62.5%/1.6 "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, sans-serif;
  background-color: #fff/*#D4D4D4*/;
}
body {
  text-align: center; 
  min-width: 800px;
/*  min-width: 80em;*/
}

#wrapper {
  position: relative;
/*  width: 760px;*/
	width: 76em; /*  CHANGE THIS TO A %%%%% */
/*	width: 95%;   CHANGE THIS TO A %%%%% */
  margin: 0 auto; 
  text-align: left;
  overflow:auto;  /*  to clear the floats  */ 
}


#content {
margin:0; 
/*  width: 562px;*/
  width: 56.2em; /*   CHANGE THIS TO A %%%%% */
/*  width: 74%;    CHANGE THIS TO A %%%%% */
  height: 39.1em;  /*  CHANGE THIS TO A %%%%% */
  float: right;
  position: relative; 
  background-color: #999999;
/*  border:1px dotted yellow;*/
}
#content_horiz_r1 {
padding:0;
height: 46%;
width: 96%;
}

#content_horiz_r2 {
padding:0;
height: 48%;
width: 96%;
}
#content_3x3_r1 {
padding:0;
height: 33%;
width: 96%;
}

#content_3x3_r2 {
padding:0;
height: 33%;
width: 96%;
}

#content_3x3_r3 {
padding:0;
height: 33%;
width: 96%;
}
#content_2V_1 {
float:left;
padding:0;
height: 75%;
width: 23%;
}
#content_2V_2 {
float:right;
margin: 0 10px 0 0;
padding:0 0 0 0;
height: 75%;
width: 67%;
}
#content_2V_2H1 {
float:right;
padding:0;
height: 56%;
width: 95%;
}
#content_2V_2H2 {
float:right;
padding:0;
height: 40%;
width: 95%;
}

/* Add some padding 
================================== */
/* Put padding  back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 1em 0;
}

p, li {
  font-size: 1.2em;
}

h1, h2, p {
  margin: 1em 0;
}

#branding h1 {
  margin: 0;
}

#wrapper {
  background-color: #838488;
}

/* Class for clearing floats */
.clear {
	clear:both;
}

/* Remove border around linked images */
img {
	border: 0/*1px solid #fff /* for testing*/;
}

/* =Typography
-----------------------------------------------------------------------------*/

body {
  font: 62.5%/1.6 "Lucida Grande", "Lucida Sans", "Trebuchet MS", Tahoma, Verdana, sans-serif;
}


/* =Headings
-----------------------------------------------------------------------------*/
h1 {
  font-size: 2.4em;
  font-weight: normal;
}

h2 {
  font-size: 2.0em;
  font-weight: normal;
}

h3, h4, h5, h6 {
  font-size: 1.3em;
  font-weight: normal;
}
h5, h6 {
  font-size: .9em;
}

h1 {/*font: Geneva, Arial, Helvetica, sans-serif;*/
  margin: 0;
  position:  absolute;
  top:  0.8px; /*   for jpeg  */
/*  top:  5px;    png, gif transparents  */
  left:  8px;
  width: 170px;
  height: 120px;
  z-index: 8;
/*  border-bottom:2px dashed blue;*/
/*  background: url(img/cd_logo_transparent.png) no-repeat;
  background: url(img/cd_logo_A2.jpg) no-repeat;
  background: url(img/cd_logo_A1.png) no-repeat;
  background: url(img/cd_logo_opaque_1.gif) no-repeat;
*/
  background: url(../images/cd_logo_A2.gif) no-repeat;
  text-indent:  -9999px;
}

h1 a{
  display: block; height: 120px;
/*  background: url(../img/cd_logo_transparent.png) no-repeat;background: url(img/cd_logo_A1.png) no-repeat;background: url(../img/cd_logo_opaque_1.gif) no-repeat;*/
/*  z-index: 8;*/
/*background-color:#666666;
border:1px solid #fff;
  background: url(img/cd_logo_opaque_1.gif) no-repeat;*/
/*  border-bottom:2px dotted white;*/
  background: url(../images/cd_logo_A2.gif) no-repeat;
    }


/* =Links
-----------------------------------------------------------------------------*/

a:link, a:visited, a:focus, a:hover, a:active { line-height: 1.2em; font-size: .9em; }
a:link	{color:  #3C4041; text-decoration:none;}
/*a:visited	{color: #E9904F;  font-size: 0.9em;}*/
a:visited	{color: #3C4041;  font-size: 0.9em; text-decoration:none;}
div#Nav a:focus	{color: #FFFF00; font-size: 1em;}
div#Nav a:hover	{color:  #000; font-style:normal; font-variant:small-caps; font-size: 1em; text-decoration:underline;}
div#Nav a:active	{color:  blue; font-variant:normal; font-size: 1em;}
/*
div#content a:hover{color: #FF0000; font-variant:normal; text-decoration: underline; font-size: 1em;}
div#content a:focus	{color: #FFFF00; font-size: 1em; text-decoration: overline;}
div#content a:active {color: orange; font-variant:normal; font-size: 1em;}
*/

/* =Branding
-----------------------------------------------------------------------------*/
#branding {
  height: 120px;
/*  background-color:#b0b0b0;*/
  background-color:#838488/*#999999*/;
/*  padding: 3em; 
  padding: 0px;*/
/*  padding:1.4em 0 0 0;*/
  padding: 0;
/*  border 1px dashed blue;*/
}
#branding h3{ margin:0em 7em 0 0; font-size:1em; float:right; text-align:center; color: #CCCCCC;}


/* =Main Nav
-----------------------------------------------------------------------------*/

#spacer {
float:left;
/*display: block;*/
  height: 1.5em;
/*  width: 180px;*/
  width: 18em;
/*  background-color:#b0b0b0;*/
  background-color:#e9904f;
  padding: 0;
}

#mainNav, #subNav {
  list-style: none;
  background-color:#9DADAF;
}
#Nav { position: relative;  width: 180px;
/*border: 1px dashed red;*/ 
  float: left;
  overflow: auto; 
}

#mainNav, #subNav {
/*display:block;*/ 
/*  width: 180px;*/
  width: 18em;
  float: left;
  overflow: auto; 
}

#mainNav, #subNav {
  padding-top: 1em;
  padding-bottom: 1em;
}

#mainNav *, #subNav * {
  padding-left: .9em;
  padding-right: .9em;
}

#mainNav * *, #subNav * * {
  padding-left: 0;
  padding-right: 0;
}

/* =Sub Nav
-----------------------------------------------------------------------------*/
/*#mainNav ol ol {display:inline;}*/
#mainNav ol span li{display:inline; line-height: 1em; padding-right:0.1em; border-right: 1.5px dotted white;}
#mainNav ol span li.last{border-right: none; }
#mainNav ol span {margin-left:1.2em; font-size:0.75em;}



/* =Main Content
-----------------------------------------------------------------------------*/
#content * {
  padding-right: 20px;
}

#content * * {
  padding-right: 0;
}
#content h2 {
float:left;
  padding-top: 2em;
  padding-left: 2em;
  max-height: 21.8em;
  height: 21.8em;
  width: 34em;
  font-size: 1.05em;
  font-weight:normal;
  overflow:hidden;
}
#content h2.first { font-size: 1.5em; font-style: italic; color:red;}

/*  links associated with the images  */
#content a p {
display:inline;
float:left;
  margin: .25em 0 0 0;
  font-size: 1.1em;
}




/* =Secondary Content
-----------------------------------------------------------------------------*/
/*#img_homeFurn {display: block; position: absolute; left: 80px; top: -80px; width:auto; height:auto;}
#img_light {position: absolute; left: 410px; top: -120px; width:120; height:170; z-index: 5;}
#img_office {position: absolute; left: 400px; top: 95px; width: 140; height:98; z-index: 5;}
#img_cabinet {position: absolute; left: 30px; top: 210px; width:140; height:130; }
#img_model {position: absolute; left: 300px; top: 220px; width: 170; height: 120; }*/
/*
#img_homeFurn {display: block; position: absolute; left: 80px; top: -80px;}
#img_light {position: absolute; left: 410px; top: -120px; }
#img_office {position: absolute; left: 400px; top: 95px; }
#img_cabinet {position: absolute; left: 30px; top: 210px; }
#img_model {position: absolute; left: 300px; top: 220px; }
*/


/* =Footer
-----------------------------------------------------------------------------*/
#footer {
  position: relative;
/*  width: 780px;*/
  width: 78em;
  border: 5px outset #838488;
  border-top: none;
   
/*  border-right:5px outset #838488;
  border-left:5px outset #838488;
  border-bottom:5px outset #838488;*/
/*  border-bottom-style:#838488double, groove, inset, outset, ridge, dashed, solid*/
/*  width: 100%; */
  margin: auto auto; 
  background-color:#9DADAF;
  padding: 1px 5px;
  text-align: center;
  overflow:auto;  /*  to clear the floats  */ 
}

/*#footer {
margin 0;
  background-color:#9DADAF;
  padding: 1px 5px;
}*/

/*#footer { 
  clear: both; 
} done w/ auto overflow above*/ 
#footer h5{ position:relative;
float:right; 
margin: -1.5em 1em 0 5em;
font-style:italic;
font-size:1.1em;
}
#footer h5 a{color: #666666;}



/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opera 7 */
fieldset {
  border: 1px solid transparent;
}


/* =Tables
-----------------------------------------------------------------------------*/

table { 
  border-spacing: 0;
	border-collapse: collapse;
}

td {
  text-align: left;
	font-weight: normal;
	font-size: 0.9em;
}
div#content td h4 {
  font-size: 1em;
}



/* =Misc 1
-----------------------------------------------------------------------------*/
.alignLeft { float:left; margin-right: 1em; }
.alignRight { float:right; margin-left: 1em; }


/* =Misc 2
-----------------------------------------------------------------------------*/

/*  */