
/*--------- JPNM.NET ---------*/

/* jQuery lightBox plugin - Gallery style */
#gallery {
float: left;
margin-top: 30px;
width: 400px;
}

#gallery ul {
list-style: none;
margin-left: 15px;
}

#gallery ul li {
display: inline;
}

#gallery ul img {
border: 2px solid #394143;
border-width: 1px;
margin: 2px;
}

#gallery ul a:hover img {
border: 1px solid #a2b8ba;
border-width: 1px;
color: #fff;
}

#gallery ul a:hover {
color: #fff;
}
	
/* jQuery lightBox plugin - Gallery style */
#gallery_album {
float: left;
margin-top: 10px;
width: 850px;
}

#gallery_album ul {
list-style: none;
}

#gallery_album ul li {
display: inline;
}

#gallery_album ul img {
border: 2px solid #394143;
border-width: 1px;
margin: 2px;
}

#gallery_album ul a:hover img {
border: 1px solid #a2b8ba;
border-width: 1px;
color: #fff;
}

#gallery_album ul a:hover {
color: #fff;
}

/* */

.albums {
position: relative;
top: 40px;
left: 20px;
margin-bottom: 60px;
}

img { behavior: url(js/iepngfix.htc) }

body {
background-color:#2C3436;
background-image: url(../imgs/bground.jpg);
background-repeat: no-repeat;
background-position: top center;
background-attachment:fixed;
margin: auto;
height: 100%;
font-size: 11pt;
line-height: 14pt;
font-family: Georgia,Arial;
color:#a2b8ba;
}

#Container {
width: 900px;
margin: auto;
}

#ContentMenu {
width: 900px;
padding: 20px 0 20px 0;
text-align: center;
font-size: 10pt;
}

a.menu:active{margin: 0 20px 20px 0; color:#a2b8ba;text-decoration: none;}
a.menu:link{margin: 0 20px 20px 0; color:#a2b8ba;text-decoration: none;}
a.menu:visited{margin: 0 20px 20px 0; color:#a2b8ba;text-decoration: none;}
a.menu:hover{margin: 0 20px 20px 0; color:#ffffff;text-decoration: none;}

#SubMenu {
margin-bottom: 10px;
padding-top: 3px;
height: 22px;
width: 900px;
text-align: center;
font-size: 9pt;
background-image: url(../imgs/submenu_tile.png);
}

#ContentHome {
width: 900px;
text-align: center;
}

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

#ContentMain {
width: 840px;
float: left;
padding: 30px;
background-color:#1f2426;
}

#ContentFeature {
width: 259px;
height: 70px;
float: left;
padding: 20px;
margin: 0 1px 0 0;
text-align: left;
font-size: 8pt;
line-height: 10pt;
color:#a2b8ba;
background-color:#5B6668;
background-image: url(../imgs/box_tile.jpg);
background-repeat: repeat-x;
background-position: top center;
}

#Content {
width: 840px;
float: left;
padding: 30px;
color:#a2b8ba;
background-color:#5B6668;
background-image: url(../imgs/box_tile.jpg);
background-repeat: repeat-x;
background-position: top center;
}

#ContentTestimonial {
float: left;
text-align: left;
font-size: 10pt;
line-height: 14pt;
}

#ContentL {
width: 400px;
margin-right: 30px;
float: left;
text-align: left;
font-size: 14pt;
line-height: 18pt;
}

#ContentR {
width: 410px;
float: left;
margin-top: 45px;
text-align: left;
font-size: 10pt;
line-height: 14pt;
}

a.FeatureTitle:active{font-size: 14pt; color:#ffffff; text-decoration: none;}
a.FeatureTitle:link{font-size: 14pt; color:#ffffff; text-decoration: none;}
a.FeatureTitle:visited{font-size: 14pt; color:#ffffff; text-decoration: none;}
a.FeatureTitle:hover{font-size: 14pt; color:#a2b8ba; text-decoration: none;}

#ContentFoot {
width: 900px;
float: left;
padding: 20px 0 30px 0;
text-align: center;
font-size: 8pt;
line-height: 10pt;
color:#969a9a;
}

.AltColour {
color:#ffffff;
}

.Large {
font-size: 16pt;
line-height:18pt;
color:#ffffff;
}

.Small {
font-size: 8pt;
line-height:10pt;
}

.Medium {
font-size: 10pt;
line-height:14pt;
}

.img_Portrait {
float: right;
margin: 0 0 0 40px;
}

.img_promo {
position: absolute;
top: 0;
left: 950px;
}

.img_ThumbMain {
margin: 10px;
}

.img_Thumb {
margin: 0 8px 15px 7px;
}

.img_Thumb2 {
margin: 0 68px 15px 7px;
}

.td_enquiry {
vertical-align: top;
width: 150px;
font-size: 9pt;
line-height: 10pt;
padding: 5px 15px 0 15px;
}

.td_margin {
padding-right: 20px}

.formSingle {
width: 310px;
font-size:9pt;
border: 0;
color: #555;
padding: 2px;
}

.formSingleLong {
width: 655px;
font-size:9pt;
border: 0;
color: #555;
padding: 2px;
}

.formTextbox {
width: 655px;
height: 150px;
font-size:9pt;
border: 0;
padding: 2px;
color: #555;
}

