/* CSS Document */
* {
padding: 0;
margin: 0;
}
body {
background-color: #CCC;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
}

span {
font-weight: bold;
color: #000;
}

/*......Form on Contact Page.......*/
form {
font-size: 80%;
margin-left: 80px;
margin-top: 10px;
}

/*....colored text on Testimonial Page...*/
#copy p.testim {
color: #013581;
margin-bottom: 10px;
margin-top: 10px;

}

/*......address on Contact Page......*/
#copy p.addy {
margin-left: 190px;
margin-bottom: 10px;
margin-top: 10px;
}

/*...colored text on Index/Services Page....*/
#copy p.spesh {
color: #ff3399;
font-size: 100%;
}

/*.......outer..........*/

#outer {
width: 840px;
background-image: url(images/outer_bg.jpg);
background-repeat: repeat-y;
margin: 0 auto 0;
}

/*///////////////////////////
......WRAPPER
///////////////////////////*/

#wrapper {
width: 800px;
text-align: left;
margin: 0 auto 0;
background-color: #FFF;
}

/*////////////////////////////
......TOP HEADER
////////////////////////////*/

#top_header {
width: 800px;
height: 85px;
background-image: url(images/optix_top.jpg);
background-repeat: no-repeat;
}



/*////////////////////////////
......HEADER
////////////////////////////*/

#header {
width: 800px;
height: 203px;
}

/*......SUB MENU.....*/

#sub_menu {
float: right;
width: 243px;
height: 200px;
background-color: #CCC;
}
#sub_menu ul {
list-style-type: none;
}
#sub_menu ul.com li a {
background-image: url(images/com_bttn.gif);
background-repeat: no-repeat;
height: 100px;
display: block;
border-bottom: 3px solid #FFF;
}

#sub_menu ul.com li a:hover {
background-image: url(images/com_bttn_h.gif);
background-repeat: no-repeat;
height: 100px;
display: block;
}

#sub_menu ul.res li a {
background-image: url(images/res_bttn.gif);
background-repeat: no-repeat;
height: 100px;
display: block;
}

#sub_menu ul.res li a:hover {
background-image: url(images/res_bttn_h.gif);
background-repeat: no-repeat;
height: 100px;
display: block;
}

#flash {
float: left;
width: 551px;
height: 203px;
background-color: #00CCFF;
}


/*//////////////////////////////
.......MENU
//////////////////////////////*/

#menu_holder {
float: left;
width: 142px;
}

#menu_holder img {
border: none;
}

#menu {
/*float: left;
width: 142px;*/
/*border:1px solid #990000;*/
padding-top: 5px;
margin-left: 8px;
}

#menu a {
display: block;
padding:8px 5px 8px 20px;
width: 128px;
color: #000;
background-color: #EFEFEF;
background-image: url(images/nav_bullet.gif);
background-repeat: no-repeat;
background-position: 2px center;
font-weight: bold;
font-size: 80%;
border-bottom: 5px solid #FFF;
text-decoration: none;
}

#menu a:hover {
color: #666;
background-image: url(images/nav_bullet_h.gif);
background-repeat: no-repeat;
background-position: 2px center;
/*background-color: #CCC;*/
}

/*.......red class.........*/
#menu a.red {
background-image: url(images/nav_bullet_r.gif);
background-repeat: no-repeat;
background-position: 2px center;

}

#menu a.red:hover {
color: #666;
background-image: url(images/nav_bullet_r_h.gif);
background-repeat: no-repeat;
background-position: 2px center;
/*background-color: #CCC;*/
}
/*.......red class sub.........*/
#menu .red_sub {
font-size: 65%;
}
#menu a.red_sub {
background-image: url(images/nav_bullet_r_small.gif);
background-repeat: no-repeat;
background-position: 2px center;
padding: 4px 5px 4px 20px;
background-color: #CCC;
}

#menu a.red_sub:hover {
color: #666;
background-image: url(images/nav_bullet_r_h_small.gif);
background-repeat: no-repeat;
background-position: 2px center;
/*background-color: #CCC;*/
}

/*.......blu class.........*/
#menu a.blu {
background-image: url(images/nav_bullet_b.gif);
background-repeat: no-repeat;
background-position: 2px center;

}

#menu a.blu:hover {
color: #666;
background-image: url(images/nav_bullet_b_h.gif);
background-repeat: no-repeat;
background-position: 2px center;
/*background-color: #CCC;*/
}

/*.......blu class small.........*/
#menu .blu_sub {
font-size: 65%;
}
#menu a.blu_sub {
background-image: url(images/nav_bullet_b_small.gif);
background-repeat: no-repeat;
background-position: 2px center;
padding: 4px 5px 4px 20px;
background-color: #CCC;
}

#menu a.blu_sub:hover {
color: #666;
background-image: url(images/nav_bullet_b_h_small.gif);
background-repeat: no-repeat;
background-position: 2px center;
/*background-color: #CCC;*/
}

.callback {
padding: 10px 0 0 8px;
}
.callback p{
font-size: 80%;
}
.callback a {
color: #FF4844;
}
.callback a:hover {
color: #1C18C4;
text-decoration:none;
}

/*/////////////////////////////
..........INNER
////////////////////////////*/

#inner {
width: 800px;
background-image: url(images/bg_dotted_line.gif);
background-repeat: repeat-y;

}


/*///////////////////////////
.....COPY
///////////////////////////*/

#copy {
float: right;
width: 615px;
/*background-color: #CCFF99;*/
padding: 10px 6px 6px 6px;
/*border: 1px solid #000;*/

}

#copy p {
font-size: 70%;
line-height: 1.3em;
}

#copy h4 {
color: #FF4844;
padding: 5px 0 5px 0;
}
#copy .blu_header{
color: #1C18C4;
padding: 5px 0 5px 0;
}

/*//////////////////////
.....CLEARONE
//////////////////////*/
#clearone {
clear: both;
height: 1px;
}

.redlink a{
color: #FF4844;
}

/*//////////////////////////
.....FOOTER
//////////////////////////*/
 
#footer {
clear: both;
/*background-color: #FFF;*/
text-align: center;
background-image: url(images/bg_dotted_line.gif);
background-repeat: repeat-y; 
}

#footer p {
padding: 5px 0 5px 0;
font-size: 65%;
color: #1C18C4;
}

#footer a {
color: #FF4844;
text-decoration: none;
}