/*-------------------------------------------------------------*/


body {
	margin: 0 auto;
	text-align: center;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: Black;
	/* Default setting */
	background-color: White;
	background-image: url(../../assets/background_gen.jpg);
	background-repeat: repeat-x;
}

h1{
	font-size: 1.5em;
}

h2{
	font-size: 1.1em;
}

h3{
	font-size: 1em;
}

.dcHead{
	font-size: 0.9em;
	font-weight: bold;
}

h4{
	font-size: 1em;
}

h5{
	font-size: 1em;
}

h6{
	font-size: 1em;
}

#Outer1 {
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 5px;  /* Padding below the page */
	width: 770px;
	background-color: White;
	text-align: left;
	
	/* Background shadows */
	background-image: url(../../assets/background_content_gen_shadows.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

#Outer2 {
	margin-left: 5px;
	margin-right: 5px;
	padding-bottom: 5px; /* Padding below the footer */
	background-color: White;
	width: 760px;
	/* Background images */
	background-image: url(../../assets/background_content_gen.jpg);
	background-repeat: repeat-x;
	background-position: bottom;

}

#Inner1 {

	/* Background images */
	background: url(../../images/banner.png) no-repeat;
	background-position: 0px 5px;
}



/* topNav elements */
#navHead {
	width:760px;
	height: 75px;
	text-align: left;
}


#nav {
    float: right;
    padding-top: 30px;
	 padding-bottom: 0px;
	 margin-top: 13px;
	 margin-right: 5px; 

}


#nav ul {
    list-style-type: none;
}

#nav ul li {
    display: inline;
    padding-left:0px;
	 padding-right: 0px;
	 margin-left: 10px;
	 margin-bottom: 20px;
	 padding-top: 20px;
	 text-transform: lowercase;
	 font-size: 12px;
	 font-weight: bold;


}

#nav a:link {
    text-decoration: none;
	 color: White;
}

#nav a:visited {
	text-decoration: none;
	color: White;
}

#nav a:hover {
border-bottom: solid White 4px;
color: White;
}

#nav a:active {
text-decoration: none;


}
#nav ul li.active {
font-weight: bold;
color: White;
border-bottom: solid white 4px;
	
}





/*TAG LINE*/
#tagline {
	float: left;
	width: 450px;;
	padding: 11px;
	border: none;
	color: #FF9900;
	font-weight: bold;
	voice-family: "\"}\"";
	voice-family: inherit;
	clear: left;
	margin-top: 5px;
	width: 450px;
}

#tagline a {
    color: blue;
}


#tagline a:hover {
    text-decoration: underline;
}

.normal {
color: black;
font-weight: normal;
}

.whiteDev a:visited {
	color: #6E6E6E;
	font-weight: bold;

}
.white a:visited {
	color: White;
	font-weight: bold;
}




/* Homepage Content */
#homeContent {
	float: right;
	margin-top: 0px; 
   width: 285px;
   /* padding: 15px 30px 0 0;*/
    voice-family: "\"}\"";
	voice-family: inherit;


}


#homeContent ul {
    list-style-type: square;
	 line-height: 1.5em;
	 margin-left: 15px;
}


#homeContent .infoboxH {
    float: left;
	 clear: left;
    width: 270px;
	 border-bottom: #C1C1C1 dashed 1px;
    /*margin: 10px 0px 0 2px;*/
	 margin-top: 15px;
	 margin-right: 0px;
	padding-bottom: 15px;
    voice-family: "\"}\"";
	voice-family: inherit;

}

#homeContent .infoboxH h1 {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
	 font-weight: bold;
    color: Black;
	 
    padding: 0px 0 0 0;
}

#homeContent .infoboxH p {
    padding-left: 0px;
	 	 margin-top: -10px;
}

#homeContent .infoboxH img {
    float: left;
	 border: #D2D2D2 solid 3px;
	 padding: 2px;
	 margin-right: 10px;

}



