@charset "utf-8";
/*


Developer Notes

Try to keep your declarations organized. Practically, it can be a pain when you're trying
to figure something out although taking ten minutes at the end of a project to tidy things up is well worth it
when you come back six months later. Below is a list that seems pretty long and rarely have I found the need to 
set even half of these on one class or id. Generally I just keep in mind three - box properties and layout rules
(the first five below), background and border properties and typography.

    * Position
    * Float and Clear
    * Width and Height
    * Margin and Padding
    * Overflow
    * Border
    * Background
    * Font and Text effects
	
Try to keep the file organized by the type of declaration. That said, there will be times where you need to add
a class to a child of an element with an id (i.e. #header #header.content) and those should be placed close to the
parent element's declaration. As in don't place #header.copy in the custom classes section but rather under the
#header declaration. When working with the element, all its styles are in the same area of the document.
	
Add or replace all relevant color values from the PSD layout to the list below
If Pantone colors are avaialable, list the number and if applicable the tint percent. If Pantone's aren't
applicable, just give the color a name that can be used to describe the color to other developers or designers.
Of course, hex values do not have tints so the tint colums will only apply to Pantone colors.
Don't bother with the # sign for hex values - double clicking the numbers won't pick up the symbol anyway.
If you'd really like to be helpful, adding some hints as to where the color is used on the page under the usage
column will give the person a visual reference. The whole idea of listing the colors here is to prevent the
developer from having to switch back and forth between DW & Photoshop or a browser. It also ensures consistent use
of color on the site to prevent slightly different color values from being picked up by the color picker.

Color Scheme:
Pantone / Color Name 		Tint		Hex				Usage
---------------------		----		-------			-----
5643C / Midnight Blue		100			003745			header background
5643C / Medium Blue			70			006677			h2, page titles

*/

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

@import rules

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

@import url("reset.css");

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

Global Overrides

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

body {
	background-color: #000;
	font: normal 12px "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
}

h1 {
	font: normal 20px Arial, Arial, Helvetica, sans-serif;
}

h2 {
	margin-bottom: .5em;
	font: normal 24px Arial, Arial, Helvetica, sans-serif;
}

h3 {
	margin-bottom: 1em;
	font: bold 140% Georgia;
}

p {
	margin-bottom: 1em;
}

a {
	Xolor: #00467F;
	color: Black;
	text-decoration: none;
	
}

a, a:hover, a:active, a:visited {
	outline: none;
}

a.highlite:link {
color:blue
} 

a.highlite:visited {
color:blue
} 




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

ID Declarations

/////////////////////////// */
#site {
	width: 980px;
	margin: 0 auto;
	margin-top: 15px;
	border: 1px solid black;
	background-color: #FFF;
}

#fontpage {
	width: 980px;
	margin: 0 auto;
	margin-top: 15px;
	border: 1px solid black;
	background-color: #FFF;
	background-image: url(../../img/fontshield.jpg);
	height: 767px;
}
#general-top {
	width: 980px;
	margin: 0 auto;
	margin-top: 15px;
	border: 1px solid black;
	background-color: #FFF;
	background-image: url(../../img/general-top2.jpg);
        background-repeat: repeat-x;
	
}


#header {
	min-width: 980px;
	height: 203px;
	vertical-align: bottom;	
}

#header h1 {	
	height: 22px;
	text-align: left;
	text-indent: -9999px;
	font: 18px "Georgia";
}

#header-general {
	min-width: 980px;
	height: 5px;
	vertical-align: bottom;	
}

#header-general h1 {	
	height: 22px;
	text-align: left;
	text-indent: -9999px;
	font: 18px "Georgia";
}

#masthead {
	height: 203px;
	margin: 0 auto;
	position: relative;
}

#main-nav {
	float: left;
	width: 206px;
	margin: 18px 0 0 0;
	color: #000;
}

#main-nav ul {
	width: 206px;
}

#main-nav li {
	height: 40px;
    margin-left: 5px;
    }

#main-nav li a
{
    display:  block;
    position:absolute;
    margin-top:0px;
    width: 206px;
    text-indent: 30px;
    height: 30px;
    vertical-align:middle;
    font:  bold 13px "Trebuchet MS" , Tahoma, Verdana, Arial, sans-serif;
    
}
#main-nav li a img
{
    vertical-align:middle;
    }





#main-newnav {
	float: left;
	width: 206px;
	margin: 18px 0 0 0;
	color: #000;
}

#main-newnav ul {
	width: 206px;
}

#main-newnav li {
	height: 29px;
         xborder: 1px solid #CCC;
	
}

#main-newnav li img {
         xborder: 1px solid #CCC;
	
}

#cccmain-newnav li a {
	display: block;
	width: 206px;
	height: 38px;
}





