/**************************************copyright 2006 sarah litty one eleven creative, llc**********************************/

body {
background: #ffffff url("images/bodybg.png") repeat-x;
text-align: center;
margin: 0;
padding: 0;
font-size: 100%;
}


img {
border: none;
padding: 0;
margin: 0;
}

#clientlogin {
position: absolute;
bottom: 3px;
right: 3px;
font-size: 11px;
}

#clientlogin a {
text-decoration: none;
}

/*******************************************type*****************************************/

p {
margin: 10px 40px;
padding: 0;
text-align: left;
color: #333;
font: normal 0.85em/1.65em "arial", tahoma, lucida, sans-serif;
}

#footer p {
padding: 30px 0 0 0;
margin: 0 auto;
text-align: center;
color: #fff;
font-size: 0.6em;
}

/*********************************************links************************************************/

a, a:link {
color: #4D1519;
}

a:visited {
color: #4D1519;
}

a:hover {
color: #4D1519;
}

a:active {
color: #4D1519;
}


/************************************headers*********************************************/

h1 {
width: 100%;
font: 1.2em/2.0em "Century Gothic", Arial, Tahoma, sans-serif;
text-transform: uppercase;
font-weight: normal;
text-align: left;
color: #4D1519;
margin: 0px 0px 5px 40px;
padding: 18px 0 0 0;
}

*html h2 {
border-bottom: none;
background: url("images/css-border.gif") bottom repeat-x;
padding: 0 0 1px 0;
font: 1.0em/1.8em "Century Gothic", Arial, Tahoma, sans-serif;
width: 91%;
text-align: left;
color: #333;
margin: 10px 0 5px 15px;
}


h2 {
font: 1.0em/1.8em "Century Gothic", Tahoma, Arial, sans-serif;
width: 91%;
text-align: left;
color: #333;
border-bottom: 1px dotted #702721;
padding: 0;
margin: 10px 0 5px 40px;
}


/********************************layout*********************************************/

#wrapper {
clear: both;
width: 769px;
background: transparent url("images/contentbg.gif") repeat-y;
margin: 0 auto;
padding: 0;
}


#flashcontent {
width: 745px;
height: 271px;
margin: 0 auto;
padding: 0;
}


#logocontainer {
position: relative;
margin: 0px auto 0 auto;
width: 745px;
padding: 0;
height: 84px;
}


#content {
width: 745px;
margin: 0px auto 0 auto;
padding: 0;
}



#footer {
background: #fff url("images/footerbg.gif") no-repeat;
width: 769px;
margin: 0 auto;
padding: 0;
height: 72px;
min-height: 72px;
}

/***********************************************navigation tabs*************************************************/

#navcontainer
{

width: 745px;
margin: 0px auto 0 auto;
padding: 0;
height: 20px;

}

#navcontainer ul
{
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li
{
display: block;
float: left;
text-align: center;
padding: 0;
margin: 0;
}

#navcontainer ul li a
{
background: #000;
width: 123px;
height: 18px;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
border-right: none;
padding: 0;
margin: 0 0 0px 0px;
color: #fff;
text-decoration: none;
display: block;
text-align: center;
font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}


#navcontainer ul li a:hover
{
color: #702721;
background: #f5d7b4;
}

#navcontainer a:active
{
background: #46130f;
color: #fff;
}

#navcontainer li#active a
{
background: #702721;
color: #fff;
}



/********************************************list styles*****************************************/

#content ul {
width: 640px;
text-align: left;
color: #333;
font: normal 0.85em/1.65em "arial", tahoma, verdana, tahoma, sans-serif;
padding: 0;
margin: 10px 0 10px 70px;
}


#content li {
margin: 0px 0 0 0px;
padding: 0px 0 0 0px;
list-style-position: inside;
list-style-type: square;
}

/********************************************form styles******************************************/

#form {
width: 600px;
margin: 0 auto;
text-align: right;
color: #333;
font: 0.80em/1.65em "arial", verdana, tahoma, sans-serif;
}


