/*  
Theme Name: Sterling Inspection Services
Theme URI: http://www.koowee.org/portfolio
Description: Standard Sterling Inspections Services Style (Under Construction)
Version: 
Author: Teague Sterling
Author URI: http://www.koowee.org/portfolio

	Sterling Inspection Services
	 http://www.koowee.org/portfolio

	Your good ol' SISSCO style, in an unfinished form.
  
  All of the styles and images are stored under the resources directory under
  the appropriate sub-directory.
*/
/*
 * LAYOUT INFORMATION
 */
/* BASIC LAYOUT SECTIONS */
* { z-index: 0; }

body { 
	margin: 0px; padding: 0px;
    background: rgb(191, 223, 255) url(resources/img/layout/body-bg.png)
    repeat-x fixed center bottom;
    text-align: center;
	font-family: Georgia,"Times New Roman",Times,serif;
}

div.page {
	margin: 0px auto;
	width: 750px;
	border: 10px solid #000;
	border-left-width: 1px; border-right-width: 1px;
  background: #fff url(resources/img/layout/page-content-bg.png) repeat-y scroll center top;
  text-align: left;
}

div.head {
	width: 750px; height: 100px;
	background: transparent url(resources/img/layout/site-header-bg.png) no-repeat left top;
	overflow: hidden;
	border-bottom: 1px solid #000;
	/*position: relative; left: 0px; top: 0px;*/
}

div.nav {
	margin: -50px -166px 0px 0px; 
	padding: 0px;
	float: left; width: 166px;
	clear: none;
  overflow: hidden;
}
div.nav div.logos {
  text-align: center;
  margin: 1em 0 0 0;
}
div.logos a {
  margin: 0; padding: 0;
}
div.logos a img {
  margin: 1px;
  border-width: 0;
}

div.main {
	margin: 0px 0px 20px 166px;
	padding: 10px 15px 0px 0px;
	float: right; width: 569px;
	clear: none;
	text-align: left;
	border-bottom: 1px solid rgb(238, 238, 238);
  overflow: hidden;
}

div.foot { 
	background: white url(resources/img/layout/page-footer-bg.png) no-repeat left top;
	width: 680px;
	padding: 0px 0px 0px 0px; 
	margin: 0px 70px 0px 0px;
	clear: both;
	font-size: .65em;
}

/* LAYOUT DETAILS */
div.head h1 {
	margin: 0px; padding: 0px;
	width: auto; height: auto;
	font-size: 1em; color: #000;
  background: transparent;
	text-indent: -5000px;
}

span.phone {
  z-index: 10;
  display: block;
  position: absolute;
  top: 113px;
  padding-left: 5px;
  letter-spacing: -1px;
  font-weight: bold;
}

span.pagetitle {
	visibility: hidden;
}

div.head h2 {
	margin: 0px; padding: 0px;
	/*position: absolute; left: 330px; bottom: 1em;*/
  position: relative; top: 40px; left: 350px;  
  font-size: 16px; font-style: oblique;
	font-weight: normal;
  letter-spacing: -.05em; display: inline;
  width: auto; color: #000;
	border-bottom: none;
}
div.head a.homelink {
	margin: 0px; padding: 0px;
	width: 71px; height: 85px;
  display: block;
  position: relative; left: 6px; top: -40px;
	text-indent: -5000px; text-decoration: none;
	background: transparent url(resources/img/layout/homelink.png) no-repeat scroll left top;
}
div.head a.homelink span { display: block; }


div.head a.homelink:hover {
	background-position: right top;
}

hr { display: none; }
/*
 * MENU SYTLING
 */
 
div.nav h3 { display: none; }

dl.menu, dl.menu dt, dl.menu dd {
	margin: 3px 0px; padding: 0px;
	font-size: .95em;
}

dl.menu { margin: 10px 0px 0px 0px; }

dl.menu dt a, dl.menu dd.nochild a {
	padding: 0px 0px 0px 15px; font-weight: bold;
}

