/*	Desc: screen.css
	Author: Josh Hamilton - sire advertising
	Date: *12/7/07*
=================================== */

/**html #content, *html #masthead h1 { behavior: url('iepngfix.htc'); }*/


/* === === === === === === === === === ===
=RESET
=== === === === === === === === === === */

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

#site-info span.small {
	font-size: 7px;
	}


		

/* === === === === === === === === === ===
=STRUCTURE
=== === === === === === === === === === */

html 
 { margin: 0; padding: 0; width: 100%; }


body 
 { margin: 0; padding: 0; background: white url('../img/bgd.gif') repeat-x left 0; font-family: 'Verdana', Arial, Helvetica, sans-serif; color: #4F6373; position: relative; font-size:75%; width:100%; }
 

#wrapper 
 { width: 870px; position: relative; text-align: left; margin: 0 auto; }


/* === === === === === === === === === ===
=COMMON
=== === === === === === === === === === */


*
{ padding: 0; margin: 0; }


p, li
 { line-height: 170%; font-size: 12px; }

img
 { border: 0; }
 
a 
 { outline: none; text-decoration:none; }
 
hr
 { display: none; }
 
.hide 
 { text-indent: -9999px; font-size: 1%; }
 
 
h2, h4, h5, h6, em 
 { color: #14212B; }

h2 
 { font-size: 18px; font-weight: bold; text-transform: uppercase; margin:0 0 10px 0; }
 
h3 
 { font-size: 13px; font-weight: bold; margin-bottom: 15px; color:#8CCEDA; }
 
em 
 { font-size: 11px; font-weight: bold; text-transform: uppercase; font-style:normal; }
 
 
strong 
 { font-weight: bold; }
 
p.small
 { font-size: 10px; }
 


/* === === === === === === === === === ===
=MASTHEAD
=== === === === === === === === === === */

#masthead 
 { position: relative; width: 100%; height: 158px; overflow:hidden; }
 

#masthead h1
 { text-indent: -9999px; font-size: 1%; display: block; width: 224px; height: 127px; background: transparent url('../img/logo-trans.png') no-repeat left 0; position: absolute; top: 35px; left: 36px; }

#masthead h1 a
 { display: block; width: 224px; height: 127px; }


/* === === === === === === === === === ===
=NAVIGATION
=== === === === === === === === === === */


#navigation 
 { position: absolute; top: -2px; right: 0; background: transparent url('../img/nav_ul.gif') no-repeat left 0; z-index:99999; }
 
 
*html #navigation { width:560px; }

#navigation ul 
 { height:44px; background: transparent url('../img/nav_li.gif') no-repeat right 0; padding: 15px 28px 0 28px; text-align:right;  }
 
 
#navigation li 
 { height:44px; float: left; display:inline; font-size: 12px; border-right: 1px solid #4F6373; border-left: 1px solid #C9E8EE; }


#navigation ul li a 
 { height: 34px; float: left; text-decoration: none; color: #14212b; padding: 10px 15px 0 15px; }
 

#navigation ul li a:hover
 { background: transparent url('../img/nav_hover.gif') no-repeat center bottom; color: white; }
 

#navigation ul li#first  
 { border-left: none;  }
 

#navigation ul li#last 
 { border-right: none; height: 44px; }
 

#navigation li.currentpage a
 { background: transparent url('../img/nav_hover.gif') no-repeat center bottom; color: white; }
 
 
#navigation li.currentpage a:hover
 { background: transparent url('../img/nav_hover.gif') no-repeat center bottom; color: #14212B; }
 
 
 
/* === === === === === === === === === ===
=GALLERY NAV
=== === === === === === === === === === */

 
#gallery-nav
 { float:left; width:160px; margin-left: 46px; padding:0; clear:both; }
 
#gallery-nav li 
 { color:#14212b; text-decoration:none; display:block;}
 
#gallery-nav li a
 {  background: transparent url('../img/check.gif') no-repeat left 8px; line-height:2.5em;  padding-left:28px; color:#14212b; text-decoration:none; display:block;}

 
/*== DIFINES CURRENT STATE ==*/ 
body#edu li#edunav a,
body#food li#foodnav a,
body#gov li#govnav a,
body#health li#healthnav a,
body#hosp li#hospnav a,
body#retail li#retnav a,
body#misc li#miscnav a,
li#edunav a:focus, li#edunav a:hover,
li#foodnav a:focus, li#foodnav a:hover,
li#govnav a:focus, li#govnav a:hover,
li#healthnav a:focus, li#healthnav a:hover,
li#hospnav a:focus, li#hospnav a:hover,
li#retnav a:focus, li#retnav a:hover,
li#miscnav a:focus, li#miscnav a:hover

 { background: url('../img/check.gif') no-repeat left -20px; color: #8CCEDA;}
 
 
 
/* === === === === === === === === === ===
=CONTENT
=== === === === === === === === === === */

#content
 { position:relative; background: transparent url('../img/content-bgd.gif') no-repeat left 0; overflow: hidden; margin:0 auto; width:870px; z-index:1; }
 
#mainCon, #form
 { float:left; clear:left; width: 380px; margin:46px 0 46px 46px; padding-bottom:15px; }

 
#mainCon p
 { padding-bottom:8px; z-index:9999999;}
 
#mainCon p a:link, #mainCon p a:visited, #mainCon p a:active
 { font-weight:bold; border-bottom: dotted 1px #14212B; color: #4F6373; }
 
#mainCon p a:hover
 { color:#8CCEDA; }
 
 
#subCon
 { float:right; margin:46px 46px 46px 0; width:325px; }
 
#test-subCon
 { float:right; margin:0 46px 46px 0; width:325px; }
 
 
#feature 
 { margin: 46px auto 0 auto; width:778px;  } 


p.call
 {  border-top: 1px solid #B5B1B6; margin-top: 25px; padding: 25px 0 8px 0; clear:both; font-size:10px; }
 
 
ul#specialities 
 { padding:15px 0 0 0; border-top: 1px solid #B6B5B1; margin-bottom:20px; width:325px; }
 
 
ul#specialities li
 { background: transparent url('../img/check.gif') no-repeat left 8px; padding:5px 0 5px 28px;  color:#14212b; text-decoration:none; display:block; }

.divider
 { margin:20px 0; clear:both; }
 
 
#projects
 { width: 550px; margin:0 46px 25px 0; float: right; clear:right; }
 
 
#picture_shadow 
 { background: transparent url('../img/shadow.gif') no-repeat left bottom; width: 325px; height: 234px; margin:0; clear:both; }
 

#picture
 { border: 13px solid #8CCEDA; width: 299px; height: 192px; position:relative; background-color: #14212B; }
 
p.tag
 { font-style:italic; display:block; margin-top:15px; }


#testimonial
 { float: left; width:350px; padding: 0; z-index:99999; margin:0 0 46px 46px; }
 
#testimonial li
 { float: left; padding:5px 0; margin-bottom:20px; } /*border-bottom: 1px solid white; border-top: 1px solid  #CCCCCC; }*/
 
#testimonial li#top
 { border-top: none; }
 
#testimonial li#bottom
 { border-bottom: none; padding-bottom:35px; }
 

 
/* === === === === === === === === === ===
=FLASH
=== === === === === === === === === === */ 
 
#shadow 
 { background: transparent url('../img/shadow.gif') no-repeat left bottom; width: 325px; height: 234px; margin-bottom: 20px; }
 
#flashcontent
 { border: 13px solid #8CCEDA; background-color: transparent; z-index:9999; }
 
#flashcontent p
 { padding:10px; color: #8CCEDA;}
 
#flashcontent p a
 { color: #8CCEDA; text-decoration:none; font-weight:bold;  }

#flashcontent p a:hover
 { color: #ffffff; text-decoration:none;  }
 

 
/* === === === === === === === === === ===
=GALLERY
=== === === === === === === === === === */

#gallery
 { float:left; clear:both; padding: 15px 0; z-index:9999999;}
 
#gallery li
 { float: left; display:inline; margin:0 25px 25px 0; }
 
#gallery li a 
 { float:left; display:block; width: 65px; height: 65px; border: 5px solid #8CCEDA; background-color: #8CCEDA; }

#gallery li a:focus, #gallery li a:hover
 { border: 5px solid  #14212B;}


/* === === === === === === === === === ===
=FOOTER
=== === === === === === === === === === */


#footer-wrap
 { clear: both; padding: 15px 0 200px; border-top: 7px solid #8CCEDA; background: #14212B url('../img/f_bgd.gif') repeat-x left 0; margin-top:15px; }


#footer
 { width: 834px; height: 27px; margin: 0 auto;  font-size:1.0em; line-height: 2.0em; }
 
 
#footer ul#footer-nav
 { float: left; height:36px; }
 
 
#footer ul#footer-nav li
 { float:left; color: white; display:inline; }
 
 
#footer ul#footer-nav li a
 { float: left; color: white; text-decoration:none; padding: 0 10px 0 10px; }
 
 
#footer ul#footer-nav li a:hover
 { color:#8CCEDA; }
 

#footer ul#footer-nav li.currentpage a
 { color: #8CCEDA; } 

 
#site-info
 { clear: both; padding:0 10px 0 10px; }
 
 
#site-info p, #site-info p a
 { color:#8CCEDA; font-size: 9px; font-weight: bold; }
 
#site-info p a:hover
 { color: white; border-bottom: 1px dotted white; }
 

#site-info address, #site-info address a
 { color: #4F6373; text-decoration: none; font-weight: bold; font-size: 9px; }
 

#site-info address a:hover
 { color: #8CCEDA; text-decoration: underline; }
 
 
 
/* === === === === === === === === === ===
=LIGHTBOX
=== === === === === === === === === === */
 
#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #14212B;
	cursor: pointer;
	z-index:99999;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #14212B;
	z-index:99999;
}

.lbLoading {
	background: #14212B url('../img/loading.gif') no-repeat center;
	z-index:99999;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid  #14212B;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url('../img/prevlabel.gif') no-repeat 0% 15%;
	z-index:99999;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url('../img/nextlabel.gif') no-repeat 100% 15%;
	z-index:99999;
}

#lbBottom {
	font-family: 'Verdana', Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #14212B;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url('../img/closelabel.gif') no-repeat center;
	z-index:99999;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}