#homeContent .infoboxH a {
    color: #8B8B8B;
}

#homeContent .infoboxH a:hover {
    text-decoration: underline;
}






/*content box , just the TAG*/
#tag {
    float: left;
	 clear: left;
    width: auto;
	 border-bottom: #C1C1C1 dashed 1px;
    /*margin: 10px 0px 0 2px;*/
	 margin-top: 10px;
	 margin-right: 0px;
	padding-bottom: 15px;
    voice-family: "\"}\"";
	voice-family: inherit;
	width: auto;
}

.left {
float: left;
clear: left;
width: 100%;
}

.right {
float: right;
clear: right;
padding-right: 3px;
}

#tag li{
	list-style: url(../../images/arrow.png);
}


#tag img {
    float: left;
	 border: #D2D2D2  solid 3px;
	 padding: 2px;
	 margin-right: 10px;

}
#tag .tagSmall a {
	color: #8B4513;
	font-size: 0.6em;
}

#tag .tagMedium a {
	color: #00008B;
	font-size: 1.2em;
}

#tag a:hover {
    text-decoration: underline;
}




/*End TAG*/











/*content box , just the first one*/
#homeContent .infoboxA {
    float: left;
	 clear: left;
    width: auto;
	 border-bottom: #C1C1C1 dashed 1px;
    /*margin: 10px 0px 0 2px;*/
	 margin-top: 10px;
	 margin-right: 0px;
	padding-bottom: 15px;
    voice-family: "\"}\"";
	voice-family: inherit;
	width: auto;
}




#homeContent .infoboxA h1 {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
	 font-weight: bold;
    color: Black;
    padding: 0px;
}

#homeContent .infoboxA p {
    padding-left: 0px;
	 margin-top: -10px;
}

#homeContent .infoboxA img {
    float: left;
	 border: #D2D2D2  solid 3px;
	 padding: 2px;
	 margin-right: 10px;

}

#homeContent .infoboxA img a:hover {
    float: left;
	 border: #990099 solid 3px;
	 padding: 2px;
	 margin-right: 10px;

}

#homeContent .infoboxA a {
    color: #666;
}

#homeContent .infoboxA a:hover {
    text-decoration: underline;
}

/*End Home Content*/




/* topContent */
#topContent {
    float: left;
    width: 759px;
	 height: 100%;
    padding: 15px 0 0 0;
	
}

#mainImage img  {
	text-decoration: none;
	border: none;
	
}

#topContentWeb {
float: left;
	width: 456px;
	height: auto;
    border: #CCCCCC 1px solid;
	 padding: 3px;
	 margin-right: 5px;
	 background: url(../../images/bg_error.gif) repeat-y;

}

#topContentWeb ul {
    list-style-type: disc;
	
}

 




/*font styles*/

.orangestrong {
    color: #FF9900;
    font-weight: bold;
}

.Homeorangestrong {
    color: #FF9900;
	 padding-left: 0px;
    font-weight: bold;
}

strong {
	color: #4C4C4C;
	font-weight: bold;
}

/* Header Image */
#Right #Header {
	background-image: url(../../assets/h1_intelligentCreativity.jpg);
}


/* General Box */
#Left .Box {
	width: 198px;
	/*border: 1px solid #C6C6C6; */
	background-color: White;
	margin-top:10px;
}
#Left .Box h2 {
	margin: 0px;
	padding-top: 3px;
	padding-left: 9px;
	padding-right: 5px;
	padding-bottom: 0px;
	height: 22px;
	background-color: #999999;
	background-image: url(../../assets/boxes/box_head_gen.jpg);
	background-repeat: repeat-x;
}
#Left .Box p {
	font-size: 75%;
	line-height: 120%;
	margin: 0px;
	padding: 9px;
}


/*OTHER*/
#Left {
	width: 200px;
	margin-left: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
}
#Left #Logo img {
	display: block;
	padding-top: 10px;
	height: 55px;
	border: none;
}
#Left #ColHeader {
	background-color: Black;
	font-size: 0px; 
	width: 200px;
	height: 5px;
}