dl.menu a {
	width: auto; height: auto;
    display: block;
    color: #222;
    text-decoration: none;
	padding-left: 20px;
	background: transparent url(resources/img/layout/link-hover.gif) no-repeat 0px -16px;	
}

dl.menu a:hover {
	text-decoration: underline;
	background-position: 0px 0px;
}

dl.menu dd a span {
	width: 100%; height: 100%;
    display: block;
	cursor: pointer;
}

ul.associations {
	margin: 25px 0px 0px 0px; padding: 0px;
	list-style-type: none;
}

ul.associations li { 
	margin: 0px; 
	padding: 0px; 
	/*text-indent: -5000px;*/
}

ul.associations li dl { display: none; }


#home #m_home a, #resume #m_res a, #contact #m_con a, #links #m_links a,
#information #m_info a, #standards #m_std a, #guide #m_guide a, #costs #m_cost a,
#samples #m_samp a, #services #m_serv a, #proservices #m_pserv a, #request #m_req a,
#pickup #m_pick a, #home #m_home a:hover, #resume #m_res a:hover, #contact #m_con a:hover, 
#links #m_links a:hover, #information #m_info a:hover, #standards #m_std a:hover, 
#guide #m_guide a:hover, #costs #m_cost a:hover, #samples #m_samp a:hover, 
#services #m_serv a:hover, #proservices #m_pserva:hover , #request #m_req a:hover, 
#pickup #m_pick a:hover, #site #m_site a, #site #m_site a:hover, #code #m_code a,
#code #m_code a:hover { 
	background: #fff none;  
	border: 1px solid black; 
	border-left: none; 
	border-right: 10px solid #000;
	text-decoration: none;
    color: #5f7397; 
    cursor: text;
	padding: 2px 0px;
	font-size: 1.3em;
	text-align: center;
    }

#home #m_home a:hover span, #resume #m_res:hover span, #contact #m_con:hover span, 
#links #m_links a:hover span, #information #m_info a:hover span, #standards #m_std a:hover span, 
#guide #m_guide a:hover span, #costs m_cost a:hover span, #samples #m_samp a:hover span, 
#services #m_serv a:hover span, #proservices #m_pserva:hover span, #request #m_req a:hover span, 
#pickup #m_pick a:hover span, #site #m_site a:hover span, #code #m_code a:hover span { 
 	cursor: text;
}

/*
 * CONTENT STYLING
 */
h1 {
	margin: 0px 0px 20px 0px; padding: 0px;
	padding: 25px 0px 0px 110px;
	width: auto; height: 95px;
	font-size: 3.5em; color: #485C8F;
	letter-spacing: -0.1em;
    background: url(resources/img/layout/page-header-bg.png) no-repeat scroll left top;
}

h2 { 
	margin: -2.5em 0px 0px 166px; padding: 0px 0px 1px 10px;
    width: auto; font-size: 1.1em;
    font-style: italic; font-weight: bold;
	color: #6f89b7;
	/*border-bottom: 2px dotted #d6d5bb;*/
}

h1, h3, h4, div.nav, span.slogan, div.intro, ul.block-content ul { 
	font-family: "Trebuchet MS",verdana,"Bitstream Vera Sans",arial,lucida,helvetica,sans-serif; 
}

acronym, abbr, .help { 
   border-bottom: 1px dotted #ccc; 
   cursor: help;
}
			     
a { outline: none; }

