body {
margin : 0;
padding : 0;
font : 90% "Trebuchet MS", verdana, arial, sans-serif;
background : #c0c0c0;
color : #333;
}
#container {
width:910px;
margin-left:auto;
margin-right:auto;
padding:0;
border:5px solid #999766;
background:#ffffff;
color:#333;
}
			/*TOP BANNER*/
#topimg {
height:195px;
padding:0;
margin:0;
background:#ffffff url(img/logo2.jpg) no-repeat;
color:#333;
}
#topimg h1 {
float:left;
margin:10px 0 0 15px;
font-size:28px;
letter-spacing:3px;
color:#000000;
}
			/*TOP NAVIGATION*/
#navcontainer ul {
float : left;
text-align:center;
margin: 0;
font-size : 110%;
color : #333;
}
#navcontainer ul li {
display : inline;

}
#navcontainer ul li a {
text-align:center;
float : left;
padding: 20px 10px 0 10px;
text-decoration : none;
color : #fff;
width:100px;
background: url(img/1.gif) no-repeat center;
height:48px;
}
#navcontainer ul li a:hover, #navcontainer ul li a#current {
color : #cd5a66;
}
			/*MAIN CONTENT*/
#content {
margin : 0 0 5px 170px;
padding : 5px;
background : #ffffff;
color : #333;
}
#content a:link, #content a:visited {
text-decoration : underline;
background : #ffffff;
color : #333;
}
#content a:hover {
background : inherit;
color : #000000;
}
			/*LOGIN CONTENT*/
#login {
width : 100px
margin : 0px 0px 0px 0px;
padding : 5px;
background : #ffffff;
color : #333;
}
#content a:link, {
text-decoration : underline;
background : #ffffff;
color : #333;
}
#content a:hover {
background : inherit;
color : #000000;
}
			/*SIDEBAR*/
#sidebar {
float : left;
width : 160px;
margin : 0 10px 0 0;
padding : 10px;
background : #ffffff;
color : #333;
}
			/*SIDE MENU*/
.sidemenu ul {
list-style-type : none;
text-align : left;
}
.sidemenu ul li {
display : block;
color : #666;
background : inherit;
}
.sidemenu ul li a {
background : transparent url(img/list-off.gif) no-repeat left center;
padding-left : 15px;
font : normal 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
text-decoration : none;
color : #000;
}
.sidemenu ul li a:hover {
background : transparent url(img/list-on.gif) no-repeat left center;
color : #666;
}
.sidemenu ul li a#current {
background : transparent url(img/list-active.gif) no-repeat left center;
color : #666;
}
			/*FOOTER*/
#footer {
clear : both;
padding : 5px;
margin : 0;
font-size : 90%;
border-top : 1px solid #fff;
background : #000080;
color : #fff;
}
#footer a:link, #footer a:visited {
text-decoration : none;
background : inherit;
color : #fff;
}
#footer a:hover {
border-bottom : 1px dashed #eee;
background: inherit;
color : #333;
}
			/*FONTS*/
p {
line-height: 1.7em;
margin : 15px;
}
h1 {
margin-top : 10px;
padding : 0;
font-size : 140%;
text-transform : uppercase;
letter-spacing: 3px;
color : #000000;
}
h2 {
margin : 10px 0 0 5px;
padding-left : 10px;
font-size : 120%;
text-transform : uppercase;
letter-spacing : 5px;
color : #ffffff;
background : #000080;
}
h3 {
margin-top:10px;
padding:0;
font-size:250%;
text-transform:uppercase;
letter-spacing:3px;
text-align:center
color:#ff0000;
}
			/*CLASSES*/
.img {
float : left;
padding : 10px;
border : none;
}
.img a {
border : none;
}
.post { 
background : #eee;
padding : 3px;
margin : 20px 10px 0 5px;
border : 0 dashed #8a795d;
font-size : 90%;
} 
.post .date { 
background : url(img/clock.gif) no-repeat left center;
padding-left : 15px;
margin : 0 15px 0 5px;
} 
.post .comments { 
background : url(img/comment.gif) no-repeat left center;
padding-left : 15px;
margin : 0 15px 0 5px;
} 
.post .readmore { 
background : url(img/document.gif) no-repeat left center;
padding-left : 15px;
margin : 0 15px 0 5px;
} 
blockquote {
font-weight : bold;
font-style : italic;
color : #b29b35;
}

