html, body {height: 100%; width: 100%; margin:0px; padding:0px;}
body {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	color: #a4a4a4;
	background:#1f1f1f url(images/bg-body.jpg) repeat-x left top;
	line-height:16px;
}

body, div, ul, li, select, option, h1, h2, h3, h4, h5, h6, p, input {
	margin: 0;
	padding: 0;
}

#wrap-container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	text-align:center;
}

#wrap-footer, .push {height:44px; clear:both;}

#wrap-container {	margin: 0 auto -44px;}

#wrap-footer{
	width:100%;
	background:#1f1f1f url(images/bg-footer.jpg) repeat-x left top;
	text-align:center;
	margin-top:10px;
}

#container{
	width:958px;
	clear:both;
	margin:auto;
	text-align:justify;
}

a:link,
a:visited {
	text-decoration: none;
	color: #ffffff;
	font-weight:bold;
}

a:hover {
	color: #ffffff;
	text-decoration: underline;
	font-weight:bold;
}

#footer{
	height:29px;
	width:953px;
	margin:auto;
	font-size:10px;
	padding-top:15px;
}

#footer a{
	color:#00769a;
	text-decoration:none;
}

#footer a:hover{
	color:#ffffff;
}

.push	{clear: both;}

#wrap-container {	margin: 0 auto -44px;}

ul {
	list-style-type: none;
}

img {
	border: none;
	border-style: none;
}



#header{
	height:98px;
	width:953px;
	margin:auto;
}

#logo{
	padding-top:15px;
	float:left;
}

#menu{
	text-align:right;
	float:right;
	padding-top:30px;
}

#menu ul li{
	display: inline;
	padding: 0px 0px;
}

#menu  ul li a:hover{
	color:#49b5d6;
	text-decoration: none;
}

#menu ul li a{
	font-family:arial;
	font-weight:bold;
	font-size:12px;
	text-decoration: none;
	color:#ffffff;
	padding: 0px 0px 0px 30px;
}


.online-url a:link, .online-url a:visited{
	font-weight:bold;
	color:white;
}

.online-url a:hover, .online-url a:active{
	font-weight:bold;
	color:white;
	text-decoration:underline;
}

.carusel_bg {
	position: relative;
	width: 953px;
	height: 350px;
	margin: 0 auto;
	border:3px solid #141516;
}

.jCarouselLite {
	position: relative;
	width: 953px;
	height: 350px;
	
}

.jCarouselLite ul {
	height: 350px;
}

.jCarouselLite ul li {
	height: 350px;
}

.prev_button {
	position: absolute;
	z-index: 999;
	width: 57px;
	height: 350px;
	background-image: url('images01/transparent_button_left.png');
	cursor: pointer;
}

.next_button {
	position: absolute;
	z-index: 999;
	right: 0;
	width: 57px;
	height: 350px;
	background-image: url('images01/transparent_button_right.png');
	cursor: pointer;
}

.preview {
	position: relative;
}

.about {
	position: absolute;
	bottom: 0;
	left: 57px;
	width: 816px;
	padding: 10px 12px;
	background-color: #363636;
	color: #ffffff;
	display: none;
	font-size: 11px;
	opacity: .90;
}

.about_title {
	text-transform: uppercase;
}

.heading1 {
	float: left;
	padding: 15px 195px 0 55px;
}

.heading2 {
	float: left;
	padding: 15px 150px 0 63px;
}

.heading3 {
	float: left;
	padding: 15px 0 0 54px;
}


.heading1 a,
.heading1 a:link,
.heading1 a:visited,
.heading2 a,
.heading2 a:link,
.heading2 a:visited,
.heading3 a,
.heading3 a:link,
.heading3 a:visited {
	font-size: 20px;
	color: #c5a176;
}

.heading1 a:hover,
.heading2 a:hover,
.heading3 a:hover {
	color: #dba277;
}

#homeboxes{
	clear:both;
	padding:10px 0px 10px 0px;
}

.box-spacer{
	width:11px;
	float:left;
}

.home-box{
	width:312px;
	height:304px;
	background-color:#141516;
	
	float:left;
}

.home-box h2{
	font-family:Palatino Linotype;
	font-size:22px;
	font-weight:normal;
}

.home-box-content{
	padding:20px 14px 10px 14px;
}

.home-box-text{
	height:210px;
}

.home-box-text a{
	font-style:italic;
	font-weight:normal;
	color:#a4a4a4;
	text-decoration:none;
}
.home-box-text a:hover{
	color:#00769a;
	text-decoration:none;
	font-weight:normal;
}

.btn-readmore a{
	display:block;
	width:71px;
	height:18px;
	background:url(images/btn-readmore.jpg) 0px 0px no-repeat ;
}

.btn-readmore a:hover{
	display:block;
	width:71px;
	height:18px;
	background:url(images/btn-readmore.jpg) 0px -18px no-repeat ;
}

.portfolio-thumbs a{
	border:3px solid #070a0c;
	width:81px;
	height:80px;
	display:block;
	float:left;
}

.portfolio-thumbs a:hover{
	border:3px solid #c3c3c5;
	width:81px;
	height:80px;
	display:block;
	float:left;
}

/******************************** Portfolio BOX ****************************************/

.portfolio-box{
	height:350px;
	width:953px;
	background-color:#070a0c;
	margin-bottom:20px;
}

.portfolio-pic{
	float:left;
	width:597px;
	height:344px;
	border:3px solid #070a0c;
}

.portfolio-description{
	float:left;
	width:323px;
	padding:10px;
}

.portfolio-description h1{
	background:url(images/portfolio-line.jpg) no-repeat left bottom ;	
	height:20px;
	color:#ffffff;
	font-size:18px;
	font-weight:normal;
	font-family:arial, sans-serif;
	padding-top:5px;
}

.portfolio-item{
	background:url(images/portfolio-line.jpg) no-repeat left bottom ;	
	padding:10px 0px 10px 0px;
}

.color{
	color:#ffffff;
}

.portfolio-description-text{
	padding:10px 0px 10px 0px;
	height:200px;
}

.portfolio-description a{
	color:#00769a;
}

.portfolio-description a:hover{
	color:#ffffff;
	text-decoration:none;
}

/******************************** SERVICES ****************************************/

.services-box{
	width:303px;
	height:312px;
	float:left;
	background-color:#141516;
}

.services-box-content{
	width:288px;
	text-align:justify;
	margin:auto;
	padding:7px 0px 7px 0px;
}

.services-image{
	border:2px solid #ffffff;
}

.services-box h1{
	height:30px;
	color:#49b5d6;
	font-size:18px;
	font-weight:normal;
	font-family:palatino linotype, sans-serif;
	padding-top:15px;
	clear:both;
}

.services-sep{
	float:left;
	width:22px;
}

/*===| I. CONTACT |====================================================*/

#img-contact{
	float:left;
	width:435px;
	height:337px;
	background: url(images/img-contact.jpg)  left top no-repeat;
	font-weight:bold;
	padding:20px 10px 0px 25px;
}

#contact-form{
	float:left;
	width:460px;
}

#page-contact{
	padding-top:20px;
}

.separator{
	clear:both;
	margin:10px;
}

.contact-title{
	font-family:verdana;
	font-size:18px;
	color:#ffffff;
	font-weight:bold;
}
