/* 		JogjaCamp Standard CSS 				*/


/* Body Style */
body {
	font-size: 12px;
	color: #464646;
	margin: 0px;
	background: #fff url('../images/bg.gif') repeat-y top center;
}


body, p, h1, h2, h3, h4, h5, h6, div, ol, li, td, th, a, form, input, select, textarea, option, label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.body {
}

p, td, th, span, div{
	font-size: 13px;
	line-height: 130%;
}


p {
	text-align:left;
	margin: 4px 0px 8px 0px !important;
}

/* standard Hyperlink */
a {
	text-decoration: underline;
	color: #4b4b4b;
}

a:hover {
	text-decoration: underline;
	color: #c44e4e;
}

/* standard Form */
form {
	margin: 0px;
}

input, select, textarea, option, label {
	font-size: 11px;
}

/* standard form input text */
input.text {
	background-color: #fff;
	border-top: 1px solid #154e66;
	border-right: 1px solid #2a7493;
	border-bottom: 1px solid #2a7493;
	border-left: 1px solid #154e66;
}


/* standard form button */
input.button{
	background: url('../images/buttons.gif') repeat-x left;
	border: 1px solid #050505;
	color: #fff;
	font-weight: bold;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px
}
input.buttonGo{
	background: url('../images/buttons.gif') repeat-x left;
	border: 1px solid #050505;
	color: #fff;
	font-weight: bold;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px
}

/* standard form select + option*/
select{
	background-color: #ffffff;
	border: 1px solid #000000;
}

/* standard form textarea */
textarea {
	border-top: 1px solid #154e66;
	border-right: 1px solid #2a7493;
	border-bottom: 1px solid #2a7493;
	border-left: 1px solid #154e66;
}

/* standard cell */
td, th {
	vertical-align: top;
	line-height: 150%;
}

td.text, td.form {
	padding: 4px;
}


.floatRight{
 	float: right;
}
.floatLeft{
 	float: left;
}

.center{
	text-align: center;
}

.left{
	text-align:left;
}
.right{
	text-align: right;
}
.justify{
	text-align:justify;
}

/* --------- warper element -------- */
.mainPage{
	margin: 0px auto;
	width: 800px;
	text-align: left !important;
}


/* ------- header element ---------- */
.header{
	margin-top: 4px;
}
a.sitename{
	display: block;
	width: 220px;
	height: 97px;
	float: left;
	background: url('../images/logo.gif') no-repeat top left;
}
.headerBottom{
	margin: 0px 7px;
	height: 45px;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
}
.headerAdd {
	width: 555px;
	height: 95px;
	overflow: hidden;
	text-align: right;
	color: #011c75;
	font-size: 1.2em;
	line-height: 19px;
}

/* ------- navigation -------------- */
.menu {
	width: 555px;
	height: 95px;
	overflow: hidden;
	border: 1px solid #ccc;
}
.nav{
	height: 33px;
	display: block;
	list-style: none;
	margin-top: 36px;
	margin-left: 26px;
	overflow: hidden;
}
.nav a{
	height: 33px;
	float: left;
	display: block;
	list-style: none;
	margin-left: 5px;
	margin-right: 5px;
	overflow: hidden;
}
a.menu_0{
	width: 67px;
	background: url('../images/services_mn.gif') no-repeat top left;
}
a.menu_1{
	width: 133px;
	background: url('../images/projects_mn.gif') no-repeat top left;
}
a.menu_2{
	width: 44px;
	background: url('../images/news_mn.gif') no-repeat top left;
}
a.menu_3{
	width: 70px;
	background: url('../images/about_mn.gif') no-repeat top left;
}
a.menu_4{
	width: 65px;
	background: url('../images/careers_mn.gif') no-repeat top left;
}
a.menu_5{
	width: 65px;
	background: url('../images/contact_mn.gif') no-repeat top left;
}
a.menu_0:hover, a.menu_1:hover, a.menu_2:hover, a.menu_3:hover, a.menu_4:hover, a.menu_5:hover  {
	background-position: 0px -33px;
}
a.active {
	background-position: 0px -66px !important;
}

/* ---------- search ---------- */

.clear{
	clear: both;
	padding: 10px 23px;
	margin: 0px;
}