#page {
	min-width: 770px;
	margin: 0 auto;
	margin-bottom: 36px;
	background: transparent url(../../img/bg-page-architecture.jpg) repeat-x scroll 0% 0%;
}
/*copy and rename this section for each page*/
#page-mining {
	min-width: 770px;
	margin: 0 auto;
	margin-bottom: 36px;
	background: transparent url(../../img/bg-page-mining.jpg) repeat-x scroll 0% 0%;
}

#page-general {
	min-width: 770px;
	margin: 0 auto;
	margin-bottom: 36px;
	margin-top: 110px;
}

#page-front {
	min-width: 770px;
	margin: 0 auto;
	margin-bottom: 36px;
	margin-top: 170px;
}

#page-mfg {
	min-width: 770px;
	margin: 0 auto;
	margin-bottom: 36px;
	background: transparent url(../../img/bg-page-mfg.jpg) repeat-x scroll 0% 0%;
}

#page-industrial {
	min-width: 770px;
	margin: 0 auto;
	margin-bottom: 36px;
	background: transparent url(../../img/bg-page-industrial.jpg) repeat-x scroll 0% 0%;
}

#contentlarger15 {
     font-size: 15px ;
    }
    
#contentlarger14 {
     font-size: 14px ;
    }
    
#contentlarger13 {
     font-size: 13px ;
    }
    
#content {
	width: 485px;
	margin-top: 84px;
}

#content ul {
       list-style-type: disc;
       margin-left:2em;
       padding-left: 2em
}

#content-wide {
	width: 740px;
}

#content-wide ul {
       list-style-type: disc;
       margin-left:2em;
       padding-left: 2em
}


#content-general {
	width: 740px;
}

#content-general ul {
       list-style-type: disc;
       margin-left:2em;
       padding-left: 2em
}


#article {
	padding: 15px;
}

#article h2 {
	color: #00467F;
}

#article img {
	margin: 8px;
	border: 2px solid #00467F;
}


/*copy and rename this section for each page*/
#article-mining {
	padding: 15px;
        
}

#article-mining h2 {
	color: #5A311C; /*fix color*/
}

#article-mining img {
	margin: 8px;
	border: 2px solid #5A311C;
}

#article-mining img.nobor {
	border: 0;
}

/*mfg*/
#article-mfg {
	padding: 15px;
}

#article-mfg h2 {
	color: #bb7d64; /*fix color*/
}

#article-mfg img {
	margin: 8px;
	border: 2px solid #00467F;
}

/*Industrial */
#article-industrial {
	padding: 15px;
}

#article-industrial h2 {
	color: #989c8f;
}


#article-industrial img {
	margin: 8px;
	border: 2px solid #989c8f;
}

/*  SIDEBAR */

#sidebar {
	width: 261px;
	margin: 96px 0 0 8px;
}

#floatsidebar {
	width: 261px;
	margin: 96px 0 0 8px;
        float:right; 
        clear:right; 

}

#floatsidebar ul { 
       padding: 8px 8px 8px 24px;
       background-color: #FFF;
}

#floatsidebar li {
	margin-bottom: 5px;
	padding: 3px;
	list-style: disc;
	font: italic 11px Georgia;
	font-weight: bold;
}

#floatsidebar table 
{width: 261px;
   padding: 8px 8px 8px 24px;
	border: 1px solid #00467F;
	background-color: #FFF;
}

/* sidebar Industrial */
#floatsidebar-industrial {
	width: 261px;
	margin: 96px 0 0 8px;
        float:right; 
        clear:right; 

}

#floatsidebar-industrial ul { 
       padding: 8px 8px 8px 24px;
       background-color: #FFF;
}

#floatsidebar-industrial li {
	margin-bottom: 5px;
	padding: 3px;
	list-style: disc;
	font: italic 11px Georgia;
	font-weight: bold;
}

#floatsidebar-industrial table{
        width: 261px;
        padding: 8px 8px 8px 24px;
	border: 1px solid #989c8f;
	background-color: #FFF;
}




.related-links {
	width: 261px;
}

.related-links h3 
{
  	height: 26px;
	margin-bottom: 0;
	padding: 7px 0 0 12px;
	font-size: 14px;
	color: #FFF;
	background: transparent url(../../img/sidebar-architecture.jpg) no-repeat scroll 0% 0%;
}

.related-links ul 
{
   padding: 8px 8px 8px 24px;
	border: 1px solid #00467F;
	background-color: #FFF;
}

.related-links li {
	margin-bottom: 5px;
	padding: 3px;
	list-style: disc;
	font: italic 11px Georgia;
	font-weight: bold;
}

/* RELATED LINKS MINING */
/*copy and rename this section for each page*/
.related-links-mining {
	width: 261px;
}