.speechbox h1, .speechbox h2, .speechbox p {margin:0 10px; letter-spacing:1px;}
.speechbox h1 {font-size:2.5em; color:#fc0;}
.speechbox h2 {font-size:2em; color:#234; border:0;}
.speechbox p {padding-bottom:0.5em; color:#ffffff;}
.speechbox h2 {padding-top:0.5em; padding-left:10px;}
.speechbox {background: transparent; margin:1em;}

.speechbox em {display:block; width:0; height:0; color:#d8d8ee; overflow:hidden; border-top:12px solid #fff; border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:50px;}
/* hack for IE5.5 */
* html .speechbox em {width:24px; height:12px; }
.speechbox span {display:block; width:0; height:0; color:#fff; overflow:hidden; border-top:10px solid #000080; border-left:10px dotted transparent; border-right:10px dotted transparent; margin-left:52px; margin-top:-15px;}
* html .speechbox span {width:20px; height:10px;}

.sbox1, .sbox2, .sbox3, .sbox4, .sbox5, .sbox6, .sbox7 {display:block; overflow:hidden; font-size:0;}
.sbox1, .sbox2, .sbox3, .sbox4, .sbox5, .sbox6 {height:1px;}
.sbox4, .sbox5, .sbox6, .sbox7 {background:#ccc; border-left:1px solid #ffffff; border-right:1px solid #ffffff;}

.sbox1 {margin:0 8px; background:#ffffff;}
.sbox2 {margin:0 6px; background:#ffffff;}
.sbox3 {margin:0 4px; background:#ffffff;}
.sbox4 {margin:0 3px; background:#000080; border-width:0 5px;}

.sbox5 {margin:0 2px; background:#000080; border-width:0 4px;}
.sbox6 {margin:0 2px; background:#000080; border-width:0 3px;} 
.sbox7 {margin:0 1px; background:#000080; border-width:0 3px; height:2px;} 

.sboxoxcontent {display:block; background:#000080; border:3px solid #fff; border-width:0 3px; text-align:center}
.quote {text-align:center}

/* common style for all browsers */
#container4 {
width:910px; background:#eee url(menu4.gif); border:1px solid #909; border-width:5px 1px 1px 1px; height:30px; margin-left:auto; margin-right:auto;
}
.menu4 { text-align:left; font-family: verdana, sans-serif; position:relative; font-size:0.85em; background:transparent; width:910px; height:30px; margin:0 auto;
}
.menu4 ul {
padding:0; margin:0; list-style-type: none;
}
.menu4 ul li {
float:left; position:relative;
}
.menu4 ul li.home {background:transparent url(menu4home.gif);}
.menu4 ul li.products {background:transparent url(menu4products.gif);}
.menu4 ul li.services {background:transparent url(menu4services.gif);}
.menu4 ul li.contact {background:transparent url(menu4contact.gif);}
.menu4 ul li.site {background:transparent url(menu4site.gif);}
.menu4 ul li.news {background:transparent url(menu4news.gif);}
.menu4 ul li.subprod {background:transparent url(menu4subprod.gif) no-repeat;}
.menu4 ul li.subprod2 {background:transparent url(menu4subprod2.gif) no-repeat;}
.menu4 ul li.subprod3 {background:transparent url(menu4subprod3.gif) no-repeat;}
.menu4 ul li.subnews {background:transparent url(menu4subnews.gif) no-repeat;}
.menu4 ul li.subnews2 {background:transparent url(menu4subnews2.gif) no-repeat;}
.menu4 ul li.subnews3 {background:transparent url(menu4subnews3.gif) no-repeat;}
.menu4 ul li.subserv {background:transparent url(menu4subserv.gif) no-repeat;}
.menu4 ul li.subserv2 {background:transparent url(menu4subserv2.gif) no-repeat;}
.menu4 ul li.subserv3 {background:transparent url(menu4subserv3.gif) no-repeat;}
.menu4 ul li.subserv4 {background:transparent url(menu4subserv4.gif) no-repeat;}
.menu4 ul li.subserv5 {background:transparent url(menu4subserv5.gif) no-repeat;}
.menu4 ul li.subsubl {background:#eee url(next.gif) no-repeat top left;}
.menu4 ul li.subsubr {background:#eee url(previous.gif) no-repeat 145px 0;}

.menu4 ul li a, .menu4 ul li a:visited {
display:block; text-decoration:none; width:70px; height:30px; color:#000; padding-left:30px; line-height:29px;
}
* html .menu4 ul li a, .menu4 ul li a:visited {
width:100px; 
}

.menu4 ul li ul {
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;
}
.menu4 table {
margin:-1px; border-collapse:collapse; font-size:1em;
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu4 ul li:hover a,
.menu4 ul li a:hover {
color:#c00; text-decoration:underline; border:0;
}
.menu4 ul li:hover ul,
.menu4 ul li a:hover ul {
visibility:visible; width:170px; height:auto; position:absolute; top:30px; left:-1px; background:#fff; border:1px solid #909; overflow:visible;
}
.menu4 ul li:hover ul li a,
.menu4 ul li a:hover ul li a {
display:block; background:transparent; text-decoration:none; color:#c00; height:auto; line-height:1.5em; padding:5px 10px 5px 35px; width:170px; 
}
.menu4 ul li:hover ul li a.drop,
.menu4 ul li a:hover ul li a.drop {
display:block; color:#000; height:auto; line-height:1.5em; padding:5px 10px 5px 35px; width:170px; 
}
.menu4 ul li:hover ul li ul,
.menu4 ul li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:0; height:0; overflow:hidden;
}
.menu4 ul li:hover ul li a:hover,
.menu4 ul li a:hover ul li a:hover {
color:#00f; text-decoration:underline;
}
.menu4 ul li:hover ul li:hover ul,
.menu4 ul li a:hover ul li a:hover ul {
visibility:visible; position:absolute; top:0; color:#000; left:166px; height:auto; border:1px solid #909;
}
.menu4 ul li:hover ul li:hover ul.left,
.menu4 ul li a:hover ul li a:hover ul.left {
left:-166px;
}
.menu4 ul li:hover ul li:hover ul li a,
.menu4 ul li a:hover ul li a:hover ul li a {
display:block; color:#00f; height:auto; line-height:1.5em; padding:5px 10px 4px 35px; width:170px;
}
* html .menu4 ul li a:hover ul li a:hover ul li a {padding:4px 10px 4px 35px;}

.menu4 ul li:hover ul li:hover ul li:hover a,
.menu4 ul li a:hover ul li a:hover ul li a:hover {
color:#000; text-decoration:underline;
}