/* @override 
	http://localhost:8888/sanramtransport.com/css/site.css
	http://www.sanramtransport.com/test/css/site.css
*/
/* first, zero out the page */
/****************************/
html, body, ul, ol, li, p,
h1, h2, h3, h4, h5, h6,
form, fieldset, a {
margin: 0;
padding: 0;
border: 0;
}

/* general page structure and layout - glob1 */
/*************************************/
body {
font-family:Arial, Helvetica, sans-serif; 
font-size:.8em; 
color:#000000; 
margin:10px 0px 10px 0px;
padding:0px 0px 0px 0px;
background:#fff;
text-align:center;
}

.page_wrap {
position:relative;
width:980px;
margin:0px auto;
padding:0px 0px 0px 0px;
text-align:center;
background:#fff;
border:1px solid #ccc;
}

.clear {
clear: both;
}

/* fonts and colors 
/********************/
h1 {
color:#000;
font-size:2em;
}

h2 {
color:#000;
font-size:1.2em;
}

h3 {
color:#000;
font-size:1.1em;
}

/* top navigation bar 
/**********************/
.topnav {
position:relative;
clear:both;
width: 980px;
height:30px;
font-size:.8em;
border-bottom:1px solid #ccc;
}

#nav ul{/* strip for the links */
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
white-space: nowrap;
font-size:1.1em;
color:#000;
float:left;
width:100%;
list-style:none;
}

#nav ul li{
display:inline;
list-style:none;
}

#nav ul li a{
color: #000;
text-decoration:none;
float: left;
border:1px solid #ccc;
}

#nav ul li a:hover{
color: #ff0000;
text-decoration:none;
border:1px solid #ccc;
}

#header-rect {/*nav bar - below header-top section*/
background: url(../images/footer-rect-turqoise.jpg) no-repeat;
text-align:center;
height: 40px;
width: 980px;
margin: 0 0 0 0;
clear: both;
}
#header-rect ul {
width: 100%;
padding: 12px 0 0 0;
}
#header-rect ul li {
display: inline;
}
#header-rect ul li a {
color: #fff;
font-size: 13pt;
font-weight: bold;
text-decoration: none;
margin: 15px 40px 0px 40px;
padding: 10px 0 0 0;
}
#header-rect ul li a:hover {
color: #4c4c4c;
}

#header-logo-area {
//background: url(../images/sanram-logo-turqoise.jpg) no-repeat;
height: 125px;
}

#header-logo-area a {
width: 100%;
height: 100%;
}
/* 3-column layout - left, center, right
/****************************************/
/*left-column begin - for the left nav*/
#left-column {
display:block;
float:left;
width:130px;
background:#ccc;	
height: 100%;
clear:left;
margin:0px 0px 0px 0px;
border:1px solid #666;
}

/*center-column begin*/
#center-column {
display:block;
float:left;
width:714px;	
background:#fff;
margin:0px 0px 0px 0px;
text-align: center;
color: #000;
border-right:1px solid #ccc;
height: 100%;
}

.services-list {
clear: both;
border-bottom: 4px solid #66cccc;
padding: 10px 0px 5px 0px;
margin: 0px 0px 0px 0px;
font-weight: bold;
}

#center-column .img-float-left {
float: left;
margin: 2px 14px 4px 14px;
}

#center-column .img-float-right {
float: right;
margin: 2px 14px 4px 14px;
}

#center-column p {
text-align: left;	
margin: 4px 14px 10px 14px;
}

#center-column h2 { /*headline on thanks page*/
font-size: 15pt;
color: #4c4c4c;
text-align: left;
margin: 10px 0px 10px 14px;
}

#center-column h3 {
font-size: 12pt;
text-align: left;
color:  #666;
margin:4px 4px 4px 14px;
} /*for the faq page*/

#center-column h4 {
font-size: 12pt;
text-align: left;
color:  #666;
margin: 14px 14px 14px 14px;
border-bottom: 6px solid;
border-top: 6px solid;
border-left: 1px solid;
border-right: 1px solid;
padding: 3px 0px 1px 7px;
border-color: #66cccc;
} 


#center-column .answer {
color: #158080;
} /*for the faq page*/

#center-column ul {
list-style-type: none;
text-align: left;
margin:4px 4px 10px 14px;
}

/*for the form*/
#quote-form h1 {
color: #ff833b;
text-align: left;
margin: 10px 0px 10px 14px;
}

#quote-form form {
clear: both;
}

#thanks { /*headline on thanks page*/
color: #ff833b;
text-align: left;
margin: 10px 0px 10px 14px;
}

.thanks p { /*text in the p on thanks page*/
color: #666;
text-align: left;
margin: 10px 14px 10px 14px;
border:  0px solid #ccc;
}

#quote-form .minor-info {
color: #ff0000;
}

#quote-form ul {
margin: 10px 0px 10px 14px;
}

#quote-form ul li {
margin: 3px 0px 3px 0px;
color: #444;
}

#quote-form input {
margin: 0px 0px 0px 0px;
}

/*right-column begin*/
#right-column {
display:block;
float:right;
width:260px;
background:#fff;	
margin: 0px 0px 0px 0px;
text-align: center;
border: 0px solid #333;
color: #333;
}

#right-column img {
margin: 14px 5px 14px 0px;
}

#right-column p {
text-align: left;
margin: 0px 10px 14px 7px;
}

.phone-number {
font-weight: bold;
color: #66cccc;
}

/* footer section 
/******************/
#footer {
background: url(../images/footer-rect-turqoise-reverse.jpg) no-repeat;
width: 980px;
height:40px;
margin: 0 0 0 0;
clear: both;
}

#footer-line-one {
text-align: right;
margin: 0 18px 0 0;
padding: 4px 0 0 0;
color: #fff;
}

#footer-line-one a {
color: #fff;
text-decoration: none;
font-size: 12px;
margin: 0 0 0 0px;
}

#footer-line-one a:hover {
color: #4c4c4c;
text-decoration: underline;
font-size: 12px;
margin: 0 0 0 0px;
}

#footer-line-two {
text-align: right;
margin: 0 18px 0 0;
padding: 3px 0 0 0;
color: #000;
font-size: 12px;
}

#footer-line-two a {
color: #fff;
text-decoration: none;
font-size: 12px;
}

#footer-line-two a:hover {
color: #4c4c4c;
text-decoration: underline;
font-size: 12px;
}

/* links 
/*********/
a {
color:#blue;
text-decoration:none;
}

a:hover {
color: #4c4c4c;
text-decoration:underline;
}

//#footer a {
color:#blue;
text-decoration:none;
}

//#footer a:hover {
color:#000;
text-decoration:underline;
}

/* images 
/**********/
img {
border:none;
}