@charset "utf-8";
/* CSS Document */
*
{
	margin:0px;
	padding:0px;
	outline: none;
}
img 
{
	border-style:none;
}
body
{
	position:relative;
	background-image:url(images/Fixed-BG.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	outline:0;
}
#pagecontainer
{
	position:relative;
	width:1008px;
	margin-left:auto;
	margin-right:auto;
}
#menucontainer
{
	position:relative;
	float:left;
	width:1008px;
	height:85px;
	margin-top:25px;
}
#logo
{
	position:relative;
	float:left;
	width:450px;
	height:75px;
	background-color:#ffffff;
	margin-top:5px;
}
#home a
{
	position:relative;
	float:left;
	width:61px;
	height:55px;
	background-image:url(images/Home-nor.png);
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#000;
	text-transform:uppercase;
	text-decoration:none;
	padding-top:30px;
	padding-left:22px;
}
#home a:hover
{
	background-image:url(images/Home-ov.png);
	background-repeat:no-repeat;
}
.separator
{
	position:relative;
	float:left;
	width:1px;
	height:75px;
	background-color:#FFF;
	margin-top:5px;
}
.separator img
{
	margin-top:20px;
}
#aboutus a
{
	position:relative;
	float:left;
	width:98px;
	height:55px;
	background-image:url(images/AboutUs-nor.png);
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#000;
	text-transform:uppercase;
	text-decoration:none;
	padding-top:30px;
	padding-left:22px;
}
#aboutus a:hover
{
	background-image:url(images/AboutUs-ov.png);
	background-repeat:no-repeat;
}
#portfolio a
{
	position:relative;
	float:left;
	width:110px;
	height:55px;
	background-image:url(images/Portfolio-nor.png);
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#000;
	text-transform:uppercase;
	text-decoration:none;
	padding-top:30px;
	padding-left:24px;
}
#portfolio a:hover
{
	background-image:url(images/Portfolio-ov.png);
	background-repeat:no-repeat;
}
#contact a
{
	position:relative;
	float:left;
	width:116px;
	height:55px;
	background-image:url(images/ContactUs-nor.png);
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#000;
	text-transform:uppercase;
	text-decoration:none;
	padding-top:30px;
	padding-left:23px;
}
#contact a:hover
{
	background-image:url(images/ContactUs-ov.png);
	background-repeat:no-repeat;
}
#fb a
{
	position:relative;
	float:left;
	width:75px;
	height:75px;
	background-color:#FFF;
	margin-top:5px;
}
#fb a img
{
	margin-top:17px;
	margin-left:20px;
}
#downarrow
{
	position:realtive;
	float:left;
	width:1008px;
	height:50px;
	background-image:url(images/Arrow-Dwn.png);
	background-repeat:no-repeat;
	background-position:center;
}
#detailcontainer
{
	position:relative;
	float:left;
	width:1008px;
	height:680px;
	background-color:#FFF;

}
.slideshow {
    list-style-type: none;
    margin:0;
    padding:0;
	z-index:0;
}
.slideshow li{
    float:left;
    position:absolute;
    display:none;
	z-index:0;

}
li.li0{display:block}
.land{width:790px; margin-bottom:20px}
#slideshowcontainer
{
	position:relative;
	float:left;
	width:1008px;
	height:340px;
	z-index:0;
	
}
#wrapper 
{
	position:relative;
	overflow:hidden; 
	width:960px;
	height:300px;
	float:left;
	display:inline;
	margin-left:20px;
	margin-top:25px;
}
#bogtitle
{
	position:relative;
	float:left;
	margin-left:20px;
	width:960px;
	height:50px;
	background-image:url(images/Big-Title-BG.png);
	background-repeat:no-repeat;
	text-align:center;
}
#bogtitle h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:26px;
	color:#dd3a78;
	text-transform:uppercase;
	padding-top:10px;
}
#projectcontainer
{
	position:relative;
	float:left;
	width:960px;
	height:280px;
	margin-left:20px;
}
.project
{
	position:relative;
	float:left;
	width:460px;
	height:270px;
}
.projectpic
{
	position:relative;
	float:left;
	width:150px;
	height:240px;
	margin-top:20px;
}
.projectpic img
{
	border-style:none;
}
.projecttitle
{
	position:relative;
	float:left;
	width:290px;
	height:35px;
	background-image:url(images/Projects-BG.png);
	background-repeat:no-repeat;
	text-align:center;
	padding-top:5px;
	margin-left:20px;
	margin-top:20px;
}
.projecttitle h2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	color:#FFF;
	text-transform:uppercase;
	font-weight:bold;
}
.projectdesc
{
	position:relative;
	float:left;
	width:290px;
	height:130px;
	margin-left:20px;
	margin-top:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:17px;
	color:#696969;
	padding-top:10px;
	text-align:justify;
}
.viewmore
{
	position:relative;
	float:right;
	width:95px;
	height:35px;
	margin-top:5px;
}
#uparrow
{
	position:realtive;
	float:left;
	width:1008px;
	height:50px;
	background-image:url(images/Arrow-Up.png);
	background-repeat:no-repeat;
	background-position:center;
}
#footer
{
	position:relative;
	float:left;
	width:1008px;
	height:175px;
	background-image:url(images/Footr-BG.jpg);
	background-repeat:repeat-x;
}

