/*  CSS Document for ZTR Proven Equipment Management Solution */
/*
******************************************************************************************************

Title:			footerstyle.css
Browser(s): 	All 
created by:     Alejandra Valencia 
For:			ZTR Control Systems
When:  			January 26th, 2010



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


/*-------------------------------DEFINE BODY PROPERTIES----------------------------------------*/





h1 {font-size: 2.4em; font-family: Arial, Helvetica, sans-serif; color: #3F2503; line-height:1.2em;}
h2 {font-size: 2.2em; line-height:1.2em; font-weight:normal; border:none; margin:0 0 35px 0; padding:0; color:#333; font-family: Tahoma, Geneva, sans-serif;}
h3 {font-size: 3.2em; line-height:1.2em; font-weight:normal; border:none; margin:0; padding:0 0 22px 0; color: #003; font-family:Tahoma, Geneva, sans-serif;}
h4 {font-size: 1.6em; line-height:1.2em; padding:0 0 18px 0;}
h5 {font-size: 1.4em;}
h6 {font-size: 1.2em;}


.hr{ border-bottom:1px solid #CCCCCC; border-left:none; border-right:none; border-top:none; margin:10px 0 20px 0; }
.left{ float:left;}
.left_margin_right{ float:left; margin:0 10px 0 0; font-size:1.2em;}
.left_margin_right_top{ float:left; margin:4px 10px 0 0;}
.right{ float:right;}
.right_margin_top{ float:right; margin:40px 0 0 0;}
.right_margin_right{ float:right; margin:0 20px 0 0;}

/*-------------------------------END----------DEFINE BODY PROPERTIES----------------------------------------*/

/*------------------------------GLOBAL TYPOGRAPHY--------------------------------*/

p  {font-size: 1.2em; padding:0; line-height:1.4em; font-family:Arial, Helvetica, sans-serif; color:#666;}
.gray {color: #666; font-size:1em; font-style:normal;}
.fat{font-weight:bold;}
.small  {font-size: 1.1em; padding:0; line-height:1.4em;}
.big {font-size: 1.8em; padding:0; line-height:1.2em; color: #666; margin-left:15px; margin-top:15px; margin-right:18px; }
.biggreen {font-size: 1.8em; padding:0; line-height:1.2em; color: #063; margin-left:0px; margin-top:15px; margin-bottom:18px; }
.white {font-size: 1.2em; padding:0 10px 0 0; line-height:1.4em; color:#fff;}
.title{ font-size:1.1em; font-style:italic; color:#227ab0;}
.stroke { border:1px solid #fff;}

/*------------------------------CONTENT--------------------------------*/
.list { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#CCC; padding-left:20px;}

#box {
	width: 860px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	overflow: hidden;
	padding-bottom:30px;
	
}




#bottombox {
	width: 900px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	overflow: hidden;
	height:279px;
	background: #333 url(../images/bg_footer.jpg) top center repeat-x; height:279px;
	
	
}

.bottom_wrapper {
	width:895px;
	padding:30px 0 0 40px;
	background-color:#FFF;
}


	


#nav_content{ background:#ffffff; height:52px;}

#rightnav{ width:680px;}


#rightnav{ height:32px; padding:15px 0 0 0;}
#rightnav .center ul { float:right;}
#rightnav .center ul li{ float:left; margin:0 20px 0 0; }
#rightnav .center ul li a { font-size:1.2em; text-transform:uppercase; color:#848484;}
#rightnav .center ul li a:hover { color:#505457;}
#rightnav .center ul li a:active { color:#505457;}



.alignleft {
	float: left;
}

.alignright {
	float: right;
}




/* footer area*/
/*#footer{ background:#4b4d4a  url(../images/bg_footer.jpg) top center repeat-x; height:336px;}*/

#footer_nav{ background: #333; height:80px; padding:0 0 0 0; }
#footer_nav .center p { float:left; font-size:1.1em; color:#848484; margin:25px 0 0 0; padding:0 0 0 20px; }
#footer_nav .center ul { float:right; display:block;  }
#footer_nav .center ul li{ float:left; margin:25px 10px 0 0; display: inline; }
#footer_nav .center ul li a { font-size:1.1em; text-transform:uppercase; color:#848484;}
#footer_nav .center ul li a:hover { color: #fff;}
#footer_nav .center ul li a:active { color:#fff;}
#footer_nav .facebook  { padding-top:10px; padding-right:0px; float:right; z-index:1000;}
#footer_nav .twitter  { padding-top:10px; padding-right:5px; float:right; z-index:1000;}

.center{ width:940px; height:100%; margin:0 auto; padding:0 30px 0 0;}

h1 a { float:left; margin:20px 0 15px 0; display:block; width:300px; height:71px; background: transparent url(../images/logo.png) no-repeat; text-indent:-9999px; overflow:hidden;}

.column { width:200px; padding:0 30px 0 30px; margin:30px 40px 0 0; float:left; color:#f0f0f0;}
.column h5{ font-size:1.4em; font-weight:bold; color:#ffffff; letter-spacing:-1px; text-transform:uppercase;}
.column h6 { font-size:1.2em; color: #F90; margin:0 0 10px 0;}
.column h6 a { margin:0 0 10px 0; color:#fafafa;}
.column h6 a:hover { margin:0 0 10px 0; color:#ffac6f;}
.column .date{ float:left; width:36px; height:17px; padding:0 0 0 2px; margin:0 10px 0 0; background:transparent  url(../site/ntmplat/i/ico_date1.png) no-repeat; font-size:1.1em; font-weight:bold;}
.column p {font-size:1.1em;}
.column p.lead {font-size:1.1em; margin:0 0 30px 0;}

.column_odd { width:210px; height:300px; padding:0; margin:30px 0; float:left; color: #666;}
.column_odd p {font-size:1.0em;}
.column_odd h5{ font-size:1.4em; font-weight:bold; letter-spacing:-1px; text-transform:uppercase; color:#ffffff;}

.column .ad{ float:left; display:block; width:88px; height:88px; border:1px solid #fff; padding:5px; margin:0; background:#666666;}
.column .ad_odd { float:left; display:block; width:88px; height:88px; border:1px solid #fff; padding:5px; margin:0 15px 15px 0; background:#666666;}
.column .recent_comment { background:transparent  url(i/icocomment-trans.png) top left no-repeat; padding:0 0 0 40px; margin:0 0 30px 0; font-size:1.3em; float:left;}
.column a.comment { display:block; font-size:0.9em; margin:5px 0 0 0; color:#f0f0f0; float: left;}
.column a.comment:hover {display:block; font-size:0.9em; margin:5px 0 0 0; color:#ff7752;}




/* ends here*/


.centernav{ width:900px; height:100%; margin:0 auto; padding:0; }
.center{ width:940px; height:100%; margin:0 auto; padding:0;}



.left_column {  width:459px; float:left; padding:0px;}
.left_column .description{ float:left; margin:20px; width:100%;}
.right_column { width:459px; float:left; padding:0px 20px 0 0;}
.right_column .description{ float:left; width:100%; margin:20px;}
.tagline{ width:436px; height:97px; background:transparent url(../images/tagline.png) no-repeat; text-indent:-9999px; overflow:hidden;}

h1 a { float:left; margin:20px 0 15px 0; display:block; width:300px; height:71px; background: transparent url(../images/logo.png) no-repeat; text-indent:-9999px; overflow:hidden;}

ul.listing{ float:left; padding:12px 80px 28px 10px; margin:0;}
ul.listing li{ list-style-image: none; background-image:url(file://///ztrweb3/trwebsite/ZTRNEW/HTML/css/i/ico_li.png); background-repeat: no-repeat; background-position: left center; padding:0 0 2px 25px; margin:0 0 5px 0; font-size:1.2em;}


#testimonials { margin:0 auto; width:960px; background:#f2f2f2; border:1px solid #e0e0df;}
#testimonials_inner { margin:10px; padding:20px; width:900px; background:#f8f7f7; border:1px solid #ececec;}
#testimonials_inner p.intro{ color:#d05606; font-weight:bold; font-size:1.4em;}
#testimonials_inner h4{ padding:20px 0; font-family:"Times New Roman", Times, serif; font-size:2.6em; color:#666; font-weight:normal; font-style:italic; line-height:1.4em;}
#testimonials_inner a.all { display:block; width:192px; background:#f2f2f2; border:1px solid #e0e0e0; color:#6c6c6c; font-size:1.2em; padding:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#testimonials_inner a.all:hover { display:block; width:192px; background:#fff; border:1px solid #e0e0e0; color:#6c6c6c; font-size:1.2em; padding:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#testimonials_inner p.sig{ float:right; padding:0 20px 0 0;}
#testimonials_inner p.sig span{ font-size:1.1em; font-style:italic; color:#666;}
#testimonials_inner a.logo {float:right; width:162px; height:16px; display:block; background: transparent url(file://///ztrweb3/trwebsite/ZTRNEW/HTML/images/logo_testimonials.png) no-repeat; text-indent:-9999px; overflow:hidden;}





ul {
	list-style-type: none;
}

ul.cool-li {
	font:Verdana, Geneva, sans-serif;
	font-size:12px;
	color: #666;
	list-style-type: disc;
	margin-bottom: 12px;
	padding-left:15px;
}

ul.cool-li li {
	padding: 0px 0px 0px 10px;
	font:Verdana, Geneva, sans-serif;
	size:14px;
	line-height:16px;
}
ul.rail-li {
	font:Verdana, Geneva, sans-serif;
	font-size:12px;
	color: #666;
	list-style-type: none;
	margin-bottom: 12px;
	padding-left:15px;
}

ul.rail-li li {
	padding: 0px 0px 0px 10px;
	font:Verdana, Geneva, sans-serif;
	size:14px;
	line-height:16px;
}


ul.blue-li {
	font:Verdana, Geneva, sans-serif;
	font-size:12px;
	color: #666;
	list-style-type: none;
	margin-bottom: 12px;
	padding-left:15px;
}

ul.blue-li li {
	padding: 0px 0px 0px 10px;
	font:Verdana, Geneva, sans-serif;
	size:14px;
	line-height:16px;
}

ul.check-li {
	font:Verdana, Geneva, sans-serif;
	font-size:12px;
	color: #666;
	list-style-type: none;
	margin-bottom: 12px;
	padding-left:15px;
}

ul.check-li li {
	padding: 0px 0px 0px 0px;
	font:Verdana, Geneva, sans-serif;
	size:14px;
	line-height:16px;
}







em, dfn {
	font-style: italic;
}
.description  {
	font-size: 12px;
	color: #06C;
	margin-bottom: 15px;
	
}




a.button {
	text-transform: uppercase;
	color: #fbfbfb;
	background: #666;
	padding: 5px 10px;
	display: inline-block;
	font-size: 11px;
}

a.button:hover {
	text-decoration: none;
	background: #658294;
}

a.buttonblue {
	text-transform: uppercase;
	color: #fbfbfb;
	background: #39C;
	padding: 5px 10px;
	display: inline-block;
	font-size: 11px;
}

a.buttonblue:hover {
	text-decoration: none;
	background: #369;
}

.post a.button {
	margin-top: 14px;
	float: right;
}



#top_content{ background:#ffffff; width:940px; height:138px;}


body#home div#actioncalls {
	width: 210px;
	height:247px;
	float: left;
	border-right:0.5px #CCC thin dotted;
	
	
}

body#home div#actioncalls ul {
	padding:15px;
	overflow: hidden;
	list-style-type: none;
}

body#home div#actioncalls ul li {
	float: left;
	width: 200px;
	margin: 0px 70px 15px 0px;
	overflow: hidden;
	padding: 0px 0px 0px 45px;
}

body#home div#actioncalls ul li#first {
	background:  url(../images/icon1-trans.png) 0px 11px   no-repeat;
}


body#home div#actioncalls ul li h3 {
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 2px;
}

body#home div#actioncalls ul li {
	color: #333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	line-height: 1.5em;
}


/**content actioncalss posts**/
body#home div#callbox{
	width: 210px;
	height:280px;
	float: left;

	border-right:0.5px #CCC thin dotted;
	
}

body#home div#callbox ul {
	padding:15px;
	overflow: hidden;
	list-style-type: none;
}

body#home div#callbox ul li {
	float: left;
	width: 200px;
	margin: 0px 70px 15px 0px;
	overflow: hidden;
	padding: 0px 0px 0px 45px;
}

body#home div#callbox ul li#first {
	background:  url(../images/icon1-trans.png) 0px 11px   no-repeat;
}


body#home div#callbox ul li h3 {
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 2px;
}

body#home div#callbox ul li p {
	color: #4d4c4c;
	line-height: 1.5;
}