/*
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: #464089;
}
a:link {
	color: #c7c7c7;
}
a:visited {
	color: #c7c7c7;
}
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(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(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: #868686;
}
.top-nav a:visited {
	color: #868686;
}
.top-nav a:hover {
	color: #fff;
}

.logo {
	float: right;
}



/**********
Navbar
**********/

.side-nav {
    background: url(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;
	position: relative;
}

.show {
    background: url(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(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(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;
}