/* Intro Style */
div.intro {
	margin: 0px; padding: 0 3em 0 1.5em;
}
body div.main div.intro p {
	padding: 0px 0px 0px 15px;
	color: #417299;
	font-size: 1.05em;
	line-height: 1.1em;
	font-weight: bold;
	text-indent: 0em;
	text-align: justify;

}
body div.main div.intro p a {
	color: #5F7397;
	text-decoration: none;
}
div.intro p a:hover {
	color: #7D99C8;
	text-decoration: underline;
}
div.intro h3 {
	height: 0px; 
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	display: none;
}
div#toc ul {
	margin: 0px 0px 2em 0px;
	padding:  .5em 0px .5em 10px;
	border-bottom: 1px solid rgb(238, 238, 238);
	font-weight: bold;
	font-family: "Trebuchet MS",verdana,"Bitstream Vera Sans",arial,lucida,helvetica,sans-serif;
	letter-spacing: 1px;
}

div#toc ul li { 
  margin-top: 0; 
  margin-bottom: 0; 
  padding-top: 0; 
  padding-bottom: 0;
}


/*Section Style */
div.section {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 10px 10px;
	background: transparent url(resources/img/layout/content-p-main-bg.png) no-repeat scroll 10px 25px;
	min-height: 120px;
}
/* Child selector (>) hack to keep IE from hiding the link, 
   becuae of the :hover "feature on  'a' elements only */
