/************* CSS BY JPNM.NET *************/

body {
margin: auto;
height: 100%;
font-family: Calibri, sans-serif;
color: #666;
font-size: 10pt;
line-height: 14pt;
background-color: #fff;
background-image: url("../imgs/bground_tile.gif");
background-repeat: repeat-x;
}

a.body:active{color:#666;text-decoration:none;}
a.body:link{color:#666;text-decoration:none;}
a.body:visited{color:#666;text-decoration:none;}
a.body:hover{color:#000;text-decoration:none;}

#bodyContainer {
width: 960px;
margin-left: auto;
margin-right: auto;
}

/************* HEADER *************/

#Logo {
float: right;
width: 960px;
height: 25px;
text-align: left;
padding: 25px 0 0 0;
background-color: #171717;
}

#Register {
float: right;
position: relative; /** Places image at the top of the page **/
top:-25px;
width: 77px;
height: 18px;
background: url("../imgs/register.gif") no-repeat 0 0;
}

#Register:hover { 
background-position: 0 -18px;
}

#Register span {
display: none;
}

/************* MENU *************/

#Menu {
float: left;
width: 960px;
background-color: #171717;
}

#navigation ul {
float:right;
width: 628px; 
height: 23px; 
position: relative; /** Places image at the top of the page **/
background: url(../imgs/menu.gif) no-repeat 0 -23px;
list-style: none;
margin: 0; padding: 0;
background-color: #171717;
}

#navigation li {
display: inline;
}

#navigation li a:link, #navigation li a:visited {
border: none;
/** width of the button in active state **/
height: 23px; /** height of the button in active state **/
display: block; 
position: absolute; 
top: 0; 
text-indent: -7000px; /** Removes li text from the screen **/
outline: none;
}

#navigation li.menu1 a:link, #navigation li.menu1 a:visited { 
left: 0; width: 61px;
}

#navigation li.menu2 a:link, #navigation li.menu2 a:visited { 
left: 61px; width: 137px;
}

#navigation li.menu3 a:link, #navigation li.menu3 a:visited { 
left: 198px; width: 158px;
}

#navigation li.menu4 a:link, #navigation li.menu4 a:visited { 
left: 356px; width: 128px;
}

#navigation li.menu5 a:link, #navigation li.menu5 a:visited { 
left: 484px; width: 77px;
}

#navigation li.menu6 a:link, #navigation li.menu6 a:visited { 
left: 561px; width: 67px;
}

#navigation li.menu1 a:hover {
background: url(../imgs/menu.gif) no-repeat 0 0;
}

#navigation li.menu2 a:hover {
background: url(../imgs/menu.gif) no-repeat -61px 0;
}

#navigation li.menu3 a:hover {
background: url(../imgs/menu.gif) no-repeat -198px 0;
}

#navigation li.menu4 a:hover {
background: url(../imgs/menu.gif) no-repeat -356px 0;
}

#navigation li.menu5 a:hover {
background: url(../imgs/menu.gif) no-repeat -484px 0;
}

#navigation li.menu6 a:hover {
background: url(../imgs/menu.gif) no-repeat -561px 0;
}

/************* HOME *************/

#Box_HomeImage {
float: left;
width: 960px;
margin: 20px 0 0 0;
height: 223px;
background-image: url("../imgs/image_home.jpg");
background-color:#1d1d1d;
}

#Box_HomeIntro {
float: left;
width: 900px;
padding: 30px;
margin: 2px 0 20px 0;
text-align: left;
font-size: 11pt;
line-height: 12pt;
color: #171717;
background-color:#c0c0c0;
background-image: url("../imgs/bground_tile.gif");
background-position: 0 -220px;
}

#Box_HomeFeature {
float: left;
width: 960px;
text-align: left;
}

.HomeIntro_Title {
font-size: 15pt;
color: #fff;
}

.Box1{width:293px; height:37px; position:relative; overflow:hidden; margin-top:96px; padding-left:20px; background-color:#171717; color: #888; font-size: 8pt; line-height: 10pt;} 
.Box2{width:309px; height:37px; position:relative; overflow:hidden; margin-top:96px; padding-left:20px; background-color:#171717; color: #888; font-size: 8pt; line-height: 10pt;} 
.Box3{width:294px; height:37px; position:relative; overflow:hidden; margin-top:96px; padding-left:20px; background-color:#171717; color: #888; font-size: 8pt; line-height: 10pt;} 

#tabHolder1 {height:133px; float:left; background-color:#171717; background-image:url(../imgs/but_bground1.jpg); background-position: 0px 0px; background-repeat:no-repeat; margin-right: 2px;}
#tabHolder2 {height:133px; float:left; background-color:#171717; background-image:url(../imgs/but_bground2.jpg); background-position: 0px 0px; background-repeat:no-repeat; margin-right: 2px;}
#tabHolder3 {height:133px; float:left; background-color:#171717; background-image:url(../imgs/but_bground3.jpg); background-position: 0px 0px; background-repeat:no-repeat;}

/* #Content {padding:40px 15px 5px 23px; height:95px; margin-top:-36px; background-color:#ffcc00; font-family: Calibri, sans-serif; } */

/************* CONTENT *************/

#Box_ContentImage {
float: left;
width: 960px;
margin: 10px 0 0 0;
height: 143px;
background-image: url("../imgs/image_header.jpg");
background-color:#1d1d1d;
}

#Box_ContentContainer {
float: left;
width: 940px;
margin: 10px 0 0 0;
padding: 10px;
background-color:#fff;
}

#Box_Title {
float: left;
width: 920px;
text-align: left;
padding: 10px;
font-size: 12pt;
background-color:#1d1d1d;
color: #fff;
}

