/* SELECTOR RESET
--------------------------------*/
html, body, div, span, object, iframe, a, dl,dt,dd abbr, acronym, address, pre, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, var, center, table, fieldset, form, fieldset, label, legend, select, input, textarea { margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%; }

/* COMMON SELECTOR LAYOUT
--------------------------------*/
body { background: url(../images/bg.png) #718592 repeat-x; line-height: 1; color: #000; font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal; }
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing:0; margin: 0 auto; }
p { padding: 5px 0; margin: 0; }
strong, b { }
img { border: 0; display:block; }
input, select { vertical-align: middle; }
button {}
legend { font-weight:bold; margin: 10px 0; }
a:link { color: #C40400; line-height:1.1em; }
a:visited { color: #C40400; }
a:hover { color: #C40400; }
h1, h2, h3, h4, h5, h6 { font-size: 1.1em; font-weight: bold; margin: 5px 0; padding:0; }

/* COMMON SELECTOR CLASSES
---------------------------------*/
.l1 { width:10px !important;}.l2 { width:20px !important;}.l3 { width:30px !important;}.l4 { width:40px !important;}.l5 { width:50px !important;}.l6 { width:60px !important;}.l7 { width:70px !important;}.l8 { width:80px !important;}.l9 { width:90px !important;}.l10 { width:100px !important;}.l12 { width:120px !important;}.l13 { width:130px !important;}.l14 { width:140px !important;}.l15 { width:150px !important;}

.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.align-left { float:left; }
.align-right { float:right; }
.align-middle { vertical-align: middle; }
.align-baseline { vertical-align: baseline; }
.align-top { vertical-align:top; }
.align-bottom { vertical-align: bottom; }
.align-text-bottom { vertical-align: text-bottom; }
.align-text-top { vertical-align:text-top; }

.inline { display:inline; }
.block { display:block; }
.container { overflow: hidden; width: 100%; }
.required { background:url(../images/bg-required.png) no-repeat 99% 4px; }
.note { font-style: italic; font-size: 10px; margin: 0 0 0 5px; }
.cms img { display:inline; }
.cms { line-height: 1.4em; }
.sifr-alt { display: none; }

h1.font-01,h1.font-02,h2.font-01,h2.font-02 { margin:0;padding:0; font-weight:normal; }
select.text { border: 1px solid #999; }
input.text { padding: 2px; border: 1px solid #999; width: 130px; background: #FFF !important; }
textarea.text { padding: 2px; border: 1px solid #999;  width:220px; height:60px; }
input.image { }
input.button { color:#FFF; background:#000; font: bold 100% Verdana, Arial, Helvetica, sans-serif; border:0;padding: 2px; }
button.button { color:#FFF; background:#000; font: bold 100% Verdana, Arial, Helvetica, sans-serif; border:0;padding: 2px;  float:right; margin: 0 60px 0 0; }
input.checkbox { width:20px; margin: 3px 0 0 0; }
input.radio { width:20px; margin: 5px 0 0 0; }

.error, .error strong { color: #C00; }
h3.error { font-weight: normal; border: 1px solid #C00; background: #FBFCFC; padding: 5px; text-align:center; }
p.error { text-align: center; width: 90%; }
.success, .success strong { color: #390; }
p.success { text-align: center; width: 90%; }

/* BODY SELECTORS
---------------------------------*/
#home, #internal { width: 961px; text-align:left; margin: 16px auto 0 auto; }

/* HEADER */
#header { height: 107px; background: url(../images/bg-header.jpg) no-repeat; position:relative; }
#header #logo { cursor: pointer; display:block; width: 249px; height: 66px; position:absolute; top: 32px; left: 25px; background:url(../images/logo.jpg) no-repeat; text-indent:-6000px; z-index:20; }
#header span#logo { cursor: pointer; display:block; width: 249px; height: 66px; position:absolute; top: 32px; left: 25px; background:url(../images/logo.jpg) no-repeat; text-indent:-6000px; z-index:20; } /*iepngfix*/

#header #phone { color:#C50400; float:right; display:block; display: inline-block; width:200px; height: 40px; margin: 42px 74px 0 0; }
#header #tagline { color:#222222; clear:right; float:right; display:block; display: inline-block; width:307px; height:20px; margin: -10px 28px 0 0; }

/* PHOTO */
#photo { border-bottom: 1px solid #AAB7C1; position:relative; }
#photo h1 { width:360px; position:absolute; top:50px; left:35px; height:45px; color:#FFFFFF; }

/*NAV*/
#nav { background:url(../images/bg-nav.png) no-repeat left top; }
#nav .shell { background:url(../images/bg-nav-shell.png) no-repeat right top; }
#nav ul { height: 30px; background: url(../images/bg-nav-ul.png) repeat-x; list-style:none; margin:0 23px 0 23px;padding:0 0 0 0; position:relative; z-index: 100; }
#nav a { text-align:left; display:block; height: 12px; text-indent: -6000px;  }
#nav li.menu-cat { float: left; display: block; text-transform:capitalize; background-repeat: no-repeat; margin:9px 25px 0 25px; }/*menu category styling*/
#nav li.first {}
#nav li.last { margin-right: 0; }
#nav li:hover { position:relative; } /*hold flyout positioning*/

/* nav dropdown */
#nav li ul a { padding: 5px 3px 5px 15px; text-indent: 0; text-transform:none; height: auto; width: 153px; color: #5D6B74; text-decoration: none; margin:0; } /* reset for dropdown */
#nav li ul a:hover { text-decoration:underline; } /*reset for dropdown */
#nav ul ul { display:none; position: absolute; top: 10px;left: 15px; width: 171px; height: auto; margin:0;padding:0; list-style:none; border-top: 0 #DADCF6 solid; background:none; } /*dropdown properties*/
#nav li ul li { border: #DADCF6 solid; border-width: 0; width:100%; background: #FFF; }
#nav li ul li ul { position: absolute; top: 5px; left: 100%; } /*flyout positioning */

#nav li ul li.flyout > a { background-image:url(../images/bg-nav-flyout-a.png); background-repeat: no-repeat; background-position: 99% 8px; }

#nav li a.place-holder { cursor: default; }
* html #nav ul ul li { height: 1%; float:left; } /*ie6*/
*+html #nav ul ul li { height: 1%; float:left; } /*ie7*/

#nav li ul li.top { background:url(../images/bg-nav-ul-ul-top.png) no-repeat bottom; height: 10px; }
#nav li ul li.bottom { background:url(../images/bg-nav-ul-ul-bottom.png) no-repeat; height: 5px; }
* html #nav li ul li.bottom { display:none; }
* html #nav li ul li.top { display:none; }

/* nav categories */
#nav #nav-home { background-image: url(../images/nav-home.png); width: 64px; }
#nav #nav-home:hover {background-position: 0 bottom; }
#nav #nav-services { background-image: url(../images/nav-services.png); width: 98px; }
#nav #nav-services:hover {background-position: 0 bottom; }
#nav #nav-projects { background-image: url(../images/nav-projects.png); width: 101px; }
#nav #nav-projects:hover {background-position: 0 bottom; }
#nav #nav-about-us { background-image: url(../images/nav-about-us.png); width: 98px; }
#nav #nav-about-us:hover {background-position: 0 bottom; }
#nav #nav-contact-us { background-image: url(../images/nav-contact-us.png); width: 121px; }
#nav #nav-contact-us:hover {background-position: 0 bottom; }
#nav #nav-downloads { background-image: url(../images/nav-downloads.png); width: 119px; }
#nav #nav-downloads:hover {background-position: 0 bottom; }

/*NAV SUB*/
#nav-sub { width: 163px; margin: 0 0 0 20px; float:left; display:inline-block; }
#nav-sub ul { list-style:none; padding:0; margin: 0;  width: 100%; }
#nav-sub li { background:url(../images/bg-nav-sub-li.png) repeat-x top;  padding: 0 0 0 0; width: 100%;  }
#nav-sub li.first { background:none; }
#nav-sub a { background:url(../images/bg-nav-sub-li-a.png) no-repeat 12px 8px; display:block; padding: 6px 0 8px 31px; width: 132px; text-decoration:none; }
#nav-sub a:hover { text-decoration:underline; }

#nav-sub .level3 { background:none; margin: 0 0 0 16px; }
#nav-sub .level3 a { background:url(../images/bg-nav-sub-li-level3-a.png) no-repeat 17px 1px; color: #454F58; padding: 0 0 3px 31px; }

/*MAIN*/
#main{ background: url(../images/bg-main.png) no-repeat #C9D6DE; margin: 10px 0 0 0; padding: 1px 0 10px 0; width:960px; }
#main .shell{ overflow:hidden; width: 100%; background: url(../images/bg-main-shell.png) repeat-x; margin: 22px 0 0 0; }
#home #main .cms { padding: 10px 20px; }

/*CATEGORIES*/
#categories { overflow:hidden; width:100%; margin:0 0 0 18px;padding:0; list-style:none; }
#categories li { position:relative; float:left; width: 225px; height: 278px; margin: 0 7px 0 0; }
#categories li h1 { text-indent:-6000px; position:relative; }
#categories li a { display:block; width: 225px; height: 278px; position:absolute; top:0; left:0; text-indent:-6000px; }
#industrial-contracting { background:url(../images/bg-industrial-contracting.jpg) no-repeat; }
#custom-metal-fabrication { background:url(../images/bg-custom-metal-fabrication.jpg) no-repeat; }
#polishing { background:url(../images/bg-polishing.jpg) no-repeat; }
#water-jet-cutting { background:url(../images/bg-water-jet-cutting.jpg) no-repeat; margin: 0; }

/*CONTENT*/
#content { float:right; display:inline-block; width: 732px; min-height: 200px; margin: 0 23px 0 0; padding: 0 0 0 0; }
* html #content { height: 200px; }

#logo-smacna { text-indent: -6000px; background:url(../images/logo-smacna.png) no-repeat; display:block; margin: 18px 24px 0 auto; width: 142px; height: 20px; }
#internal #logo-smacna { margin-right: 0; }

/* FOOTER */
#footer { background: url(../images/bg-footer.png) no-repeat; height: 61px; padding: 1px 0 0 0; text-align: center; }
#footer address { font-style: normal; margin: 17px 0 0 0; }
#footer ul { margin: 3px 0 0 0;padding:0;list-style:none;}
#footer li { display:inline; }
#footer li a { margin: 0 3px 0 3px; }

/* CORE101 */
#logo-core101 { width:207px; height:13px; text-align:center; margin: 10px auto 10px auto; background:url(../images/logo-core101.png) no-repeat; text-indent: -6000px; }
#logo-core101 a { display:block; width: 100%; }

/*SITEMAP*/
#sitemap ul {}
#sitemap li { list-style: none;	vertical-align:middle; padding-bottom: 4px;	}
#sitemap a { text-decoration:none; }
#sitemap a:hover{ text-decoration:underline; }
#sitemap li.level1 { padding-left: 0; }
#sitemap li.level2 { padding-left: 25px; }
#sitemap li.level3 { padding-left: 50px; }
#sitemap li.level4 { padding-left: 75px; }
#sitemap li.level5 { padding-left: 100px; }

/* MISC
-------------------------------------*/

/* FORMS */
#form-contact { width:570px;}

/*form wrapper*/
form label,form .group { display: block; width: 100%; overflow: hidden; margin: 0 0 5px 0; }
form label span,form .group span { width: 200px; float: left; text-align: right; padding: 4px 10px 0 0; }
form label input { float: left; margin: 0 0 5px 5px; width: 110px; }
form label select { float: left; margin: 0 0 5px 0; width: 115px; }
form label textarea { float: left; margin: 0 0 5px 5px; }
form .buttons { text-align:right; width: 100%; }

/*form group*/
form ul { float:left; width:auto; margin:0 0 5px 0;padding:0;list-style:none; overflow:hidden; }
form li.heading { text-decoration:underline; float:left; padding: 4px 0; width: 100%; }
form li.error { float:left; padding: 4px 0; width: 100%; }
form li { width:50%; float:left; padding: 4px 0; }
form li label, form ul li span, form li input { display:inline !important; width:auto !important; float:none !important; }
form label span.error { width:180px; text-align:left; margin-left: 5px; }
form .group .block { float:left; margin: 0 0 5px 0; width:200px; }

/* GALLERY */

#gallery .ListImage{
	padding: 8px;
	border: 1px solid silver;
	margin: 7px;
	background-color: #eee;
}