#latestfootertitle
{
	position:relative;
	float:left;
	width:240px;
	height:135px;
	margin-left:25px;
	padding-top:20px;
}
#latestfootertitle h3
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#919191;
	font-weight:bold;
}
#footerprojectcontainer
{
	position:relative;
	float:left;
	width:240px;
	height:105px;
}
.footerproject
{
	position:relative;
	float:left;
	width:50px;
	height:50px;
	margin-top:7px;
	margin-left:7px;
}
#footermenucontainer
{
	position:relative;
	float:left;
	width:200px;
	height:125px;
	margin-top:35px;
	margin-left:140px;
}
.footermenu
{
	position:relative;
	float:left;
	width:200px;
	height:25px;
	margin-top:2px;
	padding-top:5px;
	background-color:#f6f6f6;
	text-align:center;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;
}
.footermenu a
{
	text-decoration:none;
	color:#919191;
}
.footermenu a:hover
{
	text-decoration:none;
	color:#000000;
}
#newslettertitle
{
	position:relative;
	float:left;
	width:215px;
	height:140px;
	margin-left:25px;
	padding-top:20px;
	margin-left:160px;
}
#newslettertitle h3
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#919191;
	font-weight:bold;
}
#newslettertitle form
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:15px;
	color:#919191;
	margin-top:15px;
}
#newslettertitle form input
{
	width:160px;
	height:20px;
	background-color:#f6f6f6;
	border:thin solid;
	border-color:#919191;
}

#newslettertitle form button
{
	width:76px;
	height:26px;
	background-image:url(images/Submit-btn.jpg);
	background-repeat:no-repeat;
	position:relative;
	float:left;
}
#submitform
{
	width:76px;
	height:26px;
	position:relative;
	float:left;
	margin-left:5px;
}
#intouch
{
	width:130px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#919191;
	position:relative;
	float:left;
}
#companyprofile
{
	position:relative;
	float:left;
	width:960px;
	margin-left:20px;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#919191;
	
}
#accordion {
list-style: none;
padding: 0;
height: 330px;
width:960px;
overflow: hidden;
background: #ffffff;}
 
#accordion li {
float: left;
display: block;
height: 330px;
width: 50px;
overflow: hidden;
background-color:#fff;
text-decoration: none;
font-size: 15px;
font-family:Arial, Helvetica, sans-serif;
border-left: 1px solid #fff;
text-align:center;
}
 
#accordion li img {
border: none;
border-right: 1px solid #fff;
float: left;
cursor:pointer;
}
 
#accordion li.active {
width: 850px;
}
#detailcontainer form
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:15px;
	color:#919191;
	position:relative;
	float:left;
}
#detailcontainer form input
{
	width:500px;
	height:20px;
	background-color:#f6f6f6;
	border:thin solid;
	border-color:#919191;
}
#detailcontainer form textarea
{
	width:500px;
	height:80px;
	background-color:#f6f6f6;
	border:thin solid;
	border-color:#919191;
}
#formcontainer
{
	position:relative;
	float:left;
	width:960px;
	height:280px;
	margin-left:20px;
	margin-top:10px;
}
#footercopyright
{
	position:relative;
	float:left;
	width:1008px;
	height:20px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	font-weight:normal;
}
#footercopyright a
{
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
}
.red
{
	color:#F00;
	margin-top:20px;
}
#projectcontainer a
{
	text-decoration:none;
	font-size:17px;
	font-family:Arial, Helvetica, sans-serif;
	color:#919191;
}

.carousel-container {
	width: 100%;
	overflow: hidden;
}

#icarousel {
	width: 850px;
	height: 650px;
	position: relative;
	margin: 20px auto;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-o-perspective: 1000px;
	-ms-perspective: 1000px;
	perspective: 1000px;
}

#icarousel div.slide {
	border-radius: 4px;
	border: 5px #000 solid;
	width: 800px;
	height: 600px;
}

/* The Navigation buttons in the Slider */
a.iCarouselNav {
	display: block;
	position: absolute;
	top: 300px;
	width: 43px;
	height: 43px;
	background: url(images/arrows.png) no-repeat;
	z-index: 1000;
	text-indent: -9999px;
}

a#iCarouselPrev {
	left: 10px;
	background-position: left top;
}

a#iCarouselPrev:hover {
	background-position: left bottom;
	z-index: 1000;
}

a#iCarouselNext {
	right: 10px;
	background-position: right top;
	z-index: 1000;
}

a#iCarouselNext:hover {
	background-position: right bottom;
}
/* The Preloader in the Slider */
#iCarousel-preloader {
	position: absolute;
	z-index: 1000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: #000 1px solid;
	border-color: rgba(0,0,0,0.6);
	padding: 1px;
	width: 150px;
	height: 3px;
}
#iCarousel-preloader div {
	float: left;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height: 3px;
	background: #000;
	background: rgba(0,0,0,0.6);
	width: 0px;
}

/* The timer in the Slider */
#iCarousel-timer {
	position: absolute;
	z-index: 1000;
	border-radius: 5px;
	cursor: pointer;
}

#iCarousel-timer div {
	border-radius: 3px;
}
.protfolioprojectcontainer
{
	position:relative;
	float:left;
	width:200px;
	height:50px;
}
.potfolioprojectpic
{
	position:relative;
	float:left;
	width:50px;
	height:50px;
	margin-top:7px;
	margin-left:7px;
}
.portfoliotext
{
	position:relative;
	float:left;
	width:130px;
	margin-left:10px;
	height:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#919191;
	padding-top:20px;
}
.portfoliotext a
{
	text-decoration:none;
	color:#919191;
}