/* CSS Document */

* {margin:0; padding:0;}

/* HTML Tags */
html,body {
	font-family:"Trebuchet MS", Verdana, Arial, Tahoma, sans-serif;
	font-size:12px;
	background:#DCEFF5;
	color:#040F19;
}
html,body {height:907px; min-height:907px; width: 99%;}
img {border:none; margin:0; padding:0;}
a {text-decoration:none; cursor:pointer;}
ul {list-style:none;}
h1 {font-size:16px; color:#00315F; margin:0 0 10px 0;}
h2 {font-size:11px; color:#040F19; margin:0;}

p {margin: 4px 0px 4px 0px;}

.imp {color: #FF0000; font-size: 16px;}


.spacer {clear:both; font-size:0; height:1px; visibility:hidden; /*position:relative; top:-1px;*/}


/* containers */
#pageContainer {background:url(/images/bodyBkg.jpg) no-repeat bottom center; min-height: 100%; margin-left: 1%;}
* html #pageContainer {height: 100%;}

#logo {width:97px; height:182px; margin:0 auto 0; position:relative; top:70px}
#logo[id] {background:url(/images/logo.png) no-repeat;}

/* main navogation */
#mainNavContainer {width:261px; height:471px; margin:-904px 0 0 -472px; left:50%; position:absolute;}
#mainNav {width:261px; height:471px; /*margin:-50px 0 0 0;*/}
#mainNav[id] {background:url(/images/mainNavBkg.png) no-repeat;}
#mainNav ul {list-style:none; margin:10px 0 0 70px;}
#mainNav ul li {background:url(/images/mainNavLine.jpg) no-repeat left bottom;}
#mainNav ul li a {
	color:#21598E;
	display:block;
	width:160px;
	padding:3px 0 3px 13px;
	margin:2px 0;
	position:relative;
	cursor:pointer;
	font-weight: bold;
}
#mainNav ul li a:hover, #mainNav ul li a.selected {background:url(/images/arrow.jpg) no-repeat left center;}

#mainNav ul#languages {text-align:center; width:130px; margin:80px 0 0 70px;}
#mainNav ul#languages li {display:inline; background:none;}
#mainNav ul#languages li a {display:inline; margin:0 3px; padding:0; background:none; color:#194E80;}
#mainNav ul#languages li a:hover, #mainNav ul#languages li a.selected {color:#9EA8AA;}
/*\ main navogation */


#footerContainer{width:555px; height:125px; margin:-445px 0 0 -50px; left:50%; position:absolute;}


/* news */
#footerContainer .newsContent {background:url(/images/newsContainerBkg.gif) repeat-y 173px 0px; height:90px;}
#footerContainer .col {width:170px; float:left; margin:0 5px 0 0; }
#footerContainer .center {margin:0 5px !important; width:168px; }
#footerContainer .col a {font-size:14px; color:#00315F; display:block; padding:5px 0; margin:0 0 5px 0;}
#footerContainer .col a span {background-color:#255A8C; padding:2px 5px; color:#FFFFFF; display:block; float:left; margin:0 5px 0 0;}


#mainContent .newsList h1 {color:#00315F !important;}
#mainContent {min-height: 460px}

#mainContent .newsSection {margin:0 0 10px 0; border-bottom:1px solid #000000;}
#mainContent .newsSection a {font-size:14px; color:#00315F; display:block; padding:5px 0; margin:0 0 5px 0;}
#mainContent .newsSection a span {background-color:#255A8C; padding:2px 5px; color:#FFFFFF; display:block; float:left; margin:0 5px 0 0;}
#mainContent .newsSection img {float:left; border:1px solid #013260; margin:0 10px 5px 0;}


/*\ news */

/* banners */
#banners {width:540px; height:75px; margin:-315px 0 0 -50px; left:50%; position:absolute; border-top:1px solid #000000;}
#banners .banner {width:150px; height:75px; background-color:#FFFFFF; float:left; margin:5px 15px; display:inline;}
/*\ banners */

/* services */
#mainContent .service {width:306px; height:108px; float:left; margin:20px 6px 10px; padding:0 5px 0 0;}
#mainContent .service[class] {background:url(/images/serviceBkg.png) no-repeat;}
#mainContent .service a {position:relative;}
#mainContent .service a.imgContainer {width:140px; height:105px; float:left; display:block;}
#mainContent .service img {width:100px; height:95px; margin:7px 0 0 13px;}
#mainContent .service h1 {margin:5px 0; font-weight:normal;}
#mainContent .service h1 a {color:#00315F;}
#mainContent .service h1 a span {font-size:11px; color:#07549C; font-weight:bold;}

#footerContainer .service {width:272px; height:108px; float:left; margin:20px 2px 10px; display:inline;}

#footerContainer .service a {position:relative;}
#footerContainer .service a.imgContainer {float:left; display:block;}
#footerContainer .service img {width:100px; height:95px;}
#footerContainer .service h1 {margin:5px 0; font-weight:normal;}
#footerContainer .service h1 a {color:#00315F;}
#footerContainer .service h1 a span {font-size:11px; color:#07549C; font-weight:bold;}



/*\ services */


#mainContent {width:655px; margin:20px auto 0; padding:0 0 460px 300px;}
#mainContent h1 {color:#CC0000; font-size:14px;}
#mainContent .indexContent {width:420px; float:left; text-align:justify;}

#mainContent .latestProject {width:205px; float:right; display:inline;}
#mainContent .latestProject h2 {background:url(/images/h2Bkg.gif) repeat-x bottom; padding:0 0 3px 0;}
#mainContent .latestProject h2 span {font-weight:normal; margin:0 5px 0 0;}

#mainContent .imageMask img {margin:0 0 10px 0;}
#mainContent .imageMask span {width:183px; height:127px; display:block; position:absolute; margin:-7px 0 0 -7px; z-index:50;}
#mainContent .imageMask[class] span {background:url(/images/imageMask.png) no-repeat;}



#mainContent .projectSection {width:205px; float:left; margin:10px 6px; display:inline; min-height: 220px;}
#mainContent .projectSection h2 {background:url(/images/h2Bkg.gif) repeat-x bottom; padding:0 0 3px 0;}
#mainContent .projectSection h2 span {font-weight:normal; margin:0 5px 0 0;}


/* pager */
ul.pager {float:right; list-style:none; background-color:#A10000; padding:3px;}
ul.pager li {display:inline; font-size:0;}
ul.pager li a {color:#FFFFFF; background:url(/images/pagerBkg.jpg) repeat-x top #A90202; padding:2px 5px; font-size:11px; display:block; float:left; border-right:1px solid #FFFFFF;}
ul.pager li.last a {border:none;}
ul.pager li a:hover, ul.pager li a.selected {background:#7D0202;}
/*\ pager */


/* contacts */

.success {color:#709400; font-size: 14px; margin: 4px 0px 4px 0px;}
.error {color:#930000; font-size: 14px; margin: 4px 0px 4px 0px;}

.contactsContent {width:340px; float:left;}
.contactsContent h1 {color:#00315F !important;}

.contactsForm {width:288px; float:right;}
.contactsForm form input {
	width:280px;
	border:1px solid #07549C;
	background:url(/images/inputBkg.jpg) repeat-x #FFFFFF;
	padding:2px 3px;
	margin:0 0 2px 0;
}

.contactsForm .msg {clear:both; text-align:left; margin-bottom:5px;}

.contactsForm form textarea {
	width:280px;
	height:60px;
	border:1px solid #07549C;
	background:url(/images/inputBkg.jpg) repeat-x #FFFFFF;
	padding:2px 3px;
	margin:0 0 2px 0;
	overflow:auto;
	font-family:"Trebuchet MS", Verdana, Arial, Tahoma, sans-serif;
	font-size:11px;
}
.contactsForm form .btn {
	width:auto !important;
	float:right;
	border:1px solid #07549C;
	background:url(/images/btnBkg.jpg) repeat-x top #26598A;
	color:#FFFFFF;
	font-size:10px;
	margin:10px 0 0 0 !important;
}

/*\ contacts */


/*\ containers */

/* GALLERY */

#gallery_small{
	padding-top: 20px;
	text-align: center;
	height: 500px;
	line-height: 500px;

}

#gallery_small img {

	border: solid 4px #FFFFFF;
}

#gallery_browser{
	text-align: center;
}


#image_desc{
	width: 100%;
	text-align: center;
	font-size: 14px;
}

/* project */

.projectLeft {width:340px; float:left;}
.projectLeft h1 {color:#00315F !important;}
.projectLeft .projectInfo {margin: 8px 0 8px 0; color: #A10000; font-size: 14px;}
.projectLeft dd{width: 100px; float: left;}
.projectLeft .projectServices h3 { color: #A10000; font-size: 14px; margin: 16px 0 16px 0;}
.projectLeft .projectServices ul {list-style: square inside;}
.projectRight {width:288px; float:right;}
.projectRight .subImg img {margin: 0px 2px 0px 2px; border: solid  #FFFFFF 2px;}
.projectRight .mainImg img { border: solid  #FFFFFF 4px;}

.projectRight .moreLinks a, .projectRight .moreLinks a:visited {font-size: 14px; color: #A10000; line-height: 24px;}


.projectRight h2{ color: #fec106; line-height: 26px; font-size: 16px;}