/*
-----------------------------------------------
FT Technologies Styles
Author: Chris Pearce (Cornerstone Technologies)
----------------------------------------------- */
/****************************************************************************************
>> Common HTML properties << 
*****************************************************************************************/

html, body {margin: 0; padding: 0;}
body {
	background: #E5E1E2;
	color: #616161;
	margin-bottom: 20px;
	font: 74% Arial, Helvetica, sans-serif;
	text-align: center; /* Used to center align main div for IE 5 */
}

a:link, a:visited {text-decoration: underline; color: #616161;}
a:hover, a:active {text-decoration: none; color: #616161;}

p {margin: 0 0 1.9em 0;}
a img {border: 0;}
ul li {list-style-image: url('../Images/Template/list-bullet.gif'); margin-bottom: 0.45em;}
ol li {margin-bottom: 0.45em;}
ul ul, ol ol {font-size: 100%; margin-top: 0.50em; margin-bottom: 1em;}
ul li ul li {list-style-image: url('../Images/Template/list-bullet2.gif');}
table, td {font: 100% Arial, Helvetica, sans-serif;}
hr {color: #999; background: #999; height: 1px; border: 0; margin: 0 0 1.6em 0;}
blockquote {
	font: 1.1em "Times New Roman", Times, serif;
	font-style: italic;
	margin: 0;
	padding: 0;
}

h1 {
	font: 500 180% Arial, Helvetica, sans-serif;
	color: #9D1404;
	margin: 0 0 0.75em 0;
}
h2,h3,h4 {
	font: 500 162% Arial, Helvetica, sans-serif;
	color: #DC321F;
	margin: 0 0 0.40em 0;
}
h3 {color: #5E5E5E; font-size: 143%; font-weight: bold;}
h4 {color: #999; font-size: 143%; font-weight: bold;}

table td p {margin: 0;}

/****************************************************************************************
>> Page Layout << 
*****************************************************************************************/

/* Wrapper Container
----------------------------------------------- */

#wrapper {
	width: 773px;
	margin: 0 auto;
	background: #E5E1E2 url('../Images/Template/main-shadow.jpg') repeat-y top center;
	text-align: left;
}

/* Top Shadow Container
----------------------------------------------- */

#topShadow {
	background: #E5E1E2 url('../Images/Template/top-shadow.jpg') no-repeat top center;
	height: 7px;
	font-size: 1px;
}

/* Masthead Container
----------------------------------------------- */

#masthead {
	height: 88px;
	background: #8C2924 url('../Images/Template/masthead-bg.jpg') no-repeat top right;
	position: relative;
	z-index: 10;
	margin: 0 7px 0 6px;
}
/* Branding */
#masthead h1	{
	background: #8C2924 url('../Images/Template/company-name.gif') no-repeat top left;
	position: absolute;
	top: 14px;
	left: 10px;
	margin: 0;
	width: 297px;
	padding-top: 36px;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:36px; /* for pre 6.0 IE Win */
}
/* Drop Down Menu Settings */
ul#imenus0 {
	margin: 0; 
	padding: 0;
	z-index: 60;
	list-style: none;
	width: 563px !important;
} 
ul#imenus0 li {
	list-style-image: none; 
	line-height: normal; 
	padding: 0;
	margin: 0;
	border-right: 1px solid #FFF;
}
ul#imenus0 li ul li {border: 0;}
/* Secondary Nav */
#masthead #nav2 {
	position: absolute;
	bottom: 10px;
	right: 27px;
	color: #FFF;
	font-size: 11px;
}
#masthead #nav2 p {margin: 0; line-height: normal;}
#masthead #nav2 p a:link,
#masthead #nav2 p a:visited {color: #FFF; text-decoration: none;}
#masthead #nav2 p a:hover {color: #999;}

/* Main Content Container
----------------------------------------------- */

#mainContent {
	margin: 22px 0 0 59px;
	width: 704px;
	z-index: 5;
	min-height: 220px;
}
* html #mainContent {height: 220px;} /* Hack for IE 6 and below */
/* Home Page */
#homePage #mainContent {width: auto;}
/* Expertise Page */
#expertise #mainContent {
	margin: 18px 0 0 5px;
	width: 763px;
}

/* Page Copy Container
----------------------------------------------- */

#mainContent #pageCopy {
	width: 645px;
	margin: 0;
}
#homePage #mainContent #pageCopy {width: 542px;}
#homePage #mainContent #pageCopy ul {margin-top: 2px; padding-top: 2px; margin-left: 20px; padding-left: 0;}
#homePage #mainContent #pageCopy ul li {margin-bottom: 0;}

/* Side Bar Container
----------------------------------------------- */

#mainContent #sideBar {
	float: left;
	width: 250px;
	text-align: center;
	padding-top: 15px;
}
#mainContent #sideBar p {margin: 0;}

/* Group Comapany Details Container [Home Page]
----------------------------------------------- */

#gcDetails {
	/*float: left;*/
	/*width: 763px; */
	width:533px;
	margin:auto;
}
#gcDetails div {
	float: left;
	width: 133px;
	height: 94px;
	text-align: center;
	margin-top:20px;
}
#gcDetails div a img {border: 1px solid #9D1404;}
#gcDetails div p {margin: 5px 0 0 0; font-size: 11px; line-height: normal;}

/* Expertise Styles
----------------------------------------------- */

