/*

Description: SMT Integrated Services

Author: Dream Designs

Author URI: http://dreamdesignstream.com



        Med Grey: #3c3c3c;

        Dk Grey: #303030;



*/



*, html, body, div, form, label, p {

    margin: 0;

    padding: 0;

}

html, body {

    height: 100%;

}

body {

    background-color: #3c3c3c;

    font-family: Verdana, Arial, sans-serif;

    font-size: 12px;

	color: #919191;

}

table {

    border-collapse: collapse;

    border-spacing: 0;

}

img {

    border: 0;

}

address, caption, cite {

    font-style: normal;

    font-weight: normal;

}

a {

	text-decoration: none;

	color: #fff;

}

a:link {

	color: #fff;

}

a:visited {

	color: #fff;

}

a:hover {

	color: #fff;

}

ol, ul, li {

	list-style: disc;

	padding-left: 10px;

	margin: 0 0 10px 10px;

}

a img {

    border: none; /* Gets rid of IE's blue borders */

} 

.clear {

    clear: both;

}

p {

	padding-bottom: 1em;

	color: #919191;

	font-family: Verdana, Geneva, sans-serif;

	line-height: 1.5em;

	text-align: justify;

}

#page-wrap {

    background: url(http://www.smtis.com/images/bg.png) top right repeat-y #3c3c3c;

    width: 885px;

    margin: 0 auto;

    min-height: 100%;

    height: auto !important;

    height: 100%;

}





/**********

Headers

**********/



h1 {

	font-size: 3.0em;

	font-family: Georgia, serif;

	font-weight: normal;

    padding: 10px 0 20px 0;

}

h2 {

	font-size: 2.0em;

	font-family: Georgia, serif;

	font-weight: normal;

    padding: 10px 0 10px 0;

}

h3 {

	font-size: 1.4em;

	font-family: Georgia, serif;

	font-weight: normal;

    padding: 15px 0 10px 0;

}

h4 {

	color: #0775cc;

	font-family: Georgia, serif;

	font-size: 1em;

	font-weight: normal;

}







/**********

Navbar

**********/


#wave {

    background: url(http://www.smtis.com/images/wave.png) top center repeat-x #000;

	height: 60px;

}

#blackbar {

	background-color: #000;

	height: 91px;

}



.blackcontainer {

    background-color: #000;

	height: 91px;

	width: 885px;

	margin: 0 auto;

}



.blackcontainer a {

    font-size: 10px;

}



.top-nav {

	heigth: 69px;

	width: 633px;

	margin: 22px 0 0 2px;

	float: left;

}

.top-nav p {

	font-size: 7px;

	font-family: Georgia, sans-serif;

	line-height: 1.7em;

	padding-bottom: 4px;

}

.top-nav a:link {

	color: #c2c2c2;

}

.top-nav a:visited {

	color: #c2c2c2;

}

.top-nav a:hover {

	color: #fff;

}



.logo {

	float: right;

}







/**********

Navbar

**********/



.side-nav {

        background: url(http://www.smtis.com/images/navmenu.png);	

	heigth: 29px;

	width: 210px;

	margin: 0 auto 0 auto;

	position: relative;

}

.side-nav:hover {

	cursor: hand;

	cursor: pointer;

}

.side-nav p {

	font-size: 12px;

	font-family: Georgia, sans-serif;

	padding: 7px 0 7px 12px;

}

.side-nav a:link {

	color: #868686;

}

.side-nav a:visited {

	color: #868686;

}

.side-nav a:hover {

	color: #fff;

}

.footer {

	heigth: 300px;

	width: 210px;

	margin: 100px auto 0 auto;

	position: relative;

}

.footer p {

	font-size: 10px;

	padding: 7px 0 7px 12px;

}

.footer a:link {

	color: #868686;

}

.footer a:visited {

	color: #868686;

}

.footer a:hover {

	color: #fff;

}







/**********

Common Page Elements

**********/



.largecolumn {

	margin: 0;

	padding: 0;

    height: 100%;

	width: 635px;

	float: left;

	clear: none;

	position: relative;

}



.smallcolumn {

	margin: 0;

	padding: 0;

        height: 100%;

	width: 250px;

	float: right;

	clear: none;

	position: relative;

}







/******************

SlideShow

******************/



#greybar {

	background-color: #303030;

	height: 275px;
	
	width: auto;

}



