html { width: 100%; height: 100%; min-width: 960px; min-height: 540px; }
body { font-family: 'Verdana', 'Arial', sans-serif; background-color: white; width: 100%; height: 100%; }

.container {
	width: 100%;
	margin: 0px auto;
}

.ctn-home { height: 100%; position: relative; }
.ctn-proj { height: 100%; position: relative; }
.ctn-about { height: 100%; position: relative; }
.ctn-news { height: 100%; position: relative; }
.ctn-contact { height: 100%; position: relative; }

.header { color: #606162; position: relative; }
.header h1 { float: left; font-weight: normal; margin-top: 0; }
.header h1 a { display: block; height: 50px; }
.navigation { float: right; }
.navigation ul { list-style: none; margin: 0; padding: 0; }
.navigation ul li { float: left; margin-left: 30px; }
.navigation a { text-decoration: none; color: #606162; }
.navigation a:hover { color: #D30000; }
.navigation a.active { color: #D30000; }

.projects > ul > li.seemore > div.pagination { margin: 0px auto; width: auto; }
.projects > ul > li.seemore > div.pagination a { 
    display: inline-block; width: 30px; height: 30px; text-align: center; float: none; 
    text-decoration: none;
}
.projects > ul > li.seemore > div.pagination a.active { font-weight: bold; }

.menu ul { list-style: none; margin: 0; padding: 0; }
.menu ul li { float: left; margin-right: 30px; }
.menu a { color: #606162; text-decoration: none; }
.menu a:hover { color: #D30000; }
.menu a.active { color: #D30000; }

#home .header { color: white; }
#home .navigation a { color: white; }
#home .navigation a:hover { color: #D30000; }

.projects > ul { list-style: none; margin: 0; padding: 0;  }
.projects > ul > li a { display: block; float: left; }
.projects > ul > li > a { position: relative; color: white; text-decoration: none; }
.projects > ul > li > a:hover { text-decoration: none; }
.projects > ul > li > a > h5 { 
	position: absolute; bottom: 2px; right: 10px; font-weight: normal; 
	/*text-shadow: -1px 0 #333, 0 1px #333, 1px 0 #333, 0 -1px #333; */
    max-width: 90%;
    font-family: Verdana;
    font-size: 11px; margin: 0; padding: 0;
    text-align: right;
}
.projects > ul > li img { margin: 0; }
.projects > ul > li { float: left; }
a.size-1 img { width: 200px; height: 200px; }
a.size-2 img { width: 425px; height: 200px; }
a.size-3 img { width: 425px; height: 425px; }

li.seemore { text-align: center; }
li.seemore a { color: #606162!important; width: 100%; text-align: center; }
li.seemore a:hover { text-decoration: none; }

li.width-4 { clear: both; }
.rightmost { margin-right: 0!important; }

#about .menu {  }
.abouts { float: left; }

.clients img {  display: block; margin-left: auto; margin-right: auto; height: 100%; }

.display { display: none; position: relative; }
.cycle { float: left; position: relative; }

a.cycle-prev { 
	position: absolute; display: block; top: 0; left: 0; width: 50%; height: 100%; z-index: 9; 
	background: transparent url('../img/cycle-prev.png') no-repeat center left;
}
a.cycle-next { 
	position: absolute; display: block; top: 0; right: 0; width: 50%; height: 100%; z-index: 9; 
	background: transparent url('../img/cycle-next.png') no-repeat center right;
}

.cycle ul { list-style: none; margin: 0; padding: 0; }
.cycle-text { float: right; font-size: 13px; overflow: auto; }
.cycle-text h2 { font-size: 15px; font-weight: normal; margin: 25pt 0; }
.cycle-text p { margin-bottom: 15px; text-align: justify; }
.controls { position: relative; width: 100%; height: 30px; margin-top: 20px; }
.controls a.close {
	background-image: url("../img/close.png");
    background-position: left top;
    display: block;
    height: 19px;
    position: absolute;
    right: 0;
    top: 0;
    width: 19px;
}
.display .pager { position: absolute; height: 19px; left: 0; top: 0; }
.pager .dots {
	background-image: url("../img/round-dot.png");
    display: block;
    float: left;
    height: 10px;
    margin-right: 7px;
    text-indent: -999em;
    width: 10px;
}
.pager .activeSlide { background-position: left bottom; }

.atext { float: left; width: 35%; font-size: 12px; overflow: auto; padding-right: 20px; }
.atext h2 { font-size: 18px; font-weight: normal; margin-bottom: 20px; }
.atext h3, h4, h5  { margin-bottom: 20px; }
.atext p { line-height: 20px; color: #606162; margin-bottom: 20px; }
.acycle { float: right; width: 60%; height: 100%; margin: 0; padding: 0; position: relative; }
.acycle ul { list-style: none; margin: 0; padding: 0; width: 100%; height: 90%; }
.acycle img { width: 100%; }

.acycle a.cycle-next, .acycle a.cycle-prev { height: 90%; }

.team-cycle { position: relative; }
.team-cycle .pager { height: 19px; float: right;  }

.awards { list-style: none; margin: 0; padding: 0; margin-left: 5%; margin-top: 5%; font-size: 12px; line-height: 20px; }
.awards li { float: left; width: 400px; height: 125px; margin-bottom: 80px; margin-right: 80px; overflow: hidden; position: relative; }
.awards li.even { margin-right: 0; }
.awards h3 { font-size: 15px; font-weight: normal; margin-bottom: 15px; }
.awards li img { margin-right: 30px; }
.awards li p { position: absolute; bottom: 0; right: 0; width: 245px; color: #606162; }

.menu ul li.search { float: right; margin-right: 0; }
.searchbox { border: 1px #606162 solid; padding: 2px 3px;}
.searchbox input { float: left; }
.searchbox input.input-text { border: 0; padding: 0px; margin: 0px; }

#news .heading > h2 { font-weight: normal; }

#modal-contact h3 { width: 600; padding-bottom: 10px; border-bottom: 1px solid #000; margin-bottom: 25px; font-weight: normal; font-size: 30px; }
#modal-contact form { width: 600px; }
.contact-box { width: 600px; margin-top: 10px;  font-size: 14px; font-family: 'Verdana', 'Arial', sans-serif; }
.contact-box label { float: left; width: 100px; font-size: 12px; font-family: 'Verdana', 'Arial', sans-serif; }
.contact-box input, .contact-box select, .contact-box textarea { 
    font-family: 'Verdana', 'Arial', sans-serif;float: left; width: 490px; font-size: 14px; line-height: 30px; 
}
.contact-box textarea { line-height: 20px; }
.contact-box .input-submit { float: left; margin-left: 100px; 
    background: none repeat scroll 0 0 #000 !important;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 150px;
}

.contact-box a { text-decoration: none; }

.ctext { float: left; width: 30%; }
.ctext ul { list-style: none; margin: 0; padding: 0; }
.ctext ul li { margin-bottom: 20px; }
.ctext h4 { font-weight: normal; color: #606162; font-size: 14px; margin-bottom: 5px; }
.ctext p { font-size: 16px; }
.ctext a { color: #000000; text-decoration: none; }
.ctext a:hover { text-decoration: underline; }

.cmaps { float: right; width: 60%; }

.pad-1 { padding: 5% 5% 0 5%; }
.pad-2 { padding: 2% 5% 2% 5%; }
.pad-3 { padding: 0% 3% 0 5%; }
.pad-4 { position: absolute; top: 20%; left: 5%; z-index: 9; }
.pad-7 { position: absolute; top: 25%; left: 5%; z-index: 9; }
.pad-6 { margin: 2% 5% 0% 5%; }
.pad-8 { padding: 6% 3% 6% 5%; }
.clear { clear: both; }
.hide { display: none!important; }

img.floatl { float: left; }
img.floatr { float: right; }
a img{border:0px;}