/* CSS Document */
body
{
	background:#EFEFEF url(../images/boby.jpg) repeat-x;
	color:#000000;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	font-weight: normal;
	text-align: left;
}

a {
	color:#000000;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

.improve {
	font-size:13px;
	font-weight:bold;
}
.link {
	background:url(../images/arrow.gif) left no-repeat;
	color:#fff;
	padding:0px 0px 0px 15px;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
.clear
{
	margin:0px;
	padding:0px;
	clear:both;
}
#wrapper
{
	width:946px;
	margin:0 auto;
}
.headerzone
{
	width:946px;
	background:url(../images/header.jpg);
}

.header {
	height:225px;
}
.headerText
{
	width:200px;
	float:left;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	padding:26px 0px 0px 194px;
}
.phone
{
	width:150px;
	float:right;
	padding:28px 0px 0px 10px;
}
.email
{
	width:110px;
	padding:12px 0px 0px 5px;
}

#slide {
	border:#ccc solid 1px;
	padding:1px;
	width:893px;
}

#slide1 {
	border:#ccc solid 1px;
	padding:1px;
	width:620px;
	vertical-align:top;
}

/* form */

#flip {
	margin:0px auto;
	width:100%;
	height:280px;
	overflow:auto;
	font-size:11px;
}

.textfield {
	height:10px;
	width:100px;
}

.send {
	background:url(../js/btn-send.jpg) no-repeat;
	border:0px;
	width:77px;
	height:32px;
	cursor:pointer;
}

.order {
	font-size:14px;
	text-decoration:underline;
}

.text {
	display:block;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #ACE;
	font-size:13px;
	margin:0 0 5px;
	padding:5px;
	width: auto;
}

.button {
	display:block;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:0px solid #ACE;
	font-size:20px;
	margin:0px;
	padding:10px;
	width:30px;
	height:30px;
	
}

.button1 {
	display: inline;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:1px solid #000;
	background:#414141;
	color:#FFF;
	font-size:12px;
	margin:0px;
	padding:0px 0px 2px 0px;
	cursor:pointer;
	width:100px;
	height:30px;
	
}

.refer {
	display:block;
	background:#414141;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border:1px solid #000;
	font-size:14px;
	color:#FFF;
	margin:0px 0px 0px 35px;;
	padding:0px;
	width:150px;
	height:30px;
	cursor:pointer;
}

/* weather */

