/* CSS Document */

* { margin:0; padding:0; }



html,body { font-family:Arial, Helvetica, sans-serif; font-size:14px; background:#fff; background:url(/i/parts/bk2.png) repeat; color:#0f0f0f;  }

body { padding:10px; min-height:100%; }

#root,#ftr { width:914px; margin:0 auto; }
#root { background:#fff; border:6px solid #666; }

#top { text-align:right; font-size:1.2em; color:#333; padding:10px; float:right; }
#top em { color:#1f1f1f; font-weight:bold; font-size:1.2em; padding-top:10px; display:block; }

#logo { float:left; padding:10px; }
#logo a { display:block; text-indent:-9999px; background:url(/i/parts/granite-logo-big.jpg) no-repeat; /* width:202px; height:76px; */ width:300px; height:119px; }

#hdr { height:85px; background:url(/i/parts/hdrbkg.png) repeat-x; }
#hdr .inr { padding:5px 0; }
#hdr .pink { background:#bc2b69; height:67px; }

#ftr { font-size:.7em; color:#eee; clear:both; position:relative;  }
#ftr .c { padding:10px 0; text-align:center; }
#ftr a { color:#fff; padding:0 5px; }
#ftr .label { text-transform:uppercase; font-weight:bold; text-align:center; display:block; margin-top:10px; clear:both; color:#eee; }
#ftr .menus { padding:10px; }

img { border:none; }

.inr { padding:10px; }
.clr { clear:both; margin:0; padding:0; font-size:1px; height:0; line-height:1px; overflow:hidden; }
.left { float:left; }
.right { float:right; }



h1,h2,h3,h4,h5,h6 { font-weight:bold; margin:0; padding:0; }
h1,h2,h3 { font-family:'Palatino Linotype',Palatino,'Zapf Calligraphic','URW Palladio L','Book Antiqua',Georgia, "Times New Roman", Times, serif; font-weight:normal; font-style:italic; }

h1 { font-size:1.8em; font-weight:normal; font-style:italic; color:#028AB7; margin-bottom:20px; }
h2 { font-size:1.8em; font-weight:normal; font-style:italic; color:#028AB7; margin-bottom:20px; }
h3 { font-size:1em; font-weight:bold; font-style:italic; margin:20px 0 10px; color:#0f0f0f; }
h2 small { font-size:.6em; }

h4 { font-size:1em; font-weight:bold; margin:15px 0 5px; }

ul.menu,ol.menu,ul.menu li,ol.menu li,
ul.hmenu,ol.hmenu,ul.hmenu li,ol.hmenu li {
	list-style:none;
	padding:0;
	margin:0;
}

ul.menu,ol.menu,ul.hmenu,ol.hmenu {
	*height:1em; 
}

ul.menu li,ol.menu li {
	display:inline-block;
*float:left;
}

ul.menu li a,ol.menu li a,ul.hmenu li a,ol.hmenu li a {
	display:block;
}


#bod { clear:both; padding:0 10px 5px; }

#content h6 { font-size:11px; font-weight:bold; color:#2f2f2f; margin:10px 0; text-transform:uppercase; color:#4f4f4f; }
#content ul,#content ol { margin:15px 0 15px 30px; }
#content ul.flush,#content ol.flush { margin:0; padding:0; }

#content { line-height:160%; padding-top:10px; }


p { margin:15px 0; }

#content { color:#333; }
#content a { font-weight:bold; color:#0066CC; }

#bod #bot { font-size:11px; font-weight:bold; color:#fff; background:#666; padding:5px; margin-bottom:3px; }
#bod #bot span { float:right; }

#mainmenu,#mainmenu li { list-style:none; padding:0; margin:0; }
#mainmenu { clear:both; margin:0 10px; background:#000; height:34px; }
#mainmenu li { float:left;  } 
#mainmenu li a { background:#000; display:block; text-align:center; color:#fff; text-decoration:none; line-height:1.2em; font-size:12px; font-weight:bold; padding:10px 30px; }
#mainmenu li a:hover { color:#028AB7; text-shadow:0 0 12px #6600FF,1px 1px 1px #000; }
#mainmenu li.selected a { background:#028AB7 url(i/parts/smlgrad.png) repeat-x top; }
#mainmenu li.selected a:hover { color:#fff; text-decoration:underline; text-shadow:none; }
#map {
	padding: 0px;
	height: 200px;
	width: 210px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 1px solid #028ab7;
}



#ephblk { text-align:center; }
#ephblk a { font-size:11px; color:#fff; text-decoration:none; font-weight:normal; }
#ephblk a:hover { text-decoration:underline; }
#ephblk .eph-name { padding:2px 0 2px 22px; background:url(/i/icons/eph-tiny.png) no-repeat left; }


#sidenav { padding:0 30px 10px 10px; }
#sidenav li { border-top:1px dotted #666;  }
#sidenav li:first-child { border-top:0; }
#sidenav a { padding:15px 0; color:#333; text-decoration:none; }
#sidenav a:hover { color:#028AB7; }
#sidenav.secondary,#sidenav li ul { padding: 0 0 10px; margin-right:30px; margin-top:10px; font-size:.8em; }
#sidenav.secondary li,#sidenav li ul li { border:0; }
#sidenav.secondary a,#sidenav li ul a { padding:8px; background:#eee; }
#sidenav.secondary a:hover,#sidenav li ul a:hover,#sidenav li.selected ul li.selected a:hover { background:#333; color:#fff; }
#sidenav li ul { margin-right:0; margin-top:0; margin-left:15px; display:none; }
#sidenav li.selected ul { display:block; }
#sidenav li.selected ul li.selected a { background:#7f7f7f; color:#fff; }
#sidenav li.promote { background:#eee; text-align:center; font-weight:bold; }

html>body div.ie7space { *margin-top:350px !important;  }


#leftnav { width:215px; float:left; padding-top:20px;  }
#leftnav h6 { font-size:.8em; color:#000; text-transform:uppercase; font-weight:bold; padding-top:10px; margin:0; }

#testimonial {
	text-align:left;
	border: 1px solid #028ab7;
	font-size: .85em;
	line-height: 1.1em;
	margin: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#testimonial h4 { color:#028AB7; text-align:center; }
#content.short { width:676px; float:left; }

#imghdr { background:url(/i/parts/splashbkg-secondary.jpg) no-repeat; width:644px; height:257px; margin:0 auto; padding:10px; overflow:hidden; }
#imgseo { margin-left:10px; }



#gallery, #gallery li { list-style:none; margin:0; padding:0; }
#gallery li { text-align:center; color:#aaa; *color:#333; float:left; width:30.9%; padding:.9%; }
#gallery li:hover { color:#333; }
#gallery span { display:block; text-align:center; font-weight:normal; margin-top:5px; }
#gallery img { -moz-box-shadow:2px 2px 4px rgba(0,0,0,.7); margin:0 1px 1px 0; }
#gallery a { display:block; margin:0 auto; text-align:center; }
#gallery a:hover img { -moz-box-shadow:0px 0px 16px rgba(33,33,33,.7); margin:1px 0 0 1px; }
#gallery.four li { width:22.9%; padding:.9%; }
#gallery.five li { width:17.9%; padding:.9%; }
#gallery.extravert li { padding:3% .9%; }


#videos { background:url(/i/content/home/home-leftnav.png) no-repeat; width:225px; height:325px; padding-top:75px; text-align:center; margin-left:-8px; margin-bottom:10px; }
html>body #videos { *margin-top:75px;  }
#videos a { text-decoration:none; color:#333333; display:block; margin-bottom:5px; }
#videos a span { display:none; position:absolute; margin:45px 90px; width:48px; height:48px; background:url(/i/icons/play_48x48.png) no-repeat center center; }
#videos a:hover { color:#0099FF; }
#videos a:hover span { display:block; }


.cols .col { float:left; width:50%; }

.lowlight { color:#7f7f7f }
.highlight { color:#028AB7; font-weight:bold; }


a.close { display:block; width:48px; height:48px; text-indent:-9999px; background:url(/js/inline-gallery/close.png) no-repeat top; text-decoration:none; cursor:pointer; }
a.close:hover { background-position:bottom; }

.imgsect { 
	background:url(/i/parts/section-bkg.png) no-repeat; /* img height is 135 */
	font-size:38px;
	font-weight:normal;
	margin:-15px 0 0 -5px;
	height:115px;
	padding:10px 3px 10px 7px;
	color:#fff;
	text-shadow:1px 1px 1px rgba(0,0,0,.7);
}
.imgsect div { 
	padding:74px 10px 15px; 
	background:url(/i/parts/hdr-img.jpg) no-repeat center center;
}
.imgsect .alt { color:orange; font-size:12px; display:block; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-style:normal; position:absolute; margin-top:-20px; }

.linefill { background:url(/i/parts/linefill.gif) repeat-x center left; } 
.linefill span { padding:0 5px; background:#fff; margin-left:10px; }
.color { color:#028AB7; }
.center { text-align:center; }
.centerHeader {
	text-align:center;
	color: #333;
}
.centerHeader3 {
	text-align:center;
	color:#028AB7;
	font-size:1.5em;
}
.indent { margin-left:15px; }
.dark { color:#060606; }
.photoRight {
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}