/* --------- sidebar ---------- */
.warper{
	min-height: 350px;
	height: auto;
	margin-bottom: -10px;
}
* html .warper{
	height: 350px;
}
.movieFlash {
	width: 754px;
	height: 280px;
	padding: 0px;
	overflow: hidden;
	background: url('../images/flashImage.jpg') no-repeat;
}
.movieFlash2 {
	width: 754px;
	padding: auto;
	margin-bottom: 20px;
	text-align: center;
}
.movieFlash2 img {
	margin: 0px auto;
}
.content{
	margin-top: 10px;
	padding: 1px;
	border: 1px solid #ccc;
}
.content2{
	padding: 0px;
}
.mainContainer {
                     padding-left: 4 px;
	width: 555px;
	float: right;
	overflow: hidden;
	display: block;
}
.mainContainer2 {
}
.mainImage {
	padding-left: 5px;
}
.mainTitle {
	padding: 15px;
	padding-bottom: 0px;
	font-size: 1.8em;
	color: #ab0000;
}
.mainTitle2 {
	background-color: #4c4c4c;
	padding: 6px;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 4px;
}
.mainTitle3 {
	background-color: #f4f4f4;
	padding: 6px;
	color: #464646;
	font-size: 1.0em;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 14px;
	margin-bottom: 14px;
}
.mainContent {
	padding-left: 15px;
}
.sidebar {
	width: 195px;
	float: left;
	display: block;
	overflow: hidden;
padding-right: 15 px;

}
.services {
	padding: 0px;
}
.servicesHeader {
	height: 29px;
	background: url('../images/servicesHeader.gif') no-repeat;
}
.featuredHeader {
	height: 29px;
	background: url('../images/featuredHeader.gif') no-repeat;
}
.rednewsHeader {
	height: 29px;
	background: url('../images/rednewsHeader.gif') no-repeat;
}
.aboutHeader {
	height: 29px;
	background: url('../images/aboutHeader.gif') no-repeat;
}
.careersHeader {
	height: 29px;
	background: url('../images/careersHeader.gif') no-repeat;
}
.contactHeader {
	height: 29px;
	background: url('../images/contactHeader.gif') no-repeat;
}
.servicesContent {
	padding: 10px 0px 10px 10px;
}
.servicesContent2 {
	padding: 10px 0px 10px 10px;
}
.servicesContent a {
	text-decoration: none;
}
p.link {
	font-size: 11px;
	padding-right: 10px !important;
}
p.link a{
	text-decoration: none;
}
p.link a:hover{
	color: #aa0000 !important;
	text-decoration: underline;
}
p.linkActive {
	padding-right: 10px !important;
}
p.linkActive a{
	color: #aa0000 !important;
	text-decoration: none;
	font-weight:bold;
}
p.linkActive a:hover{
	color: #aa0000 !important;
	text-decoration: underline;
}
ul.sublink{
	list-style: none;
	padding: 0px;
	margin: 10px 0px 10px 10px;
}
ul.sublink li{
	font-size: 10px;
	color: #c44e4e;
}
ul.sublink li a{
	text-decoration: none;
}
ul.sublink li a:hover{
	text-decoration: underline;
	color: #c44e4e;
}
.news {
	float: left;
	display: block;
	width: 262px;
	overflow: hidden;
	margin-bottom: -30px;
}
.newsHeader{
	height: 29px;
	background: url('../images/newsHeader.gif') no-repeat;
}
.newsContent {
padding-top: 16px;
	padding-bottom: 10px;
                     padding-left: 14px;

}
.newsContent p {
	font-size: 11px;
}
h2.title{
	font-size: 1.1em;
}
p.submitted {
	padding: 10px;
}
p.submitted2 {
	padding-top: 20px;
}
span.date{
	color: #656565;
}
img.left {
	float: left;
	padding: 0px;
	border: 0px;
	margin: 5px 10px 5px 0px;
}
img.right {
	float: right;
	padding: 0px;
	border: 0px;
	margin: 5px 0px 5px 10px;
}
.projects {
	width: 474px;
	float: right;
	overflow: hidden;
	display: block;
	margin-bottom: -30px;
}
.projectsHeader {
	height: 29px;
	background: url('../images/projectsHeader.gif') no-repeat;
}
.projectsImage {
	width: 232px;
	padding-left: 0px;
	overflow: hidden;
	float: left;
	margin-top: 17px;
}
.projectsContent {
	width: 228px;
	float: right;
	padding-right: 14px;
}
.projectsContent h2{
	padding-top: 14px;
	padding-left: 14px;
}
.projectsContent p{
	padding-left: 14px;
	font-size: 11px;
}

a.readmore {
	width: 92px;
	height: 20px;
	display: block;
	background: #aa0000 url('../images/readmore_btn.gif') no-repeat top left;
}
a.viewmore {
	width: 153px;
	height: 20px;
	display: block;
	background: #aa0000 url('../images/viewmore_btn.gif') no-repeat top left;
}
a.sendemail {
	width: 128px;
	height: 20px;
	display: block;
	background: #aa0000 url('../images/email_btn.gif') no-repeat top left;
}
a.readmore:hover, a.viewmore:hover, a.sendemail:hover {
	background-position: 0px -20px;
}
a.logout {
	margin-top: 18px;
	width: 75px;
	height: 24px;
	float: right;
	display: block;
	background: #091e71 url('../images/logout_btn.gif') no-repeat top left;
}
a.logout:hover{
	background-position: 0px -24px;
}