.rbroundbox { background: url(../weather/images/nt.gif) repeat; }
.rbtop div { background: url(../weather/images/tl.gif) no-repeat top left; }
.rbtop { background: url(../weather/images/tr.gif) no-repeat top right; }
.rbbot div { background: url(../weather/images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../weather/images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 6px; display:none;}
.rbroundbox { float:left; margin: 1em auto; width:210px; }
.tag{font-size:9px;
font-weight:bold;
letter-spacing:0.2em;
text-transform:uppercase;}
.data{color:#CCCCCC; font-weight:normal;margin-left:10px}
#error{color:crimson;}

/*	Menu Style Start here */

.topmenu
{
	margin:0px 0px 0px 0px;
	padding:8px 0px 5px 0px;
}

.topmenu ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px; text-align:center;
}

.topmenu li  {
	display:inline;
	height:29px;
	padding:0px 0px 5px 0px;
	margin:0px 0px 0px 0px;
}

.topmenu li a {
	color:#ffffff;
	background:url(../images/menudevider.jpg) top right repeat-y;
	text-decoration:none;
	padding:8px 30px 5px 30px;
	text-transform:uppercase;
	font-style:normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
}

.topmenu li a:hover {
	color:#FFFFFF;
	text-decoration:none;
	background-color: #00CCFF;
}

.topmenu li a.current {
	color:#FFFFFF;
	text-decoration:none;
	background-color: #00CCFF;
}


.topmenu li a.nonborder {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#ffffff;
	background:none;
	text-decoration:none;
	padding:8px 12px 5px 12px;
	font-style:italic;
}


.topmenu li a:hover.nonborder {
	color:#F9FDCF;
	background:#14b6eb;
	text-decoration:none;
}
	
/*	Menu Style End here */
.banner
{
	height:260px;
	margin:0px 0px 0px 0px;

}
.features
{
	width:200px;
	float:right;
	padding:0px 0px 0px 0px;
	margin:40px 40px 0px 0px;
}
.featuresText
{
	margin:0px 10px 0px 0px;
	padding:5px 0px 0px 0px;
}
.featuresText ul
{
	margin:0px;
	padding:0px;
}
.featuresText li
{
	margin:0px 0px 0px 0px;
	padding:5px 0px 5px 25px;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	list-style:none;
	background:url(../images/star.gif) 0px 0px no-repeat;
}
h2
{
	margin:0px;
	padding:0px;
	color:#3D3D3D;
	font-style:italic;
	font-size:22px;
}
h1
{
	margin:0px;
	padding:0px 0px 0px 0px;
	color:#3D3D3D;
	font:20px Arial Black, Arial, Helvetica, sans-serif
}
.button
{
	text-align:left;
	margin:12px 0px 0px 0px;
}
.bannerText
{
	width:500px;
	padding:100px 40px 0px 0px;
	float:right;
}
.blueText
{
	color:#448FC0;
	font-weight:bold;
}
.workZone
{
	width:946px;
	margin:0px;
	padding:0px;
}

.buybutton {
	padding:10px 0px 0px 5px;
}

.midBox
{
	background:url(../images/containermid.jpg) left top repeat-y;
	float:left;
}
.topBox
{
	background:url(../images/containertop.jpg) left top no-repeat;
	float:left;
}
.bottomBox
{
	background:url(../images/containerbottom.jpg) left bottom no-repeat;
	float:left;
}

.midBox1
{
	background:url(../images/containermid1.jpg) left top repeat-y;
	float:left;
}
.topBox1
{
	background:url(../images/containertop1.jpg) left top no-repeat;
	float:left;
}
.bottomBox1
{
	background:url(../images/containerbottom1.jpg) left bottom no-repeat;
	float:left;
}

.workZoneRight
{
	float:right;
}
.leftBox
{
	width:290px;
	float:left;
}
.rightBox
{
	width:616px;
	margin:20px 30px 0px 10px;
	padding:0px 0px 20px 0px;
}

.rightBox1
{
	width:907px;
	margin:20px 30px 0px 10px;
	padding:0px 0px 20px 0px;
}

.rightBox.inner{border:none}


.rightBox2
{
	width:610px;
	
	margin:0px 30px 0px 10px;
	padding:0px 0px 50px 0px;
}
.box1
{
	padding:20px 20px 10px 20px;
}
.whiteText
{
    width:200px;
	padding:0px 0px 0px 0px;
	color:#FFFFFF;
	font-weight:bold;
}
.cdBox
{
	width:80px;
	height:78px;
	float:left;
	padding:10px 0px 0px 0px;
}
.leftText
{
	width:130px;
	float:left;
	padding:10px 0px 0px 10px;
}
.box2
{
	padding:0px 20px 20px 30px;
}
.whiteText
{
    width:200px;
	padding:0px 0px 0px 0px;
	color:#FFFFFF;
	font-weight:bold;
}
.cdBox
{
	width:80px;
	height:78px;
	float:left;
	padding:10px 0px 0px 0px;
}
.leftText
{
	width:130px;
	float:left;
	padding:10px 0px 0px 10px;
}
.box3
{
	padding:0px 20px 20px 30px;
}
.whiteText
{
    width:200px;
	padding:0px 0px 0px 0px;
	color:#FFFFFF;
	font-weight:bold;
}
.cdBox
{
	width:80px;
	height:78px;
	float:left;
	padding:10px 0px 0px 0px;
}
.leftText
{
	width:230px;
	float:left;
	padding:10px 0px 0px 10px;
	color: #fff;
}
.boldText
{
	color:#646464;
	font-weight:bold;
}
.tunesBox
{
	margin:0px;
	padding:0px 0px 0px 0px;
	width:617px;
	float:left;
}
.downloadText
{
	width:400px;
	color:#ADADAD;
	padding:10px 0px 10px 0px;
	text-align:justify;
	font-weight:bold;
}
.rightCd
{
	margin:0px;
	padding:20px 0px 0px 0px;
	width:200px;
	float:right;
}
.productContainer
{
	margin-top:20px;
}
.pic1
{
	width:135px;
	height:180px;
	float:left;
	padding:0px 10px 0px 0px;
	border-right:1px #CCCCCC solid;
}
.pic2
{
	width:204px;
	height:227px;
	float:left;
	padding:1px 0px 0px 0px;
	border-right:1px #CCCCCC solid;
}
.pic3
{
	width:142px;
	height:180px;
	float:left;
	padding:0px 5px 0px 0px;
	border-right:1px #CCCCCC solid;
}
.pic4
{
	width:142px;
	height:180px;
	float:left;
	padding:0px 0px 0px 0px;
}
.picText1
{
	border-top:1px #CCCCCC solid;
	padding:10px 0px 10px 0px;
	text-align:center;
}
.picText2
{
	border-top:1px #CCCCCC solid;
	padding:10px 0px 10px 0px;
	text-align:center;
}
.picText3
{
	border-top:1px #CCCCCC solid;
	padding:10px 0px 10px 0px;
	text-align:center;
}
.picText4
{
	border-top:1px #CCCCCC solid;
	padding:10px 0px 10px 0px;
	text-align:center;
}
.footer
{
	width:946px;
	height:88px;
	padding:30px 0px 0px 0px;
	margin:20px 0px 0px 0px;
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;
}
.footer a
{
	color:#FFF;
}
.footer a:hover
{
	color:#FFF;
}
.footer ul
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px; text-align:center;
}
.footer li
{
	display:inline;
	margin:0px 0px 0px 0px;
	padding:0px 10px 0px 10px; border-left:1px solid #c2c2c2;
}
.footer li .last
{
	display:inline;
	margin:0px 0px 0px 0px;
	padding:0px 10px 0px 0px; border-right:1px solid #c2c2c2;
}