input {
color: #333;
font: 0.80em/1.65em "arial", verdana, tahoma, sans-serif;
}

textarea {
background-color: #fff;
color: #333;
font: 0.80em "arial", verdana, tahoma, sans-serif;
}

select {
color: #333;
font: 0.85em "arial", verdana, tahoma, sans-serif;
}

.submitbutton {
width: 70px;
background-color: gray;
height: 25px;
color: #fff;
font: 1.0em "lucida", arial, sans-serif;
}


/***************************************misc classes***************************************/

.testimonial {
border: 1px solid #eee;
width: 200px;
float: right;
padding: 40px 20px;
margin: 5px 15px 15px 15px;
}

.testimonial p {
font: 0.8em/1.5em "verdana", tahoma, arial, sans-serif;
font-style: italic;
color: #702721;
margin: 0 0 20px 0;
padding: 0;
}


.floatright {
padding: 0;
margin: 0;
float: right;
}

.floatleft {
padding: 0;
margin: 0;
float: left;
}

.left {
padding: 0;
margin: 10px 20px;
float: left;
}

.clear {
clear: both;
}

.g2logo {
float: left;
margin: 30px 5px 10px 5px;
}

/********************home page teaser blocks for hacked for IE extra 3px padding in a float using star html hack**************************/

*html #teasers {
margin: 10px 10px 10px 10px;
}


#teasers {
margin: 10px 10px 10px 30px;
padding: 0;
height: 390px;
}

#teasers h3 {
letter-spacing: 0.03em;
background: url("images/h3bg.gif") repeat-x;
height: 22px;
margin: 0;
padding: 0;
width: 330px;
color: #fff;
font: .95em "century gothic", verdana, tahoma, arial, sans-serif;
}

#block1 {
	float: left;
	background: url("images/palnc.png") bottom left no-repeat;
	height: 379px;
	padding: 0 0 0 0;
	margin: 0px 10px 0px 10px;
	width: 330px;
			}

#block2 {
	float: left;
	background: url("images/g2bg.png") bottom left no-repeat;
	height: 379px;
	padding: 0 0 0 0;
	margin: 0px 10px 0px 10px;
	width: 330px;
			}
		
#block3 {
	float: left;
	background: url("images/rh.png") bottom left no-repeat;
	height: 379px;
	padding: 0 0 0 0;
	margin: 0px 10px 0px 10px;
	width: 330px;
			}
		
#block4 {
	float: left;
	background: url("images/cws.png") bottom left no-repeat;
	height: 379px;
	padding: 0 0 0 0;
	margin: 0px 10px 0px 10px;
	width: 330px;
			}

/**************************teaser block type*******************************************************/

#block1 p, #block2 p, #block3 p, #block4 p {
		width: 325px;
	color: #000;
	font: 1.0m/1.9em "arial", verdana, tahoma, sans-serif;
	text-align: left;
	margin: 255px 0px 0px 7px;
	padding: 0;
}




/**************************************for read more stars in teaser blocks***********************************/

.floatblock {
float: right;
margin: 0px 0 0 0;
padding: 0;
}

/**************************************copyright 2006 sarah litty********************************/

#footer a:link {
color: #fff;
text-decoration: none;
}

#footer a:visited {
color: #fff;
text-decoration: none;
}

#footer a:hover {
color: #fff;
text-decoration: none;
}

# footer a:active {
text-decoration: none;
color: #fff;
}

.railhawks {
border: 1px solid #eee;
width: 270px;
float: right;
padding: 40px 20px;
margin: 5px 15px 15px 15px;
}

.railhawks p {
font: 0.8em/1.5em "verdana", tahoma, arial, sans-serif;
font-style: italic;
color: #702721;
margin: 0 0 20px 0;
padding: 0;
}

h2.short {
width: 430px;}

#leftcolumnspec {
width: 430px;
float: left;}

#clearboth {
clear: both;}