/*
Theme Name: Transistics
Description: Custom Wordpress Theme
Version: 1.0
Author: HM Creative
Author URI: http://www.hmcreative.com
Tags: custom
*/

/*
Light grey: #ececec
dark grey line: #999999
Green: #719345
Blue: #17335c

Font: Bitstream Vera Serif
*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";

@font-face {
	font-family: Bitstream; src: url('fonts/VeraSe.ttf');
}

body {font-family:Bitstream, serif; }
html, body {
        height: 100%;
}
#container {
	min-height: 100%;
}
#wrap {
        overflow:auto;
	padding-bottom: 200px;
}  /* must be same height as the footer */


p {
	size:12px;
	line-height:22px;
	color:#666666;
	font-size: 12px;
}

p a {color:#719345;text-decoration:none;}
p a:hover {text-decoration:underline;}

h1 {color:#17335c;font-size:16px; font-weight:normal;}
h2 {color:#719345;font-size:16px; font-weight:normal;}
h3 {color:#719345;font-size:20px; font-weight:bold;}



#logo {background-image:url(images/trans-logo.gif); width:257px; height:159px; display:inline-block; text-indent:-9999px;float:left;}
#header {width:850px; margin:0 auto;}
#content {background-color:#ececec;border-top:#999999 solid 2px; border-bottom:#999999 solid 2px;width:100%;}
#content-wrapper {width:850px; min-height:200px; margin:0 auto;}
#menu {
	float:left;
	margin-top:85px;
	margin-left: 20px;
}
#sbb {float:right;width:850px; height:260px;clear:both;}
#home-text {width:450px;}
#request {background-image:url(images/requestQuote3.jpg); width:150px;height:125px;display:inline-block; text-indent:-9999px;margin-top:20px;}
#request-block {float:right;width:150px; height:125px;}


#address-bar {width:850px;margin:0 auto;}

#access {
	text-align:center;
	width:850px;
	height:50px;
	margin-top:10px;
}
#access ul {
	list-style-type: none;
	
}

#access li { 
	display: inline;
}
#access a {margin-left:9px;
	margin-right:9px;
	text-decoration:none;
	color: #999999;
	font-size:16px;}
	
#access a:hover {color:#ed1c24;}

#footer {background-color:#17335c;width:100%;margin-top: -200px; /* negative value of footer height */
	height: 200px;
	clear:both;font-size:11px;}
#footer-inside {width:850px;margin:0 auto;color:white;}
#footer-inside a {text-decoration:none;color:white;}
#footer-inside a:hover {color:#719345;}
.xoxo {
	width:850px; margin-bottom:10px;
}

#line {border-left:thin #FFFFFF solid; padding-left:10px;}



.clear {clear:both;}
img { border:0 }
a img { border:none } /* Gets rid of IE's blue borders */
.alignleft {margin-right:10px;}
.alignright {margin-left:10px;}

form {
	font-size: 12px;
	line-height:15px;
	color: #17335c;
}

.footer-pages ul {}
.footer-pages li { display:inline;margin-right:10px;}