#expertise #mainContent #expertiseBanner {
	float: left;
	width: 763px;
	height: 114px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	background: #FFF;
}
#expertise #mainContent #expertiseBanner div {float: left; height: 114px;}
#expertise #mainContent #expertiseBanner div * {margin: 0; padding: 0;}
/* Banner Title Box */
#expertise #mainContent #expertiseBanner #expertiseBannerT {
	width: 202px;
	position: relative;
}
#expertise #mainContent #expertiseBanner #expertiseBannerT h1 {
	position: absolute;
	top: 35px;
	left: 26px;
	font-size: 21px;
}
/* Banner Image Box */
#expertise #mainContent #expertiseBanner #expertiseBannerI {
	width: 156px !important;
	width /**/:158px; /* Hack for IE 5 */
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	background: #CCC;
}
/* Banner Text Box */
#expertise #mainContent #expertiseBanner #expertiseBannerC {
	width: 358px !important;
	width /**/:403px; /* Hack for IE 5 */
	height: 82px !important;
	height /**/:114px; /* Hack for IE 5 */
	padding: 16px 20px 16px 25px;
	font-size: 11px;
}
#expertise #mainContent #expertiseBanner #expertiseBannerC * {font-size: 11px;}
#expertise #mainContent #expertiseBanner #expertiseBannerC ul {margin-left: 5px; padding-left: 0;}


/* Expertise Thumbnails */
#expertise #mainContent .expertiseThumbs {
	width: 763px;
	float: left;
	height: 110px;
	margin-bottom: 20px;
}
#expertise #mainContent .expertiseThumbs div {
	float: left;
	width: 117px;
	height: 110px;
	text-align: center;
}
#expertise #mainContent .expertiseThumbs div img {border: 1px solid #9D1404;}
#expertise #mainContent .expertiseThumbs div p {margin: 5px 0 0 0; font-size: 11px; line-height: normal;}

/* Footer 1 Container
----------------------------------------------- */

#footer {
	clear: both;
	position: relative;
	text-align: left;
	height: 64px;
	background: #FFF url('../Images/Template/logo.gif') no-repeat bottom left;
	margin: 0 5px 0 5px;
}
#footer h1	{
	background: #FFF url('../Images/Template/slogan.gif') no-repeat top left;
	position: absolute;
	bottom: 5px;
	right: 7px;
	margin: 0;
	width: 325px;
	font-size: 13px;
	padding-top: 18px;
	overflow: hidden;
	height: 0px !important; /* for most browsers */
	height /**/:18px; /* for pre 6.0 IE Win */
}

/* Footer 2 Container
----------------------------------------------- */

#footer2 {
	background: #E5E1E2 url('../Images/Template/bottom-shadow.jpg') no-repeat top center;
	text-align: center;
}
#footer2 p {
	margin: 0; 
	color: #000;
	font-size: 90%;
	line-height: normal;
	padding-top: 13px;
}

/****************************************************************************************
>> HTML Tables << 
*****************************************************************************************/

table.tble-border {border-collapse: collapse;}
table.tble-border td {border: 1px solid #CCC;}

/****************************************************************************************
>> Form Styles << 
*****************************************************************************************/

form {margin: 0; padding: 0; width: 65%;}
form fieldset {padding: 0 0 2em 0; margin: 0; border: 0;}
form legend {display: none;}
form fieldset p {margin: 15px 0 0 0; font-style: italic; padding-bottom: 6px; color: #666; font-size: 11px;}
form fieldset span {font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: red;}
form fieldset label span {font-size: 12px;}
form fieldset span.help {
	font-size: 12px; 
	background: red; 
	color: #FFF; 
	padding: 1px 4px 1px 4px; 
	border: 1px solid #333; 
	line-height: normal;
	cursor: pointer;
}

form fieldset div {
	margin-top: 5px;
	clear: both;
	border: 1px solid #CCC;
	padding-bottom: 4px;
	padding-top: 4px;
	background: #EFEFEF;
}

form fieldset label {
	width: 160px;
	float: left;
	font: 600 12px Arial, Helvetica, sans-serif;
	color: #9D1404;
	text-align: right;
	margin-right: 7px;
	margin-top: 3px;
}

form fieldset input, form fieldset textarea {
	width: 210px; 
	font: 13px Arial, Helvetica, sans-serif; color: #666;
	border: 1px solid #CCC;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	background: #F3ECD6;
	color: #333;
}
form fieldset textarea {width: 240px; height: 100px;}
form fieldset select {width: auto;}

form fieldset div.submitBox {padding-left: 171px; border: 0; background: #FFF; clear: both;}
form fieldset .button {
	font: bold 12px Tahoma, Verdana, "Lucida Sans Unicode", Helvetica, Arial, sans-serif; 
	text-transform: uppercase;
	width: 85px;
	border: 0;
	padding: 2px 2px 3px 2px;
	color: #FFF;
	cursor: pointer;
	background: #935E31 url('../Images/Template/submit-btn-bg.jpg') repeat-x top left;
}

form fieldset div.clearFloat  {
	margin-top: 0;
	height: 1px;
	font-size: 1px;
	clear: both;
	border: 0;
	padding: 0;
	background: #EFEFEF;
}

/****************************************************************************************
>> Page Styles [Classes] << 
*****************************************************************************************/

.no-margin {margin: 0;}
img.imgBlock {display: block; float: right; margin: 10px 0 15px 15px;}
.caption {font-size: 95%;}
.hide {display: none;}
/* Clear Float */
div.clearFloat {
	height: 1px;
	font-size: 1px;
	clear: both;
}

body#popUp {margin: 20px;}
body#popUp div.pop-up {background: #FFF; text-align: left; padding: 10px 10px 4px 10px; border: 1px solid #CCC;}
.sp_{
	color:#9D1404;
	list-style:none;
}
.sp_ ul li{
	color:#616161;
}
.floatl{float:left;}
.floatr{float:right;}
.clearb{clear:both;}
.ft-images{
	   margin: 20px auto;
    width: 362px;
}
.img_r, .img_l{
	text-align:center;
	
}
.img_r img, .img_l img{
	border:1px solid #9D1404;
}