/*---------------------------------------------------------------------------------------
  
                        Website: 
                        Author: Bitmedia
                        Created: 
  
---------------------------------------------------------------------------------------*/


/*
    Basics
    Layout
    Content
	Page Groups
    Typography
	Navigation
    Form Styles
    Misc
*/



/*---------------------------------------------------------------------------------------
   Basics
---------------------------------------------------------------------------------------*/

/* Default and Common CSS styles */
@import "default.css";
@import "common.css";


/* Body */
body	{ background: url('../images/bg.jpg') #fff;}




/*---------------------------------------------------------------------------------------
   Layout 
---------------------------------------------------------------------------------------*/

/* Container */
#pageContainer { width: 755px; margin: 0 auto; }

/* Header */
#header { overflow: hidden; margin-top: 15px;}

/* PageBody */
#pageBody { width: 100%; overflow: hidden;}
#mainColumn { float: left; width: 440px; margin-top: 20px; padding: 0 20px 0 40px; max-height:420px; overflow:auto;}
#sideColumn { float: right; width: 225px; margin-top: 20px; padding: 0 0 0 20px; border-left: 1px solid #000;}
#sideColumnNoBorder { float: right; width: 225px; margin-top: 20px; padding: 0 0 0 20px; border:0;}
#sideColumnNoBorder img {float:right;}

/* Footer */
#footer { overflow: hidden; margin: 5px 0 0 10px;}

/*---------------------------------------------------------------------------------------
   Content 
---------------------------------------------------------------------------------------*/
/* Header */
img#logo { float: left;  margin: 0 0 0 40px;}
img#mainImage { float: right; margin-top: 12px;}
img.mainImage { float: right; margin-top: 12px;}

/* Contact */
#contact { background: #464646; padding: 10px 20px; margin: 20px 0 0 10px;}
#contactInfo { margin-top: 4px;}

/* Footer */
#valid { float: left;}

/*---------------------------------------------------------------------------------------
   Page Groups (includes typography for groups)
---------------------------------------------------------------------------------------*/
/* News */
#newsPg { border-top: 1px solid #000; border-bottom: 1px solid #000;}
.newsHeader { font-weight: bold; margin-top: .62em; color: #bb2024; font-size: 1.5em;}
.newsAbstract { margin-top: .63em;}
.newsLink { padding-bottom: 5px;}
.newsLink a { font-weight: bold;}

/* Project Reference */
.projLink a { float: left; display: block; width: 385px; padding: 4px 0 4px 15px; color: #000; text-align: left; text-decoration: none; text-transform: uppercase; background: url('../images/redSquare.png') no-repeat center left;}
.projLink a:hover { color: #ad2123;}

/*---------------------------------------------------------------------------------------
   Typography
---------------------------------------------------------------------------------------*/

/* Base Type */
body { font: 62.5% arial, tahoma, arial, helvetica;}
#pageContainer { font-size: 1.2em; line-height: 1.25em; text-align: left;}
p { margin-bottom: 1.25em;}

/* Base Links */
a { color: #bb2024;}
a:hover { color: #000;}

/* Specifics */
#contact { color: #fff; text-align: center; font-size: 1.1em;}
#contact address { font-style:normal; font-weight: bold;}
#contactInfo a { color: #fff; text-decoration: none;}
#contactInfo a:hover { text-decoration: underline;}

/* Headers */
h1 { line-height: 1.2em; font-size: 1.6em; font-weight: bold; margin-bottom: 15px;}
h3 { line-height: 1.2em; font-size: 1.6em; font-weight: bold; margin-bottom: 15px;}

/*---------------------------------------------------------------------------------------
   Navigation
---------------------------------------------------------------------------------------*/

/* Main Nav */
ul#mainNav { float: left; width: 180px; margin: 0; padding: 0 0 0 20px; list-style: none;}
ul#mainNav li { float: left; margin: 0; padding: 0;}
ul#mainNav li a { float: left; display: block; width: 185px; padding: 4px 0 4px 15px; color: #000; text-align: left; text-decoration: none; text-transform: uppercase; background: url('../images/redSquare.png') no-repeat center left;}
ul#mainNav li a:hover { color: #ad2123;}
ul#mainNav li a.currentPage {}

/* Top Nav */
ul#topNav { float: right; width: 588px;  padding: 1px 0 0 0px; margin: 0; list-style: none; background: url('../images/topNav.png') no-repeat;}
ul#topNav li { float: right; display: inline; margin: 0; padding: 0; background: url('../images/topNavDiv.png') no-repeat top left;}
ul#topNav li.last { background: none;}
ul#topNav li a { float: left; padding: 35px 15px 30px; color: #fff; text-decoration: none; text-transform: uppercase;}
ul#topNav li a:hover { background: url('../images/topNavHvr.png') repeat-x;}
ul#topNav li a.currentPage { background: url('../images/topNavHvr.png') repeat-x;}

/* Icon Nav */
ul#iconNav { float: right; width: 750px; margin: 0; padding: 0; list-style: none;}
ul#iconNav li { float: left; display: inline; margin: 0; padding: 0;}
ul#iconNav li a { float: left; display: block; width: 115px; height: 98px; margin-top: 10px; padding: 5px 5px 0 5px; color: #fff; text-decoration: none; text-align: right; font-size: 1.1em; font-weight: bold; line-height: 1.1em;}
ul#iconNav li a.fss { background: url('../images/fssIcon.jpg') no-repeat;}
ul#iconNav li a.vas { background: url('../images/vasIcon.jpg') no-repeat;}
ul#iconNav li a.pges { background: url('../images/pgesIcon.jpg') no-repeat;}
ul#iconNav li a.fra { background: url('../images/fraIcon.jpg') no-repeat;} 
ul#iconNav li a.eles { background: url('../images/elesIcon.jpg') no-repeat;}
ul#iconNav li a.accs { background: url('../images/accsIcon.jpg') no-repeat;}
ul#iconNav li a:hover { background-position: top right;}
ul#iconNav li a.currentPage { background-position: top right;}

/* Minor Nav */
ul#minorNav { float: right; margin: 0; padding: 0; list-style: none;}
ul#minorNav li { float: left; display: inline; margin: 0; padding: 0 2px 0 0; background: url('../images/minorNavDiv.png') no-repeat center right; }
ul#minorNav li.last { background: none;}
ul#minorNav li a { float: left; padding: 0 5px; color: #404040; text-decoration: none; font-size: .9em;}
ul#minorNav li a:hover { text-decoration: underline; color: #bb2024;}
ul#minorNav li a.currentPage { color: #bb2024; text-decoration: underline; font-weight: bold;}

/* Services Sub Nav */
ul#subNavFeatures { float: left; width: 380px; margin: 0; padding: 0 0 0 20px; list-style: none;}
ul#subNavFeatures li { float: left; margin: 0; padding: 0;}
ul#subNavFeatures li a { float: left; display: block; width: 385px; padding: 4px 0 4px 15px; color: #000; text-align: left; text-decoration: none; text-transform: uppercase; background: url('../images/redSquare.png') no-repeat center left;}
ul#subNavFeatures li a:hover { color: #ad2123;}
ul#subNavFeatures li a.currentPage {}

/*---------------------------------------------------------------------------------------
   Form Styles
---------------------------------------------------------------------------------------*/

/* Default Form Style */
#formDefault { width: 450px;}
.formRow { width: 100%; float: left; margin-bottom: 10px;}
.formLeft { width: 125px; float: left;}
.formRight { float: left;}
.formRight input, .formRight textarea { margin-right: 5px;}
input.input { border: 1px solid #515151; background: #fffffb; color: #000;}
textarea.textarea { border: 1px solid #515151; background: #fffffb;}
select.select { border: 1px solid #515151; background: #fffffb; color: #000;}
select.select option {background: #fffffb; color: #000;}

/* Small Submit Button (Default) */
input.submit {  width: 75px; margin-left: 125px; padding: 5px 0 4px; border: 0; line-height: 14px; background: url('../images/submit.png') no-repeat; cursor: pointer;}
input.submit:hover { background-position: top right;}

/* Medium Submit Button */
.medSubmit { float: left;}
.medSubmit input.submit {  width: 107px; margin-left: 125px; padding: 5px 0 4px; border: 0; line-height: 14px; background: url('../images/submit2.png') no-repeat; cursor: pointer;}
.medSubmit input.submit:hover { background-position: top right;}

/* Large Submit Button */
.lgeSubmit { float: left;}
.lgeSubmit input.submit {  width: 127px; margin-left: 125px; padding: 5px 0 4px; border: 0; line-height: 14px; background: url('../images/submit3.png') no-repeat; cursor: pointer;}
.lgeSubmit input.submit:hover { background-position: top right;}


/*---------------------------------------------------------------------------------------
   Misc.
---------------------------------------------------------------------------------------*/

/* Error Page */
body.errorPage #pageContainer { text-align: center; padding-top: 50px;}
body.errorPage p#errorMessage { padding: 50px 0; text-align: center;}