div.section p.toTop > a { visibility: hidden; } 
div.section:hover p.toTop > a { visibility: visible; }
div.section * { 
	border-left: 1px solid rgb(238, 238, 238);
	margin: 0px;
	padding: .5em 0px 1em 10px;
	/*list-style-position: inside;*/
}
div.section:hover * { border-color: #ccc; }
div.section * *, div.section h3 {
	border: none; padding: 0px;
}

body div.main p {
  padding: .25em 1.5em 1em 1em;
  letter-spacing: 1px;
}

/* Content Style */
div.section h3 {
	margin: 0px 0px 0px -10px;
	height: 26px;
	line-height: 26px; vertical-align: top;
    background: transparent url(resources/img/layout/content-header-bg.png) no-repeat scroll left top;
    clear: left; color: #fff; text-indent: 25px;
	letter-spacing: -1px;
    font-size: 22px; font-variant: small-caps;
}
div.main div.section p {
	margin: 0px;
	padding: .25em 5px .25em 20px;
	text-indent: 25px;
	letter-spacing: 1px;
}
div.main div.section h3 + p,div.main  div.section ul + p,
div.main div.section ol + p 	{ text-indent: 0px; } /* Doesn't work in IE */

div.section h4 { 
	padding: .5em 0px 0px 30px;
    font-size: 1.3em;
    color: rgb(65, 114, 186);
	font-variant: small-caps;
	letter-spacing: -1px;
	background: transparent url(resources/img/layout/h4.png) no-repeat 10px .75em;
}

div.section h5 { 
	padding: 0px;
    font-size: 1em;
    color: #418DC7;
    letter-spacing: 1px;
}

div.main a {
	color: #4172BA;
	text-decoration: none;
}

div.main a:hover {
	color: #EB0;
	text-decoration: underline;
}

div.main a.int, div.main a.ext,
div.main a.def {
	padding-right: 13px;
	background: transparent no-repeat right -15px;
}

div.main p.toTop a { padding-right: 13px; background: transparent url(resources/img/toplinkU.png) no-repeat right; }
div.main a.def { 
	color: #400;
	background-image: url(resources/img/dis.png); 
}
div.main a:hover.int, div.main a:hover.ext,
div.main a:hover.def { background-position: right 4px; }
div.main a:hover.def { color: #b00; }
div.main p.toTop a:hover { background-image: url(resources/img/toplinkD.png); }
/* 
	TO ANYONE READING THIS CODE:
		Here is a wierd bug for you. I have not researched this any further, 
	as it just pestered me. I only found out what caused it and bypassed it.
		I used to have the two images for the 'div.main p.toTop a' selector
	merged into one, like the others, and would just change the positioning
	to change the image. While testing this in IE (6.0 WINXP, XHTML 1 strict), 
	I discovered that this caused a rather odd bug. Upon hovering the last 
	line of the proceeding paragraph would be pushed to the left about, 
	oh 15 pixles.
		At first I thought this was caused by the padding or right alignment. 
	But after checking all the properties to find the which one caused it,
	it turns out the background-position was the culprit. No one property 
	caused this, and infact just the act of changing the position to the
	default would cause this. It did not effect any other elements aside from
	paragraphs.
		Maybe one day I will look in to this further, but I do not have time
	right now. Even thought I could have made some good progress in the ammount
	of time I spent writing this quick description. If you have any information
	about this bug, please write me (code@out-grow.com).
	Thank you, and damn you microsoft for making me slice my images.
*/

div.main p.toTop {
	margin: -5px 0px 0px 0px;
	padding: 0px 65px .75em 25px;
	clear: left;
	text-align: right;
	font-size: .9em;
	letter-spacing: 0px;
	font-family: "Trebuchet MS",verdana,"Bitstream Vera Sans",arial,lucida,helvetica,sans-serif; 
}

/* Lists Varieties */
div.main ul {
	list-style-image: url(resources/img/bullet.png);
}

div.main ul, div.main ol {
	list-style-position: outside;
}

div.main ol.no-order { padding-left: 0; list-style-type: none; }
div.main ol.no-order li { margin: 0; padding: .25em 5px .25em 20px; }
div.main ol.no-order li li { margin: .5em 0px 0px 1em; padding: 0; }

div.main ol.numbered { list-style-type: decimal; }
div.main ol.lettered { list-style-type: upper-alpha; }
div.main ol.letter-lower { list-style-type: lower-alpha; }
div.main ol.romanUpper { list-style-type: upper-roman; }
div.main ol.romanLower { list-style-type: lower-roman; }

div.main ul ul, div.main ul ol,
div.main ol ul, div.main ol ol {
   margin: 0px 0px .5em 1em;
	 list-style-position: outside;
}

div.main li {
	list-style-position: outside;
	margin: .5em 0px .5em 2em;
}

div.main li li {
  list-style-position: outside;
  margin: .5em 0px 0px 1em;
  font-size: 1em;
}

div.main div.section li p {
  text-indent: 0px;
  margin: 0px; padding: 0px;
  font-size: 1em;
}

div.main ul.block-content { 
  padding: 5px 0px 0px 20px;
  list-style-image: none;
	list-style-type: none;
	list-style-position: outside;
	background: none;
}
div.main ul.block-content li {
	padding: 10px 0px 0px 0px;
	clear: left;
	margin: 0px;
}
div.main div.section * h5 {
  clear: left;
	display: inline;
  margin: 0px 0px 0px 0px;
}
div.main ul.block-content h5 {
  margin: 0px 0px 0px -10px;
}
div.main ul.block-content ul.two-col, 
div.main ul.block-content ul.three-col, 
div.main ul.block-content ul.four-col { 
	clear: left;
	margin: 0px 0px 1em 0px;
}
div.main ul.block-content ul:after {
  content: ".";
	height: 0px;
	clear: both;
	visibility: hidden;
}
div.main ul.block-content ul.two-col li, 
div.main ul.block-content ul.three-col li, 
div.main ul.block-content ul.four-col li { 
  float: left; 
	clear: none;
	padding: 0px 3px 0px 0px;
	list-style: none;
	font-size: .95em;
}
div.main ul.block-content ul.two-col li { width: 40%; }
div.main ul.block-content ul.three-col li { width: 30%; }
div.main ul.block-content ul.four-col li { width: 20%; }

div.main ul.block-content + p.toTop {
	padding-top: 5px;
}

/* specific styles and classes */
.disable, hr { display: none; }
.noshow, .noshow *, div#access, div#access * {
	height: 0px; overflow: hidden;
	margin: 0px; padding: 0px;
	font-size: 0em;	font-size: 0px;
	vertical-align: bottom;
	line-height: 0px; text-indent: -5000px;
	color: #FFFFFF;
}

* html .noshow, * html #access { display: none; }

/*
 * FOOTER STYLING
 */
div.foot p.legal {
	margin: 0px;
	padding: 30px 50px 7px 135px;
	text-indent: 15px;
	text-align: justify;
}

div.foot ul.standards {
	list-sytle-type: none;
	padding: 0px 0px 7px 75px;
	margin: 0px;
	font-variant: small-caps;
	text-transform: lowercase;
	letter-spacing: 1px;
	font-size: .8em;
}

div.foot ul.standards li {
	padding: 0px 5px; 
	display: inline; 
	border-right: 1px solid #666;
}
div.foot ul.standards li.last { border: none; }
div.foot ul.standards li a { text-decoration: none; color: #000; }
div.foot ul.standards li a:hover { text-decoration: underline; color: #4172BA; }

/*
 * INDEX STYLING
 */
ul.indexlinks {
	list-style-type: none;
	list-style-image: none;
	margin: 15px 0px 20px 50px;
	padding: 0px;
}
ul.indexlinks li {
	margin-top: 10px;
	padding: 0px;
	width: 420px; height: 165px;
	background-color: rgb(245, 245, 239);
	background-repeat: no-repeat;
  background-position: -2px -193px;
	border: 1px solid #666;
  z-index: 0;
	position: relative; left:0px; top: 0px;
	list-style-type: none;
	list-style-image: none;
}
ul.indexlinks li#iReq { background-image: url(resources/img/index/house.png); }
ul.indexlinks li#iServ { background-image: url(resources/img/index/level.png); }
ul.indexlinks li#iInfo { background-image: url(resources/img/index/shedual.png); }
ul.indexlinks li * {
	margin: 0px 0px 0px 175px;
	padding: 0px;
	z-index: 1;
	width: auto;
}
ul.indexlinks li:hover, ul.indexlinks li.hover {
	background-color: rgb(243, 243, 229);
	background-position: -2px -3px;
}

ul.indexlinks li a {
	position: absolute; top: 0px; left: 0px;
	width: 100%; height: 100%;
	background: transparent;
	text-indent: -5000px; 
	text-decoration: none;
	margin-left: 0px;
	z-index: 100;
}

ul.indexlinks li a:hover { text-decoration: none; }

ul.indexlinks li h4 {
	margin: 10px 0px 0px 175px;
	font-size: 1.65em;
	color: rgb(65, 114, 186);
	letter-spacing: -1.5px;
}

ul.indexlinks li:hover h4, ul.indexlinks li.hover h4 { text-decoration: underline; }

body div.main ul.indexlinks li p {
	margin: 15px 15px 0px 190px;
  letter-spacing: 0;
  padding: 0;
	font-family: "Trebuchet MS","Bitstream Vera Sans",arial,verdana,lucida,helvetica,sans-serif;
	line-height: 1.2em;
	color: rgb(122, 97, 69);
	text-align: justify;
}

ul.indexlinks li:hover p, ul.indexlinks li.hover p { color: rgb(106, 84, 60); }

html body div.page div.main div.section form fieldset {
  border-top: 1px solid rgb(122, 97, 69);
}

html body div.page form div.control {
  text-align: right;
}

html body div.page form div.control input {
  text-align: center;
  margin: 1px auto;
  padding: .5em;
  font-size: 1.05em;
  border: 1px raised black;
}

html body div.page form fieldset legend {
  padding: .25em .5em;
}

html body div.page div.main form {
  margin: 0 100px 0 0; 
}

html body div.page div.main form label { 
  width: 8em; 
  display: block; 
  float: left; 
  clear: left;
  padding: .2em .5em .2em 0;
  margin: .1em 0 .1em 1em;
  text-align: right;
}
html body div.page div.main form input, 
html body div.page div.main form select,
html body div.page div.main form textarea { 
  border: 1px solid #666666; 
  float: left;
  padding: .2em 0;
  margin: .1em 0;
}
html body div.page div.main form div { padding: 0 .5em; }