.related-links-mining {
	width: 261px;
}
.related-links-mining h3 {
	height: 26px;
	margin-bottom: 0;
	padding: 7px 0 0 12px;
	font-size: 14px;
	color: #FFF;
	background: transparent url(../../img/sidebar-mining.jpg) no-repeat scroll 0% 0%;
}

.related-links-mining ul  {
	padding: 8px 8px 8px 24px;
	border: 1px solid #5A311C; /*fix color*/
	background-color: #FFF;
}

.related-links-mining li {
	margin-bottom: 5px;
	padding: 3px;
	list-style: disc;
	font: italic 11px Georgia;
	font-weight: bold;
}

.related-links-mining table {
	border-color: #5A311C;
        font-size : 12px;
        font-family : "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
}

.related-links-mining td {
	padding: 10px 10px 10px 10px;

}


/*mfg*/
.related-links-mfg {
	width: 261px;
}

.related-links-mfg {
	width: 261px;
}
.related-links-mfg h3 {
	height: 26px;
	margin-bottom: 0;
	padding: 7px 0 0 12px;
	font-size: 14px;
	color: #FFF;
	background: transparent url(../../img/sidebar-mfg.jpg) no-repeat scroll 0% 0%;
}

.related-links-mfg ul {
	padding: 8px 8px 8px 24px;
	border: 1px solid #bb7d64; /*fix color*/
	background-color: #FFF;
}

.related-links-mfg li {
	margin-bottom: 5px;
	padding: 3px;
	list-style: disc;
	font: italic 11px Georgia;
	font-weight: bold;
}
/* industrial */
.related-links-industrial {
	width: 261px;
}

.related-links-industrial {
	width: 261px;
}
.related-links-industrial h3 {
	height: 26px;
	margin-bottom: 0;
	padding: 7px 0 0 12px;
	font-size: 14px;
	color: #FFF;
	background: transparent url(../../img/sidebar-industrial.jpg) no-repeat scroll 0% 0%;
}

.related-links-industrial ul {
	padding: 8px 8px 8px 24px;
	border: 1px solid #989c8f;
	background-color: #FFF;
}

.related-links-industrial li {
	margin-bottom: 5px;
	padding: 3px;
	list-style: disc;
	font: italic 11px Georgia;
	font-weight: bold;
}
.related-links-industrial table {
        width: 261px;
        padding: 8px 8px 8px 24px;
	border: 1px solid #00467F;
	background-color: #880000;
}

/*  SIDEBAR*/


#specific {

}

#footer-front {
	min-width: 980px;
	xackground-color: #FFF;
}

#footer-front p {
	width: 800px;
	margin: 0 auto;
	padding: 0 0 8px 0;
	text-align: center;
	letter-spacing: .3em;
        color: #FFFFFF;
	border-bottom: 1px solid #ffffff;
}

#footer {
	min-width: 980px;
	xackground-color: #FFF;
}

#footer p {
	width: 800px;
	margin: 0 auto;
	padding: 0 0 8px 0;
	text-align: center;
	letter-spacing: .3em;
	border-bottom: 1px solid #00467F;
}
/*copy and rename this section for each page*/
#footer-mining {
	min-width: 980px;
	background-color: #FFF;
}

#footer-mining p {
	width: 800px;
	margin: 0 auto;
	padding: 0 0 8px 0;
	text-align: center;
	letter-spacing: .3em;
	border-bottom: 1px solid #5A311C; /*fix color*/
}
/*mfg*/
#footer-mfg {
	min-width: 980px;
	background-color: #FFF;
}

#footer-mfg p {
	width: 800px;
	margin: 0 auto;
	padding: 0 0 8px 0;
	text-align: center;
	letter-spacing: .3em;
	border-bottom: 1px solid #5A311C; /*fix color*/
}

/*Industrial*/
#footer-industrial {
	min-width: 980px;
	background-color: #FFF;
}

#footer-industrial p {
	width: 800px;
	margin: 0 auto;
	padding: 0 0 8px 0;
	text-align: center;
	letter-spacing: .3em;
	border-bottom: 1px solid #989c8f;
}

#footer-nav {
	margin: 0 15px;
	text-align: center;
}

#footer-nav ul {
	padding: 12px 0 2px 8px;
}

#footer-nav li {
	display: inline;
	padding: 3px;
	font: 12px "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
}




#legal {
	margin: 5px 15px 18px 15px;
	text-align: center;
}

#legal ul {
		
}

