@charset "utf-8";

div, img, p, form {behavior: url('iepngfix.htc')}
* {
	margin:0;
	padding:0;
	outline:none
}

img {border: 0; outline: none}

html, body {
	height:100%;
	width:100%;
	overflow: hidden
}

a.link {font-family: normal 14px Arial, Helvetica, sans-serif; line-height: 20px; color: #675837; text-decoration: underline}
a:hover.link {font-family: normal 14px Arial, Helvetica, sans-serif; line-height: 20px; color: #675837; text-decoration: none}


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 20px;
	font-weight: normal;
	color: #675837;
	text-decoration: none;
	background: #e2d9c5 url(../images/glow_bg.jpg) no-repeat center top;
	margin:0 auto
}
#main {
	display:block;
	width:100%;
	margin:0;
	min-height: 500px
}
#wrapper {
	width:820px;
	margin:0 auto
}
.home-top {
	padding:20px 18px 0 18px
}
.inner-top {
	width:65%;
	padding:25px 0 5px 18px;
	float:left
}
.homeLink {
	width:30%;
	padding:0px 18px 0 0;
	float:right;
	text-align:center
}
.scrollWrap {
	width: 100%;
	height: 480px;
	overflow: scroll
}
.content-block {
	padding:0 20px
}
.home-content {
	width:60%;
	text-align:justify;
	padding-top:40px;
	float:left
}
.inner-content {
	text-align:justify;
	padding-top:10px;
	float:left;
	height: 300px
}
.inner-content h1 {
	display:block;
	font-family:arial, verdana;
	text-transform:uppercase;
	color:#af9c73;
	margin:0;
	padding:0;
	letter-spacing:-2px;
	font-weight:bold;
	height: 45px
}
.latest-project {
	width:34%;
	height:255px;
	text-align:center;
	background:url(../images/project-monitor.png) no-repeat center bottom;
	float:right
}
.latest-project h1 {
	display:block;
	font-family: Arial, verdana;
	text-transform:uppercase;
	color: #960;
	margin:0;
	padding:0;
	letter-spacing:-1px;
	font-weight:bold;
	font-style:normal;
	height: 65px;
}
.right-block {
	width:23%;
	min-height:255px;
	float:right
}
#wrapper br {
	clear:both
}
#link-block {
	height:104px;
	background:url(../images/link_bg.png) no-repeat center bottom
}
#link-block img {
	border:0;
	outline:none;
	margin:0 45px;
	cursor:pointer;
}
#footer {
	font-size:11px;
	text-align:center;
	padding-top:5px
}
.shadow {
	text-shadow: #fff 1px 0.06em 1px;
	height:1em;
	filter: Shadow(color=#fff, direction=90, strength=1);
	white-space: nowrap
}
/* button css */

.button {
	background: transparent url('../images/btn_right.png') no-repeat scroll top right;
	display: block;
	min-width:20px;
	height: 32px;
	margin-right: 6px;
	margin-bottom:5px;
	padding-right: 20px
}
.rightcrv{
	background: transparent url('../images/btn_leftcurve.png') no-repeat top left;
	min-width:20px;
	height:22px;
	padding:5px 0 5px 20px
}

.rightcrv a{
	line-height: 1em;
	text-decoration: none;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	width:100%;
	height:100%
}

.thumbBox {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	margin:5px;
	float:left;
	background:#fff;
	width:300px;
	height:200px;
	border:1px solid #D1BA83;
	padding:6px
}
.thumbBox * {
	vertical-align: middle
}
.thumbBox{
 display: block
}
.thumbBox span {
	display: inline-block;
	height: 100%;
	width: 1px
}

/* CSS for Coda sliders */

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden;
	/*border: 5px solid #000; this is the border. should have the same value for the links */
	margin: auto;
	width: 830px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 480px;
	clear: both
}
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	list-style-type: none /* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 830px /* Also specified in  .stripViewer  above */
}
.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 10px
}
.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	display:none;
	margin: auto
}
.stripNav ul { /* The auto-generated set of links */
	list-style: none
}
.stripNav ul li {
	float: left;
	margin-right: 2px /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
}
.stripNav a { /* The nav links */
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	line-height: 32px;
	background: #c6e3ff;
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0 15px
}
.stripNav li.tab1 a {
	background: #60f
}
.stripNav li.tab2 a {
	background: #60c
}
.stripNav li.tab3 a {
	background: #63f
}
.stripNav li.tab4 a {
	background: #63c
}
.stripNav li.tab5 a {
	background: #00e
}
.stripNav li a:hover {
	background: #333
}
.stripNav li a.current {
	background: #000;
	color: #fff
}
/* end of coda css */