#Right {
	float: right;
	padding-right: 10px; /* We're using padding, not margin, margin breaks on IE */
	margin-bottom: 10px;
	width: 500px;
}
#Right #Header {
	height: 45px;
	margin-top: 10px;
	margin-bottom: 5px;
	background-repeat: no-repeat;
}
#Right #Header h1 {
	display: none;
}

#Footer {
	padding-top: 4px;
	font-size: 12px;
	color: White;
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 0px;
	width: 100%;
	margin-top: 20px;
	height: auto;
	padding-bottom: 4px; 
	background-color: #999999;
	background-image: url(../../assets/background_footer.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	clear: both;
}

#Footer #Copyright {
	float:left;
}


/* Nav Box */
 .BlackBox {
	width: 198px;
	/*border: 1px solid #C6C6C6; */
	background-color: White;
	margin-top:0px;
	width: auto;
}
.BlackBox h2 {
	font-size: 12px;
	color: White;
	margin-bottom:0px; 
	padding-top: 3px;
	padding-left: 9px;
	padding-right: 5px;
	padding-bottom: 0px;
	height: 22px;
	background-color: #999999;
	background-image: url(../../assets/boxes/box_head_gen.jpg);
	background-repeat: repeat-x;
}

/**/

#contactForm {
float: left;
width: 456px;
height: auto;
padding: 3px;
}


/*showroom*/
#imageContainer {
	float: left;
	width: 456px;
	height: auto;
}

#imageContainer .imageBox1 {
	float: left;
	width: 222px;
	height: 222px;
	margin-bottom: 7px;
	background: url(../../images/showroom/01.jpg) no-repeat;
	border: Black solid 1px;

}

#imageContainer .imageBox2 {
	float: right;
	width: 222px;
	margin-bottom: 7px;	
	height: 222px;
	background: url(../../images/showroom/02.jpg) no-repeat;
	border: Black solid 1px;

}

#imageContainer .imageBox3 {
	float: left;
	width: 222px;
	margin-bottom: 7px;	
	height: 222px;
	background: url(../../images/showroom/03.jpg) no-repeat;
		border: Black solid 1px;

}

#imageContainer .imageBox4 {
	float: right;
	width: 222px;
	margin-bottom: 7px;	
	height: 222px;
	background: url(../../images/showroom/04.jpg) no-repeat;
		border: Black solid 1px;

}


/*content box , TEXT ONLY*/
#homeContent .infoboxTextOnly {
    float: left;
	 clear: both;
    width: 280px;
	 font-size: 12px;
	 border-bottom: #C1C1C1 dashed 1px;
    /*margin: 10px 0px 0 2px;*/
	 margin-top: 10px;
	 margin-right: 0px;
	padding-bottom: 15px;
    voice-family: "\"}\"";
	voice-family: inherit;
	width: 280px;
}

#homeContent .infoboxTextOnly h1 {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
	 font-weight: bold;
    color: Black;
    padding: 0px;
}

#homeContent .infoboxTextOnly p {
    padding-left: 0px;
	 margin-top: -10px;
}



#homeContent .infoboxTextOnly a {
    color: #666;
}

#homeContent .infoboxTextOnly a:hover {
    text-decoration: underline;
}

/*End Home Content*/


/*hover buttons*/

#buttonContainer {
float: left;
	width: 456px;
	height: auto;
	margin-left: 0px;

	
}

.buttonBox{
	float: left;
	width: 152px; 
	height: 170px;
	margin: 0;
	padding: 0;

	 

}

.buttonText{
	padding-left: 15px;
	clear: left;
}


.s {
	float:  left;
	text-align: center;
	color: Gray;
}

.s a { 
display: block; 
width: 123px; 
height: 170px; 
background: url(../../images/buttons/sB.gif) no-repeat;
text-decoration: none;

}