.footer li.first{border:none}

.footer li a
{
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	padding:0px 5px 0px 5px;
	text-decoration:none;
}

.footer li a:hover{color:#FFFFFF;
	text-decoration: underline;}
.footer li a.current{color:#FFFFFF;}
.line
{
	color:#C2C2C2;
}

/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/
#slider {
	position:relative;
	min-height:250px;
	margin:0px 0px 0px 0px;
	background: url(../styles/loading.gif) no-repeat 50% 50%;
	-moz-box-shadow:0px 0px 10px #333;
	-webkit-box-shadow:0px 0px 10px #333;
	box-shadow:0px 0px 10px #333;
	width: 550px;
	border-right: #fff solid 5px;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:47%;
	bottom:-30px;
}
.nivo-controlNav a {
	display:block;
	width:10px;
	height:10px;
	background: url(bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:0px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:-10px 0;
}

.nivo-directionNav a {
	display:block;
	width:32px;
	height:34px;
	background: url(../styles/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption a { 
    text-decoration:underline;
}


/* Vertical Accordions */



/* inner pages css start */
h1.inner{font:20px tahoma, Arial; color:#000; font-weight:100; margin:0px; padding:8px 0px 10px 0; text-decoration:none}
h1.inner span{font:24px tahoma, Arial; color:#000; font-weight:100; margin:0px; padding:25px 0px 10px 0px; background:none}
.aboutus-img{float:right; border:4px solid #dcdcda;	margin:0px 0px 10px 20px;}
h5{font:15px Myriad Pro, Arial, Helvetica, sans-serif; color:#000; font-weight:100; padding:0px 0px 5px 0px;	border-bottom:1px dotted #000;	margin:0px 0px 10px 0px; background:none }
h6.inner{font:17px Myriad Pro, Arial, Helvetica, sans-serif; color:#000; font-weight:100; padding:0px 0px 5px 0px;	margin:0px 0px 0px 0px; background:none }
.aboutcolumnzone{padding:20px 0px 16px 0px;}
.aboutcolumn1{width:48%; float:left; margin:0px 0px 10px 0px;}
.aboutcolumn2{width:48%; float:right; margin:0px 0px 10px 0px;}
.abouticon{float:left; margin:0px 20px 0px 0px;}
.insidereadmore{padding:10px 0px 10px 0px;}
.insidereadmore a{color:#5D2D23; font-size:14px; text-decoration:none}
.insidereadmore a:hover{text-decoration:underline}

a.projects{color:#5D2D23; font-size:14px; text-decoration:underline}
a:hover.projects{text-decoration:none}

input.button{color:#ffffff;	background:#414141;	font:bold 11px Arial, Helvetica, sans-serif; text-decoration:none; padding:10px 10px; margin:0px 5px 5px 0;	border:1px solid #000;}
input.button:hover{cursor:pointer; color:#cccccc;}
.project-img{float:right; margin-left:20px;	border: 6px solid #dcdcda;}
.whiteheading{font:30px Myriad Pro, Arial; color:#000; font-weight:100;	padding:0px; margin:25px 0px 20px 0px;}
.ourprojectrow{margin-bottom:20px; border-bottom:1px dotted #000; padding-bottom:10px;}
.servicecolumnzone{padding:20px 0px 16px 0px;}
.servicecolumn1{width:48%; float:left; margin:0px 0px 10px 0px;}
.servicecolumn2{width:48%; float:right;	margin:0px 0px 10px 0px;}
.blog-posted-row{padding:3px; background:#dcdcda}

.blog-posted-row a{color:#5D2D23; font-size:14px; text-decoration:underline; padding:0 0 0 8px}
.blog-posted-row a:hover{text-decoration:none}
/* inner pages css ends */

