#nav-main-trim {
    clear: both;
    width: 850px;
    height: 6px;
    background-color: #ccc;
    background-image: url('/img/nav-main-trim.jpg');
    background-repeat: repeat-x;
    overflow: hidden;
    border-bottom-color : #8e8e8e;
    border-bottom-style : solid;
    border-bottom-width : 1px;
  }

/* [ Main nav ]
----------------------------------------------- */

#nav-main {
    float: left;
    width: 850px;
    height: 25px;
    margin: 0 auto;
    padding: 0;
    background: #666 url(/img/nav-main-bg.gif) repeat-x;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
  }


#nav-main ul {
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 5;
    /* Added for Mac Safari issue */;
  }


#nav-main ul li {
    float: left;
    width: auto;
    height: 25px;
    margin: 0;
    padding: 0;
    /*border-top: 1px solid #999;
    */ /*border-bottom: 1px solid #999;
    */ /* 2px extra in Opera */border-right: 1px solid #333;
    position: relative;
    display: block;
    z-index: 5;
  }


#nav-main ul li a {
    width: auto;
    padding: 5px 6px 6px 6px;
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    display: block;
    border-right: 1px solid #999;
    z-index: 5;
  }

#nav-main ul li span {
    width: auto;
    v-align: top;
    padding: 5px 6px 6px 6px;
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    display: block;
    border-right: 1px solid #999;
    z-index: 5;
  }

#nav-main ul li a:hover {
    background: #7d7d7d url(/img/nav-main-bg-on.gif) repeat-x;
  }

#nav-main ul li span:hover {
    background: #7d7d7d url(/img/nav-main-bg-on.gif) repeat-x;
  }

#nav-main ul li ul {
    width: 150px;
    w\idth: 152px;
    /* Fix for IE5 */ border-top: 1px solid #fff;
    border-bottom: 1px solid #666;
    list-style: none;
    position: absolute;
    top: 24px;
    left: -1px;
    display: none;
    z-index: 5;
  }


#nav-main ul li ul li {
    width: 150px;
    height: 20px;
    background: #dbdbdb;
    border: 1px solid #666;
    border-bottom: none;
    display: block;
  }


#nav-main a.parent {
    background: url(/img/arrow-nav-main-maroon.gif) no-repeat 140px center;
  }

#nav-main span.parent {
    background: url(/img/arrow-nav-main-maroon.gif) no-repeat 140px center;
  }

#nav-main a:hover.parent {
    background: #722b2b url(/img/arrow-nav-main-white.gif) no-repeat 140px center;
  }

#nav-main span:hover.parent {
    background: #722b2b url(/img/arrow-nav-main-white.gif) no-repeat 140px center;
  }

#nav-main ul li ul li a {
    height: 14px;
    padding: 3px 5px;
    font-weight: normal;
    color: #333;
    border-right: none;
    display: block;
    text-align : left;
  }

#nav-main ul li ul li span {
    height: 14px;
    padding: 3px 5px;
    font-weight: normal;
    color: #333;
    border-right: none;
    display: block;
    text-align : left;
  }


#nav-main ul li ul li a:hover {
    background: #722b2b;
    color: #fff;
    text-align : left;
  }


#nav-main ul li ul li ul {
    width: 150px;
    w\idth: 152px;
    /* Fix for IE5 */ border-top: none;
    border-bottom: 1px solid #666;
    list-style: none;
    position: absolute;
    top: -1px;
    left: 150px;
    text-align : left;
  }


#nav-main ul li ul li ul li {
    width: 150px;
    height: 20px;
    background: #dbdbdb;
    border: 1px solid #666;
    border-bottom: none;
    text-align : left;
  }

/* Hide sub-menus initially */

#nav-main li:hover ul ul,#nav-main li:hover ul ul ul,#nav-main li.over ul ul,#nav-main li.over ul ul ul {
    display: none;
  }

/* Display sub-menus */

#nav-main li:hover ul,#nav-main li li:hover ul,#nav-main li li li:hover ul,#nav-main li.over ul,#nav-main li li.over ul,#nav-main li li li.over ul {
    display: block;
  }

/* Highlight category based on body class */

.products #nav-main .products, .about #nav-main .about, .support #nav-main .support, .faq #nav-main .faq, .contact #nav-main .contact, .docs #nav-main .docs {
    background-color : #7d7d7d;
  }