.greycontainer {

	height: 275px;

	width: 885px;

	margin: 0 auto 0 auto;

	position: relative;

}



.show {

    background: url(http://www.smtis.com/images/homepage/logobanner.png) top center no-repeat;

	width: 635px;

	height: 275px;

	margin: 0;

	position: relative;

	float: left;

}



#slideshow {

	width: 635px;

	height: 275px;

	margin: 0;

	position: relative;

}



#slideshow A {

    position:absolute;

    top:0;

    left:0;

    z-index:8;

    opacity:0.0;

}



#slideshow A.active {

    z-index:10;

    opacity:1.0;

}



#slideshow A.last-active {

    z-index:9;

}



.tag {

    background: url(http://www.smtis.com/images/tag.png) top center no-repeat;

	width: 250px;

	height: 275px;

	margin: 0;

	position: relative;

	float: right;

}







/**********

Homepage

**********/



.blog {

	margin: 0 0 0 200px;

	padding: 0;

        height: 100%;

	width: 415px;

	color: #919191;

	font-family: Verdana, Geneva, sans-serif;

	line-height: 1.5em;

	text-align: justify;

}









/**********

Overview Page

**********/



.overview {

	width: 635px;

	height: 275px;

	margin: 0;

	float: left;

}







/******************

Services Page

******************/



#services-wrap {

    background: url(http://www.smtis.com/images/services/bg.png) top center repeat-y #3c3c3c;

    width: 890px;

    margin: 0 auto;

    min-height: 100%;

    height: auto !important;

    height: 100%;

}

.servicecolumn {

	margin: 0;

	padding: 0;

    height: 100%;

	width: 640px;

	float: left;

	clear: none;

	position: relative;

}

#servicebar {

	background-color: #303030;

	height: 185px;

}



.service {

	height: 185px;

	width: 890px;

	margin: 0 auto 0 auto;

	position: relative;

}



.servicelist {

	width: 150px;

	margin: 0;

	float: left;

	height: 25px;

	vertical-align: top;

}



.servicefeature {

	width: 435px;

	margin: 20px 20px 0 35px;

	float: left;

}



.closepar {

	margin-bottom: 0px;

	padding-bottom: 0;

}

.piclinks {

	height: 35px;

	width: 150px;

}





/**********

Contact Page

**********/



.contact {

	width: 180px;

	margin: 28px 0 0 20px;

	float: left;

	color: #b99c8b;

}

.webform {

	width: 385px;

	height: 100%;

	margin: 20px 0 0 50px;

	float: left;

}

.webform p {

	color: #b99c8b;

	padding: .5em;

}

.textfield {

	padding: .5em;

}

.LV_validation_message{

    font-weight:bold;

    margin:0 0 0 5px;

}



.LV_valid {

    color:#00CC00;

}

	

.LV_invalid {

    color:#EC174C;

}

    

.LV_valid_field,

input.LV_valid_field:hover, 

input.LV_valid_field:active,

textarea.LV_valid_field:hover, 

textarea.LV_valid_field:active {

    border: 1px solid #00CC00;

}

    

.LV_invalid_field, 

input.LV_invalid_field:hover, 

input.LV_invalid_field:active,

textarea.LV_invalid_field:hover, 

textarea.LV_invalid_field:active {

    border: 1px solid #EC174C;

}



.datebox {

	width: 100%;

	color: #0775cc;

	font-family: Georgia, serif;

	font-size: 1em;

	font-weight: normal;

	text-align: left;

	margin: 10px 0 2px 0;

}

.comspace {

        margin: 10px 0 10px 0;

}