/*
File:			custom.css
Description:	Custom styles for Your Theme

HOW TO USE THIS FILE:

Override any class you want and it will change default styling to suit your needs.

	1. Activate custom.css file in theme admin panel
	2. Open style.css file and find any clasess you want to override
	3. Copy classes to override in this file, put them outside green commented area


START OVERRIDING / ADDING NEW CLASSES BELOW THIS LINE */

#header_area .container_24 .grid_8 {
    width: 570px;
}
#header_area .container_24 .grid_16 {
    width: 370px;
}


h3 {
	font-size: 17pt;
	color: #385a7e;

}
table { font-size:14px; width:100%; text-align:left; border-collapse:collapse; margin:0 0 20px }
table caption { margin:2px 0 }
table th { border:1px solid #E7E8D0; color:#555; font:bold 12px Tahoma; padding:8px 10px; vertical-align:left }
table td { border:1px solid #E7E8D0; color:#333; padding:4px }
table td sup { font:normal 10px Tahoma; color:#555555 }
table td img { position: relative; vertical-align:left }
	padding-top: 10px;
	padding-bottom: 3px;
}

/* Contact Form Widget
-------------------------------- */
.cform .screenReader { left:-9999px; position:absolute; top:-9999px }
.cform ol.forms  { list-style:none; width:70% }
.cform ol.forms li  { list-style:none; margin:0; padding:0; position:relative; width:100% }
.cform ol.forms label  {  }
.cform ol.forms label span  { color:red; margin:0 0 0 2px }
.cform ol.forms input.txt, .cform ol.forms textarea  { padding:5px; width:95% }
.cform ol.forms input.txt:focus, .cform ol.forms textarea:focus  {  }
.cform ol.forms input.txt  {  }
.cform ol.forms textarea  { height:130px }
.cform ol.forms li .error  { font-size:10px; display:block; font-weight:bold; color:red }
.cform ol.forms li.screenReader  { margin-bottom: 0; }
.cform ol.forms li.buttons .submit  { }
.cform ol.forms li.inline { margin:10px 0; padding:0 }
.cform ol.forms li.inline input  { margin:0 8px 0 0 }
.cform ol.forms li.inline label  {  }

/* Phone details
------------------- */
.phone-info { padding:20px 0 }
.phone-info span { float:left; display:block }
.phone-info span.pmeta { color:#BEBEBE; text-transform:uppercase; font-size:10px; line-height:11px }
.phone-info span.pnum { color:#ffffff; font-weight:bold; font-size:26px; padding:0 22px 0 8px }

#footer_area .container_24 .grid_8 {
    width: 620px;
}
#footer_area .container_24 .grid_16 {
    width: 320px;
}