#Box_SubMenu {
float: left;
width: 920px;
text-align: left;
padding: 5px 10px 5px;
font-size: 9pt;
background-color:#8f8f8f;
color: #333;
}

a.SubMenu:active{color:#000000;text-decoration:none;}
a.SubMenu:link{color:#000000;text-decoration:none;}
a.SubMenu:visited{color:#000000;text-decoration:none;}
a.SubMenu:hover{color:#f2f2f2;text-decoration:none;}

#Box_Content {
float: left;
width: 860px;
text-align: left;
padding: 40px 40px 80px 40px;
background-color:#f2f2f2;
}

#Box_ContentAlt {
float: left;
width: 860px;
text-align: left;
padding: 0 40px 40px 40px;
background-color:#f2f2f2;
}

#vertical_slide {
float: left;
width: 880px;
text-align: left;
margin-top: 10px;
margin-bottom: -10px;
padding: 20px;
font-size: 8pt;
color: #999;
}

/************* TEXT *************/

.Title {
font-size: 14pt;
line-height: 16pt;
}

.BodyBold {
font-weight: bold;
}

.BodyBig {
font-size: 12pt;
line-height: 15pt;
}

.BodySmall {
font-size: 7pt;
}

a.BodySmall:active{color:#666;text-decoration:none;}
a.BodySmall:link{color:#666;text-decoration:none;}
a.BodySmall:visited{color:#666;text-decoration:none;}
a.BodySmall:hover{color:#000;text-decoration:underline;}


.BodyBullet {
padding-left: 15px;
background-image: url("../imgs/bullet.gif");
background-repeat: no-repeat;
}

.collapsible {
display: none; /* Only important part */
font-size: 9pt;
line-height: 11pt;
width: 850px;
margin: 10px 0 10px 20px;
}

.JobTable {
font-size: 9pt;
border-bottom: 1px dotted #a9a9a9;
}

.JobTableTitle {
color: #000000;
background-color:#e6e6e6;
font-weight: bold;
}

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


.Box_Contact {
float: left;
width: 285px;
text-align: left;
font-size: 9pt;
line-height: 11pt;
}

.TitleContact {
font-weight: bold;
margin: 0 0 0 10px;
}

#Box_Bottom {
float: left;
width: 850px;
text-align: left;
font-size: 8pt;
line-height: 10pt;
}

#Box_Project {
clear: both;
float: left;
width: 200px;
text-align: left;
font-size: 8pt;
line-height: 10pt;
background-color:red;
}

.ImgEthos {
float: left;
margin: 20px;
}

.ImgRegister {
float: right;
position:relative;
top:-25px;
left:-24px;
}

.ImgArrow {
margin: 0 5px 0 10px;
}

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

#FooterContainer {
float: left;
width: 960px;
color: #b0b0b0;
padding: 40px 0 100px 0;
text-align: right;
font-size:8pt;
line-height:10pt;
}

a.FooterTiny:active{color:#b0b0b0;text-decoration:none;}
a.FooterTiny:link{color:#b0b0b0;text-decoration:none;}
a.FooterTiny:visited{color:#b0b0b0;text-decoration:none;}
a.FooterTiny:hover{color:#171717;text-decoration:none;}


.FooterTiny {
font-size: 7pt;
line-height: 7pt;
}

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

.TextForm { font-size: 8pt; background-color: #F5F5F5; color: #444444;}

.formStyle { font-size:8pt; background-color: #F5F5F5; color: #222222; width: 175px; }
.formStyleLong { font-size:8pt; background-color: #F5F5F5; color: #222222; width: 180px;}
.formStyleLong2 { font-size:8pt; background-color: #F5F5F5; color: #222222; width: 280px;}
.formStyleLonger { font-size:8pt; background-color: #F5F5F5; color: #222222; width: 600px;}

.formStylePull1 { font-size:8pt; background-color: #F5F5F5; color: #222222; width: 600px;}
.formStylePull2 { font-size:8pt; background-color: #F5F5F5; color: #222222; width: 180px;}

.formStylePull { font-size:8pt; background-color: #F5F5F5; color: #222222; width: 55px;}
.formStylePullDisc { font-size:8pt; background-color: #F5F5F5; color: #222222; width: 370px;}
.formStylePullSort { font-size:8pt; background-color: #F5F5F5; color: #222222; width: 150px;}
.formStyleMedium { font-size:8pt; background-color: #F5F5F5; color: #222222; width: 150px;}
.formStyleSmall { font-size:8pt; background-color: #F5F5F5; color: #222222; width: 50px;}
.formStyleTextbox { font-size:8pt; background-color: #F5F5F5; color: #222222; width: 600px; height: 100px; }

.formStyleButtonJob { font-size:6pt; }
.formStyleButton { font-size:6pt; }
.formStyleRadio { font-size: 10%;}

.formSingle {
font-size:9pt;
background-color: #F5F5F5;
color: #333;
width: 120px;
}

.formTextbox {
font-size:9pt;
background-color: #F5F5F5;
color: #333;
width: 600px;
height: 80px;
}