/* -- Class Def -- */

.logo {
    float : left;
    padding-left : 20px;
    padding-top : 8px;
  }


#titleText {
    color : #c7c7c7;
    float : right;
    font-size : 22px;
    font-weight : bold;
    letter-spacing : 5px;
    padding-top : 45px;
    text-align : center;
    text-transform : capitalize;
    width : 739px;
    font-family : Verdana,Arial,Helvetica,sans-serif;
  }


#title {
    background-color : #000;
    background-image : url('/img/title-banner-100.jpg');
    background-repeat : repeat-x;
    padding-bottom : 0px;
    padding-left : 0px;
    padding-right : 0px;
    padding-top : 0px;
    min-height : 100px;
    width : 850px;
  }

#prefooter-trim {
    /*clear : both;*/
    height : 6px;
    /*overflow : hidden;*/
    /*position : relative;*/
    width : 850px;
    border-top-color : #8e8e8e;
    border-top-style : solid;
    border-top-width : 1px;
    border-bottom-color : #8e8e8e;
    border-bottom-style : solid;
    border-bottom-width : 1px;
    background-color : #ccc;
    background-image : url('/img/nav-main-trim.jpg');
    background-repeat : repeat-x;
    /*b/ottom : 4px;*/
    /*vertical-align : bottom;*/
  }


#footer {
	color : #A7A7A7;
	font-size :x-small;
	font-family : Verdana,Arial,Helvetica,sans-serif;
	text-align : right;
	/*bottom : 0px;*/
	min-height : 6px;
	/*position : absolute;*/
	float : left;
	background-color : #e7e7e7;
	border-bottom-color : #8e8e8e;
	border-bottom-style : solid;
	border-bottom-width : 1px;
	border-left-color : #ffffff;
	border-left-style : inset;
	border-left-width : 1px;
	border-right-color : #ffffff;
	border-right-style : outset;
	border-right-width : 1px;
	padding: 1px;
  }


#copyright {
    float : right;
  }


#email {
    float : left;
  }


#email a {
    color: #A7A7A7;
  }

#main {
	background-color : #e7e7e7;
	border-bottom-color : #8e8e8e;
	border-bottom-style : solid;
	border-bottom-width : 1px;
	border-left-color : #ffffff;
	border-left-style : inset;
	border-left-width : 1px;
	border-right-color : #ffffff;
	border-right-style : outset;
	border-right-width : 1px;
	/*min-height : 750px;*/
	position : relative;
	top : -8px;
	vertical-align : top;
	width : 850px;
}

body {
	background-color : #eaeaea;
	background-image : url('/img/bg.jpg');
	background-repeat : repeat-x;
	background-attachment : fixed;
	color : #333;
	font-family : Verdana,Arial,Helvetica,sans-serif;
	font-size : x-small;	
	padding-top : 0px;
	text-align : center;
}

#movie { 
	position = absolute;
	z-index = -1;
	}

#text {
	min-height : 600;
	}

#developers {
	float: left;
	}

#box {
    width: 700px;
    height: 25px;
    background: #FFF666 url(/img/nav-main-bg.gif) repeat-x;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    border-left: 1px solid #999;
    border-bottom: 1px solid #999;
  }

#textBox {
    text-align: left;
    width: 680px;
    min-height: 25;
    background: #FDFDFD;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
    border-right: 1px solid #999;
    border-left: 1px solid #999;
    border-bottom: 1px solid #999;
    font-size:12px;
  }

#pictureBox img {
    border-right: 4px solid #222;
    border-left: 2px solid #777;
    border-bottom: 3px solid #222;
    border-top: 2px solid #777;
}

#pictureBox table td{
    padding: 7px;
    }
#pictureBox {
    text-align: left;
    width: 680px;
    min-height: 25;
    background: #FDFDFD;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
    border-right: 1px solid #999;
    border-left: 1px solid #999;
    border-bottom: 1px solid #999;
    font-size:12px;
  }

#boxtitle {
    width: auto;
    font-size: 15px;
    font-weight: bold;
    float: left;
    color: #fff;
    text-decoration: none;
    display: block;
    margin: 0;
    padding: 2px;
    padding-left: 6px;
    list-style: none;
    z-index: 5;
  }

#files {
	height: 700px;
  }