/* CSS Document*/

/* ===============================  GLOBAL COLOR  ================================= */
body,
#header,
#menu_box,
#menu_box li.active,
#menu_box li:hover,
#menu_box li.active span,
#footer,
#testimonials article a.c_website,
a.show_capabilities,
a.show_services,
a.button:hover,
button:hover, 
input[type=submit]:hover,
div.Tabs a.activeTab {background-color:#af2e49;} /* CHOOSE A LIGHTER SHADE (Preferable)  - Refer Documentation [COLOR CUSTOMIZATION] */

h1, h2, h3, #quoteSlider footer small, #quoteSlider footer {color:#8a908c; font-family:'titillium web';}  /* CHOOSE A DARKER SHADE (Preferable) */
h4, h5, h6 {color:#666; }

body {background-image:url(../img/textures/dark/tex-3.png); /* Change image name i.e. "tex-10.png" to change textures. e.g. tex-1.png, tex-2.png, tex-3.png .... tex-10.png */}

#options {position:fixed; top:60px; left:0px; width:180px; background:#fff; padding:20px 20px 10px 20px; -webkit-box-shadow:0px 2px 10px 0px #333; box-shadow:0px 2px 10px 0px #333; z-index:999999;}
#options div.readyColors {padding-bottom:5px; margin-bottom:5px; border-bottom:#ccc 1px solid;}
#options div.readyColors a,
#options div.readyTex a {padding:5px!important; margin:0px 8px 8px 0px; display:block!important; width:10px!important; overflow:hidden!important; height:10px!important; text-indent:-9999px; float:left!important;  border:#ccc 1px solid;}

#options span.dialog {position:absolute; top:0; right:-35px; cursor:pointer; display:block; width:35px; height:35px; text-align:center;  background:#16889d; color:#fff; font-weight:bold;}
#options span.dialog h4 {color:#fff; font-size:20px; line-height:30px;}
#options h4.head {display:block; background:#666; color:#fff; margin:-20px -22px 10px -20px; padding:5px 15px;}