/***** universal settings ************/

* {padding:0;margin:0;}

/****** re-defined tag settings *******/

body {
color:#333;
background:#fff url(images/strip.jpg) top left repeat-x;
font-family:'verdana',arial,helvetica,sans-serif;
font-weight:normal;
font-size:1em;
text-align:left;
margin-bottom:400px;
}

a {outline:none;focus:none;}

/******* container ******/

#container {width:100%;margin-bottom:400px;}

/***** headers ********/

#header {margin-top:90px;margin-left:20px;}
#header h1, #header h1 a, #header h1 a:link, #header h1 a:hover {
font-family:'Tahoma','Geneva',arial,helvetica,sans-serif;
font-size: 1.3em;
font-weight:normal;
color: #333;
padding-bottom:3px;
border-bottom:1px solid #ddd;
}
h1 span, h1 span a, h1 span a:link, hi span a:hover {
color: #9A9999;
font-weight:normal;
}

/**** main nav menu ****/

#menu {
margin-left:20px;
}
#menu ul{
width:100%;
padding-bottom: 2px;
padding-top: 1px;
}
#menu ul li {
list-style: none;
display: inline;
margin-right:5px;
font-size: 0.9em;
text-decoration: none;
letter-spacing: 0.1em;
}
#menu ul li a{
color: #666;
font-size: 0.9em;
text-decoration: none;
letter-spacing: 0.1em;
}
.current {
color:#9A9999;
font-size:0.9em;
letter-spacing:0.1em;
text-decoration:none;
}
#menu ul li a:link{}
#menu ul li a:visited{}
#menu ul li a:hover{color: #9A9999;}
#menu ul li a:active{}

/***** projects sub-menu ******/

#menu2 {
width:200px;
margin-top:40px;
margin-left:20px;
}
#menu2 ul {float:left;}
#menu2 ul li {
list-style: none;
font-size: 0.75em;
text-decoration: none;
}
#menu2 ul li a {
color: #666;
font-size: 0.75em;
text-decoration: none;
}
#menu2 ul li a:link {}
#menu2 ul li a:visited{}
#menu2 ul li a:hover{color:#9A9999;}
#menu2 ul li a:active{}
.current2 {
color:#9A9999;
font-size:0.75em;
text-transform:lowercase;
text-decoration:none;
}


/**** content ****/

#about {
position:absolute;top:180px;left:300px;
font-size: 0.7em;
width: 700px;
float:left;
line-height: 1.4em;
padding-bottom:100px;
}
.news {
background:#fff url(images/news_strip.jpg) top left repeat-x;
border:1px solid #ddd;
width:600px;
padding:10px;
margin-top:20px;
}
.news p {
margin-bottom:10px;
border-bottom:1px solid #ddd;
padding-bottom:10px;
}

p {margin-top:5px;}
#about a, #about a:link {text-decoration:none;}
#about a:hover {text-decoration:underline;}
#about li {list-style-type: none;}

h2 {
color: #B4B3B3;
font-size: 1.2em;
font-weight:normal;
padding-bottom:0px;
}
h3 {
color:#333;
font-size:0.9em;
font-weight:normal;
padding-top:5px;
padding-bottom:10px;
margin-bottom:20px;
border-bottom:1px solid #ddd;
width:500px;
}
h4 {
color:#333;
font-size:0.9em;
font-weight:normal;
width:450px;
padding-top:3px;
line-height:12px;
}
h5 {
color: #9A9999;
font-size: 0.9em;
font-weight:bold;
margin-top:10px;
padding-bottom:3px;
border-bottom:1px solid #ddd;
}


.clear {clear: both;}

/**** links list ****/

dl {
width:400px;
margin-top:5px;	
}
dt {
color: #9A9999;
font-weight: bold;
border-bottom: 1px solid #ddd;
padding-bottom:4px;
}
dt, dt a, dd a, a:link, a:visited, a:active {
color: #9A9999;
margin-top: 10px;
text-decoration: none;
}
dt a:hover, dd a:hover {
text-decoration:underline;
}
dd {
padding:5px 0 5px 0;
}

/**** images ****/

.thumbs {display:inline;float:left;margin-top:20px;margin-right:20px;margin-bottom:20px;}
img {text-decoration:none;display:inline;}
a img {border: none;text-decoration: none;}
a img:hover{border: none;text-decoration: none;}

/*** product gallery ****/

.gallerycontainer{
margin-top:30px;
margin-left:40px;
min-height:500px;
float:left;
}

.gallerycontainer h4 {
color:#333;
font-size:0.7em;
font-weight:normal;
width:450px;
padding-bottom:20px;
}

/*** for ie6 ***/
/*\*/
* html .gallerycontainer {
height:500px;
}
/**/

.thumbnail img{
border:none;
margin: 0 5px 5px 0;
}

.thumbnail:hover{background-color: transparent;}
.thumbnail:hover img{border:none;}

.thumbnail span{ 
position:absolute;
background-color:#fff;
left:-1000px;
border:none;
visibility:hidden;
color:gray;
font-size:0.6em;
text-decoration:none;
white-space:nowrap;
}

.thumbnail span img{border-width: 0;}

.thumbnail:hover span{ 
visibility: visible;
top:190px;
left:500px;
z-index: 50;
text-decoration:none;
}

.clear {clear: both;}
a img {border:none;text-decoration: none;}
img a:hover {border:none;text-decoration: none;}