﻿/* -----------------------------------------------------------------------

Name: Silverkey Dental Template Theming File Only
filename: theme-aqua-v1.css
Description: 
Author: MD Debranski


Notes: This css file houses ONLY colors and images. All layout css is in the 
layout.css file


----------------------------------------------------------------------- */

/* Table of Contents
 ------------------------------------------
 
   I. Major Page Structure / Global Styles
  II. Header & Navigation
 III. Main Content
 		A. Non-Layout Specific Content Styles
		B. Layout Specific Content Styles
  IV. Footer
   V. Global Custom Classes
  VI. Blueprint & Superfish Overrides

 ------------------------------------------

*/


/********************************************************************************
			 --- I. Major Page Structure / Global Styles  ---
*********************************************************************************/

body {color:#383838;background:url(../../images/theme/aqua/tile-body.png) repeat-x;}

h1 {color:#283743}	
h2 {color:#283743}
h3 {color:#283743}
h3.subheading { color:#283743}
h4 { color:#283743}

a {color:#283743;}



/********************************************************************************
			 --- II. Header & Navigation  ---
*********************************************************************************/

#header{background: url(../../images/theme/aqua/gfx-header-51109.png) center bottom no-repeat;}
#header #logo {color:#283743;}
#header #contact-us {color:#283743; }
#header #contact-us strong{color:#283743 }
#header #logo div.name { color:#283743 }


/********************************************************************************
			 --- III. Main Content  ---
*********************************************************************************/


.home #inner-body{background:url(../../images/gfx/bkg-home-white-stripe.png) center no-repeat;}
.home #inner-body #main-section #copy-02 {color:#283743; }	
.home #inner-body #main-section #copy-03 {color:#283743;}	
.home #inner-body #main-section ul li,ul.orange-arrow li{list-style-image: url(../../images/theme/aqua/gfx-bullet.gif);}

#inner-body #center-column h5{color:#283743;}
#inner-body #center-column h5 a{color:#f8731d;}
#inner-body #center-column ul li {list-style-image: url(../../images/theme/aqua/gfx-bullet.gif); }	
#inner-body #center-column #next-steps {background:url(../../images/theme/aqua/bkg-next-steps.jpg) no-repeat 0px 0px; width:449px; height:204px}
#inner-body #right-column div.module-sidebar {background:url(../../images/theme/aqua/bkg-module-sidebar-right.png) no-repeat 0px 0px;}		

div.module-sidebar {background:url(../../images/theme/aqua/bkg-module-sidebar-left.png) no-repeat 0px 0px; behavior: url(../script/iepngfix.htc)}
div.module-sidebar h3 { color:#283743}
div.module-sidebar .before-after .before img,div.module-sidebar .before-after .after img {border-color:#fff}
div.module-sidebar #location #map img{border-color:#fff; }

.button a{background:#b8c936 url(../../images/gfx/tile-btn-gradient.png) bottom repeat-x;color:#000; behavior: url(../script/iepngfix.htc) }
.button a:hover{background-color: #cfedf0;} 
.button-tall a {background:#b8c936 url(../../images/gfx/tile-btn-gradient-tall.png) bottom repeat-x; color:#000;behavior:url(../script/iepngfix.htc); }
.button-tall a:hover{background-color: #cfedf0;} 
input.button {background:#b8c936 url(../../images/gfx/tile-btn-gradient.png) bottom repeat-x;padding:9px 12px;color:#000; behavior: url(../script/iepngfix.htc);  }
input.button:hover{ background-color: #cfedf0;}
input.disabled ,.disabled{background-color: #cfedf0;}  
a.close-window{background:url(../../images/gfx/btn-close.jpg);}

/********************************************************************************
			 --- IV. Footer  ---
*********************************************************************************/

#footer {background-color:#ffffff;border-color:#283743;}
#footer-home{background:#fefaed url(../../images/gfx/tile-footer-home.png) repeat-x;border-color: #283743}

/********************************************************************************
			 --- IV. Global Custom Classes ---
*********************************************************************************/

.small-photo span img{ border-color:#fff;}


/********************************************************************************
			 --- IV. Pop Up ---
*********************************************************************************/

body.pop-up #title-box{background-color:#ededed; border-color: #dedede; height:3em}
body.pop-up #inner-dialog img{border-color: #ccc;}
body.pop-up .navlist ul li{ list-style-image: url(../../images/theme/aqua/gfx-bullet.gif); }
body.pop-up h3 {color:#283743}
body.pop-up ul li {list-style-image: url(../../images/theme/aqua/gfx-bullet.gif); }
	

/*********************************************************
			 --- IV. Photo Gallery ---
*********************************************************/

body#gallery .image-wrapper {background-color:#ededed; border-color:#dedede;}
body#gallery .image-holder {background: url(../../images/gfx/gfx-gallery-image-bkg.png) no-repeat; }
body#gallery {background-color:#ededed;}
body#gallery #photo-gallery{background-color:#ffffff; border-color: #dedede;}                       

​

/********************************************************************************
			 --- IV. Blueprint / Superfish / Thickbox Override Classes ---
*********************************************************************************/

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {left:0;top:0; /* match top ul list item height */z-index:2; position:absolute; top:37px; }
.sf-menu li li {background:#B8C936; }
.sf-menu a:hover{color:white}

#TB_window { color:#383838; }
#TB_secondLine {  color:#383838;  }
#TB_window a:link {color:#283743;}
#TB_window a:visited { color:#283743; }
#TB_window a:active {color:#283743;}
#TB_window a:focus { color:#283743; }
#TB_title{display:none;}
#TB_window h3 { color:#283743}


.sf-navbar a { border-top:none; color:white; }
.sf-navbar li.current { background: url(../../images/theme/aqua/gfx-hover-arrow.gif) no-repeat center; color:white; }
.sf-navbar li:hover,.sf-navbar li.sfHover,.sf-navbar li li.current,.sf-navbar a:focus,.sf-navbar a:hover,.sf-navbar a:active,.sf-navbar a.active  { background: url(../../images/theme/aqua/gfx-hover-arrow.gif) no-repeat center;}
.sf-navbar ul li:hover,.sf-navbar ul li.sfHover,ul.sf-navbar ul li:hover li,ul.sf-navbar ul li.sfHover li,.sf-navbar ul a:focus,.sf-navbar ul a:hover,.sf-navbar ul a:active { background-color:#B8C936;}
ul.sf-navbar li li li:hover,ul.sf-navbar li li li.sfHover,.sf-navbar li li.current li.current,.sf-navbar ul li li a:focus,.sf-navbar ul li li a:hover,.sf-navbar ul li li a:active {background-color:#B8C936;}
.sf-navbar li li.current > a {color:white;}