/* cms menu */
.cmsMenu {
	width: 792px;
	height: 37px;
	padding: 0px;
	margin-top: 2px;
	margin-bottom: 10px;
	overflow: hidden;
	background: #98171d url('../images/bgCmsmenu.gif') repeat-x top left;; margin-left:auto; margin-right:auto
}
.cmsMenu ul{
	padding: 0px;
	margin: 0px;
	display: block;
	list-style: none;
}
.cmsMenu ul li{
	float: left;
	padding: 12px 0px;
	list-style: none;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
}
.cmsMenu ul li a{
	padding: 10px 30px;
	color: #fff;
	text-decoration: none;
}
.cmsMenu ul li a:hover{
	color: #fff;
	text-decoration: none;
	background: #6a1014 url('../images/bgCmsmenu2.gif') repeat-x top left;
}
.cmsMenu ul li#active{
	color: #fff;
	text-decoration: none;
	background: #6a1014 url('../images/bgCmsmenu2.gif') repeat-x top left;
}
.cmsSubmenu {
}
.cmsSubmenu ul{
	padding: 5px 0px 0px 0px;
	margin: 0px 20px;
}
.cmsSubmenu ul li{
	background: url('../images/blueBullet.gif') no-repeat left;
	display: inline; padding-left:13px; padding-right:17px; padding-top:0px; padding-bottom:0px
}
.cmsContainer {
	width: 539px;
	float: right;
	overflow: hidden;
	display: block;
}
.cmsContainer2 {
}
.subHeader {
	background-color: #aa0000;
	padding: 6px;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 4px;
}
.cmsContTitle {
	background-color: #4c4c4c;
	padding: 6px;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 4px;
}
input.formBtn{
	border: 0px;
	background-color: #aa0000;
	color: #fff;
	padding: 2px 6px;
	font-weight: bold;
}

/* box as psd layout */
.box00 {
	width: 680px;
	margin: 0px auto;
	margin-top: 40px;
	padding: 12px 0px;
	background-color: #e6e8f1;
}
.box00Cell {
	width: 648px;
	padding: 84px 0px;
	margin: 0px auto;
	text-align: center;
	background-color: #e6e8f1;
	border: 4px solid #fff;
}
.box00Cell a{
	color: #981d2c;
	font-weight: bold;
	font-size: 1.4em;
}
.box00Cell a:hover{
	color: #c44e4e;
	font-weight: bold;
	font-size: 1.4em;
}
.box01 {
	float: right;
	display: block;
	width: 312px;
	padding: 12px 0px;
	background-color: #e6e8f1;
}
.box01Cell {
	width: 288px;
	padding: 76px 0px;
	margin: 0px auto;
	text-align: center;
	background-color: #e6e8f1;
	border: 4px solid #fff;
}
.box01Cell a{
	color: #981d2c;
	font-weight: bold;
	font-size: 1.4em;
}
.box01Cell a:hover{
	color: #c44e4e;
	font-weight: bold;
	font-size: 1.4em;
}

/*footer*/
.footer {
	margin: 0px 22px;
}
.footerCell {
	border: 1px solid #ccc;
	text-align: center;
	padding: 4px 10px;
	font-size: 10px;
}
.footerCell a{
	text-decoration: none;
}







/*---------------------------- contact page ----------------------------------------*/
.contactSub {
	font-size: 11px;
	padding: 0px !important;
	margin: -10px 0px 20px 0px!important;
}
.contactSub a{
	color: #464646;
	text-decoration: none;
}
.contactSub a:hover{
	color: #bb0200;
	font-weight: bold;
	text-decoration: none;
}
.contactSub a.active{
	color: #bb0200;
	font-weight: bold;
	text-decoration: none;
}

.contactForm {
	margin-top: 10px;
	width: 450px;
	border: 1px solid #d7d7d7;
}
.contactForm table{
	border: 0px;
	width: 95%;
}
.contactForm td{
	font-size: 11px;
	color: #464646;
}
.contactForm td.buttonCol{
	text-align: right;
	padding: 20px 92px 30px 10px;
}
input.contactText {
	width: 174px;
	border: 1px solid #868686;
	padding: 3px;
}
input.contactText2 {
	width: 34px;
	border: 1px solid #868686;
	padding: 3px;
}
input.contactText3 {
	width: 58px;
	border: 1px solid #868686;
	padding: 3px;
}
textarea.contactTextarea1 {
	width: 174px;
	height: 30px;
	border: 1px solid #868686;
	padding: 3px;
	overflow: auto;
}
textarea.contactTextarea2 {
	width: 174px;
	height: 50px;
	border: 1px solid #868686;
	padding: 3px;
	overflow: auto;
}
input.buttonLink {
	width: 75px;
	height: 20px;
	padding: 0px !important;
	background: url(../images/submit.gif) no-repeat;
	border: 0px;
}
/*---------------------------- contact page ----------------------------------------*/