/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0
}
.sIFR-replaced {
	visibility: visible !important
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden
}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
	display: none !important
}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-active .latest-project h1 span {
	visibility: hidden;
	font-family: Arial;
	line-height:1.4em;
	padding-left:20px;
	text-transform:uppercase;
	background-color:transparent
}
.sIFR-active .inner-content h1 {
	visibility: hidden;
	font-family: Arial;
	line-height:1.4em;
	padding:0;
	background-color:transparent
}
/*.sIFR-hasFlash .rightcrv a {
  font-size: 40px;
  line-height: 1em;
}

.sIFR-active .rightcrv a{
	font-family: Arial;
	line-height:1em;
	padding:4px 0 0 0;
	visibility: hidden;
}*/
/* End of sIFR styles... do not modify */

/*styling for portfolio starts herer*/
.portfolioLink {margin: 20px 0 0 5px; float: left; width: 240px; list-style: none}
.portfolioLink a {display: block; padding: 6px 0 0 12px; font: normal 14px Arial, Helvetica, sans-serif; color: #806936; text-decoration: none; width: 180px; height: 26px}
.portfolioLink a:hover {display: block; background: url(../images/left-menu-hover.png) no-repeat; font: normal 14px Arial, Helvetica, sans-serif; color: #806936; text-decoration: none}
.portfolioLink .active {display: block; background: url(../images/left-menu-hover.png) no-repeat; font: normal 14px Arial, Helvetica, sans-serif; color: #806936; text-decoration: none}

#slider {float: right; width: 550px; height: 225px}
#prevBtn {width: 20px; position: absolute; top: 145px; left: 250px; cursor: pointer}
#slider {width: 460px; position: absolute; top: 60px; left: 290px}
#slider, #slider li {width: 460px; list-style: none; overflow:hidden}
#slider a {float: left; width: 134px; height: 98px; border: 5px solid #daceb6; display: block; margin: 0 8px 8px 0; background: #daceb6}
#slider a:hover {float: left; width: 134px; height: 98px; border: 5px solid #fff; display: block; margin: 0 8px 8px 0; background: #daceb6}
#nextBtn {width: 20px; position: absolute; top: 145px; right: 0px; cursor: pointer}
/*styling for portfolio ends herer*/

#portfolioSoon {width: 460px; height: 225px; background: #daceb6; font: bold 14px/225px Arial, Helvetica, sans-serif; color: #907E57; text-align: center}

/*styling for contactus starts herer*/
#contactForm {margin: 0 0 10px 0}
#contactForm .formBox {clear:both; padding-bottom: 5px}
#contactForm label {float: left; width: 150px; font: bold 12px Arial, Helvetica, sans-serif; color: #675837; padding-top: 10px}
#contactForm .input {font: normal 12px Arial, Helvetica, sans-serif; color: #675837; border: 1px solid #cfc1a2; padding: 4px 8px; background: none; height: 15px}
#contactForm .textarea {width: 300px; font: normal 12px Arial, Helvetica, sans-serif; color: #675837; border: 1px solid #cfc1a2; padding: 4px 8px; background: none; height: 70px}
#contactForm .submitBtn {background: url(../images/submit-btn.png) no-repeat; width: 81px; height: 38px; border: 0}
.heading {font: bold 14px Arial, Helvetica, sans-serif; color: #675837; border-bottom: 1px dashed #675837; height: 20px; margin: 20px 0 5px 0}
/*styling for contactus ends herer*/

/*styling for fServer */

.fserver-block{padding:20px 10px 10px 10px; min-height:400px;}
.fserver-block h1{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; letter-spacing:-1px; color:#5E4924; margin-bottom:10px;}
.fserver-block hr{border:0; padding:0; margin:0; color:#5E4924; background:#5E4924; height:1px;}
.fserver-block p{display:block; height:42px; margin-top:5px; border-bottom:1px solid #D7CA9D; line-height:42px; position:relative;}
.fserver-block p span{position:absolute; right:0; top:3px;}
/* styleing for fServer ends here */