#legal li, #legal p {
	display: inline;
	padding: 3px;
	font: 9px Arial, Helvetica, sans-serif;
	letter-spacing: normal;
	border: none;
}
/*copy and rename this section for each page*/
#header.architecture {
	background: transparent url(../../img/page-header-architecture.jpg) no-repeat scroll 0% 0%;
	
}
#header.industrial {
	background: transparent url(../../img/page-header-industrial.jpg) no-repeat scroll 0% 0%;
	
}
#header.mining {
	background: transparent url(../../img/page-header-mining.jpg) no-repeat scroll 0% 0%;
	
}
#header.mfg {
	background: transparent url(../../img/page-header-mfg.jpg) no-repeat scroll 0% 0%;
	
}
#section-icon {
	float: right;
	width: 72px;
	height: 72px;
	margin: 60px 100px 0 0;
}



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

Custom Classes

/////////////////////////// */
.clear-both {
	height: 0px;
	clear: both;
}

.clear-none {
	height: 0px;
	clear:  none;
}

.no-margin, #content.no-margin, #content-wide.no-margin, #content-general.no-margin{
	margin:0;
}

.one-col {
	width: 100%;
}
.front-text {
        font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	xmargin-left: 1px;
	margin-left: 1px;
	margin-top: 1px;
        width: 630px;
}


.two-col {
	width: 49%;
}

.three-col {
	width: 32%;
}

.four-col {
	width: 24%;
}

.five-col {
	width: 19%;
}
.float-left {
        float: left;
}

.float-center {
        float: center;
}

.float-right {
	float: right;
}

#content, #content-general, #content-wide, #sidebar, .two-col, .three-col, .four-col, .five-col {
	float: left;
	margin: 0 0 10px 10px;
}

#sidebar.first-col, .first-col {
	margin: 0 0 10px 0;
}

#content, #sidebar {
	margin-top: 96px;
}

.feature {
	padding: 3px;
}

.logo, .section-img {
	float: left;
	color: #FFF;
}

.logo {
	width: 217px;
	height: 104px;
	margin-top: 36px;
	padding: 0;
	background: transparent url(../../img/caid-logoback.png) no-repeat scroll -50% 0%;
}


.logo-img
{
float: left;
}

.logo-general {
	width: 217px;
	height: 104px;
	margin-top: 1px;
	padding: 0;
	background: transparent  no-repeat scroll -50% 0%;
}

.section-img {
	position: absolute;
	left: 240px;
	width: 450px;
	height: 300px;
	xackground: transparent url(../../img/section-photo-architecture.png) no-repeat scroll 0% 0%;
}
/*copy and rename this section for each page*/
.section-mining-img {
	position: absolute;
	left: 240px;
	width: 450px;
	height: 300px;
	background: transparent url(../../img/section-photo-mining.png) no-repeat scroll 0% 0%;
}
.section-mining-imgtest {
	position: absolute;
	left: 240px;
	width: 450px;
	height: 300px;
	xackground: transparent url(/img/section-photo-mining.png) no-repeat scroll 0% 0%;
}
.section-mfg-img {
	position: absolute;
	left: 240px;
	width: 450px;
	height: 300px;
	background: transparent url(../../img/section-photo-mfg.png) no-repeat scroll 0% 0%;
}
.section-industrial-img {
	position: absolute;
	left: 240px;
	width: 450px;
	height: 300px;
	background: transparent url(../../img/section-photo-industrial.png) no-repeat scroll 0% 0%;
}

/* Main Nav Classes */
/*copy and rename this section for each page*/

.nav-front-all {
    background: transparent url(/img/main-nav-blank.png) no-repeat scroll 0px 0px;
}
.nav-front-all a {    color: White;	text-decoration: none;	}

.nav-front-all:hover {
    background: transparent url(/img/main-nav-highlight.png) no-repeat scroll 0px 0px;
}

.nav-architectural-all {
    background: transparent url(/img/main-nav-blank.png) no-repeat scroll 0px 0px;
}
.nav-architectural-all a {  color: #00467F;	text-decoration: none;	}

.nav-architectural-all:hover {
    background: transparent url(/img/main-nav-highlight.png) no-repeat scroll 0px 0px;
}

.nav-industrial-all {
    background: transparent url(/img/main-nav-blank.png) no-repeat scroll 0px 0px;
}
.nav-industrial-all a {  color: #989c8f;	text-decoration: none;	}

.nav-industrial-all:hover {
    background: transparent url(/img/main-nav-highlight.png) no-repeat scroll 0px 0px;
}

.nav-mfg-all {
    background: transparent url(/img/main-nav-blank.png) no-repeat scroll 0px 0px;
}
.nav-mfg-all a {  color: #bb7d64;	text-decoration: none;	}

.nav-mfg-all:hover {
    background: transparent url(/img/main-nav-highlight.png) no-repeat scroll 0px 0px;
}

.nav-mining-all {
    background: transparent url(/img/main-nav-blank.png) no-repeat scroll 0px 0px;
}
.nav-mining-all a {  color: #5A311C;	text-decoration: none;	}

.nav-mining-all:hover {
    background: transparent url(/img/main-nav-highlight.png) no-repeat scroll 0px 0px;
}