.s a:hover { 
display: block; 
width: 123px; 
height: 170px;
background: transparent url(../../images/buttons/sC.gif) no-repeat;
text-decoration: none;
} 




.ss {
	float:  left;
	text-align: center;
	color: Gray;

}

.ss a { 
display: block; 
width: 123px; 
height: 170px; 
background: url(../../images/buttons/ssB.gif) no-repeat;
text-decoration: none;

}

.ss a:hover { 
display: block; 
width: 123px; 
height: 170px;
background: transparent url(../../images/buttons/ssC.gif) no-repeat;
text-decoration: none;
} 


.dc {
	float:  left;
	text-align: center;
	color: Gray;
		
}

.dc a { 
display: block; 
width: 123px; 
height: 170px; 
background: url(../../images/buttons/dcB.gif) no-repeat;
text-decoration: none;

}

.dc a:hover { 
display: block; 
width: 123px; 
height: 170px;
background: transparent url(../../images/buttons/dcC.gif) no-repeat;
text-decoration: none;
} 

/*hover buttons*/

.clearLeft{
	clear: left;
}

.clearRight{
	clear: right;
}



/*******************************************gallery*******************************************/

/*big image holder for gallery*/

#imageTextHolder {
float: left;
width: 450px;
height: auto;
}

#galleryBigImage {
	float: left;
	width: 370px;
	height: auto;
}

/*thumbnail elements*/

#thumbContainer {
	float: right;
	display: block;
	width: 39px;
	margin: 0;
	height: auto;
	padding: 2px; 
	border: 1px solid #ccc;

}
.galleyThumb	{

	clear: left;
	display: block;
	width:39px;
	height: 39px;
	margin: 1px;
}

 .galleyThumb  a {
	text-decoration: none;
	color: #A5A5A5;
}

.galleyThumb  img	{
	border: 1px solid #ccc;
	background-color: #fff;
}

.galleyThumb  a:hover img {
	border: 1px solid #FF9900;
}

/*gallery caption*/
#imageCaption {
	position: relative;
	clear: both;
	width: 370px;
	height: auto;
	margin-bottom: 25px;
	margin-top: 5px;
	padding: 2px;
	text-align: left;
	
}

#imageCaption p{
font-size: 12px;
	
}

/*******************************************End gallery*******************************************/

table {
font-size: 0.9em;
}
table img {
	display: block;
	border: 4px solid #ccc;
	background-color: #fff;
	padding:2px;
	margin-right:15px;
	 
	
}



 table img  a {
	text-decoration: none;
	color: #A5A5A5;
}



 table img   a:hover {
	border: 2px solid #ccc;
	background-color: #999999;
	padding:2px;
}

table td {
	padding-bottom: 5px; 
}

#developer{
	float: left;
	color: #6E6E6E;
	clear: both;
	width: 100%;
	height: 18px;
	margin-top: 3px;
	font-size: 0.9em;
}
#developer a:link{
	color: #6E6E6E;
	font-weight: bold;
}

#sitemap{
	float: right;
	color: White;
	text-transform: uppercase;
	
}
#sitemap a:link{
	color: White;
	font-weight: bold;
}

.indent {
	margin-left: 15px;
}

.noindent{
	margin-left: 20px;
}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_definition.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#subNav
	{ 
	height:realative; 
  	width: 270px;
	font-weight: bold;
	color: Black;
	float:left;

	}

	
	.example {
	background: transparent;
	width: 100%;
	margin-left:-15px;
	
}



.thumbnailHover{
position: relative;
z-index: 0;
}

.thumbnailHover:hover{
background-color: transparent;
z-index: 50;
}

.thumbnailHover span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: #D2D2D2 solid 3px;
visibility: hidden;
color: black;
width: 205px;
text-decoration: none;

}

.thumbnailHover span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnailHover:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 20px; /*position where enlarged image should offset horizontally */
top: 20px;

}