/*----------------------------------------------------
                 REDSHINESTUDIO - CSS File
------------------------------------------------------*/


* { 

margin:0;

padding:0;

}



body {

	font-family:Tahoma, Arial, Verdana;

	font-size:100%;

	font-size:0.8em;

	color:#716E6E;



background:#fff+

}



a{

	color:#716E6E;

	text-decoration:none;

}





a:hover{

font-weight:bold;

text-decoration:none;

}



	

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FF4E00;
	float:left;
	margin-top:15px;

}




.font1 {

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:11px;

color:#333333;

}



input, textarea { 

font-family:Tahoma, Arial, Verdana;

font-size:1em;

}



.fleft {

float:left;

}



.fright {

float:right;

}

.fright1 {

float:right;
margin-right: 210px;


}


.clear {

clear:both;

}



.toppd{

padding-top:10px;

}

.rtpd {

padding-right:10px;

}



.lfpd{

padding-left:10px;

}



.botpd{

padding-bottom:10px;

}



.lfpd5{

padding-left:5px;

padding-right:5px;

}



.lfpd10{

padding-left:10px;

padding-right:10px;

}



.alignright {

text-align:right;

}

.aligncenter {

text-align:center;

}



.wrapper, block {

width:100%;

overflow:hidden;

}



.container {

width:100%;

}



.list2 li a.link2 {

color:#d2dc3f;

text-decoration:underline;

}



.list2 li a.link2:hover {

text-decoration:none;

}



.list2 li a.link3 {

color:#f39a11;

}



#page {

width:985px;

margin:0 auto;

padding:3px 0 0px 0;

}



#header{

height:143px;

background:url(../images/bg.jpg) no-repeat left top;

}



ul {

list-style:none;

}



#top-menu { width:100%; overflow:hidden; padding-right:5px;}

#top-menu li {float:left;  display:inline;background:url(../images/nav_bg.gif) repeat-x left top;}

#top-menu li .first{background:url(../images/nav_lf.gif) no-repeat left top; width:12px;line-height:30px; float:left;}

#top-menu li .last{background:url(../images/nav_rt.gif) no-repeat left top; width:12px;line-height:30px; float:right;}

#top-menu li div .part{background:url(../images/nav_part.gif) no-repeat left top; width:2px;line-height:30px; float:left;}

#top-menu li a {

	padding-bottom:5px;

	display:block;

	font-size:.7em;

	color:#4c4a4a;

	text-decoration:none;

	font-weight:bold;

	background:url(../images/nav_part.gif) no-repeat right top; 

	width:80px;

	text-align:center;

	line-height:25px;

}

#top-menu li a.lmenu{background:none;}

#top-menu li a:hover {background:url(../images/nav_hover.gif) left top repeat-x; }



.iepng, #site-nav a  {

behavior: url("iepngfix.htc")

}



.style1 {

color: #333333

}



/* rotator in-page placement */

div#rotator {

position:relative;

height:345px;

padding:0px 0px 0px 5px;

}



/* rotator css */

div#rotator ul li {

float:left;

position:absolute;

list-style: none;

}



/* rotator image style */	

div#rotator ul li img {

border:1px solid #ccc;

padding: 4px;

background: #FFF;

}



div#rotator ul li.show {

z-index:500

}



.style2 {

font-family: "Times New Roman", Times, serif

}



#top-menu li a.lmenu{

background:none;

}



#top-menu li a:hover {

background:url(../images/nav_hover.gif) left top repeat-x;

color:#FFFFFF;

}



#top-menu li a.active {



color:#FFFFFF;

}



.menu {

float:right;

width:430px;

}



.logo {

float:left;

width:166px;

padding-left:86px;

margin-top:30px;

}



#container {

width:100%;

height:100%;



}

#lftnav {

background:url(../images/left_bar.gif) left top no-repeat;

float:left;

height:500px;

width:170px;

}



#lftnav ul{

background:url(../images/navbg.gif) left top repeat-x;

width:160px;

height:auto;

padding-left:10px;

padding-top:20px;

margin-left:8px;

}



#lftnav li {

background:url(../images/arrow.gif) no-repeat left center;

}

.lftnav li {

background:url(../images/arrow.gif) no-repeat left center;
padding: 0 0 12px 17px;
background-position: 0 6px;

}



#lftnav li a {

display:block;

width:160px;

height:25px;

font-size:.9em;

color:#4c4a4a;

text-indent:10px;

text-decoration:none;

padding-left:10px;

line-height:25px;

}



#lftnav li a:hover {

background:url(../images/arrow_sel.gif) no-repeat left center;

color:#FF4E00;

font-weight:bold;

}



#lftnav li a.active {

background:url(../images/arrow_sel.gif) no-repeat left center;

color:#ec0101;

font-weight:bold;

}



.redhd {

font-size:1.0em;

color:#FF4E00;

font-weight:bold;

text-indent:15px;

padding-bottom:5px;

}



.box {

background:url(../images/testimonial.gif) no-repeat left top;

color:#333333;

height:125px;

width:155px;

font-size:.875em;

padding:15px 0 0 15px;

line-height:1.2em;

}



.box span {

padding-left:5px;

color:#5a5959;

}



.box .viewall {

top:40px;

color:#5a5959;

width:120px;

height:18px;

}





.box .client {

top:18px;

color:#5a5959;

position:relative;

float:right;

}



#centerbox {

float:right;

width:795px;

padding-top:10px;

height:100%;

}



#testmonialbox {

float:right;

width:795px;

padding-top:10px;

}



#centerbox1 {

float:right;

width:795px;

padding-top:10px;

}



#centoplf {

border: #c5c5c5 1px solid;

width:308px;

height:251px;

padding:30px;

float:left;

}



#centoplf1 {

width:400px;

height:525px;

padding:15px;

float:left;

}


#centoplff {
	width:300px;
	height:100px;
	padding:5px;
	float:left;
	padding-top: 42px;
}


#centoplfabout {

	width:460px;

	height:650px;

	padding:10px;

	float:left;

}





#centoplf2 {

width:750px;

height:400px;

padding:5px;

font-size:11.5px;

color:#666666;

float:left;

}



#centoplf3 {

width:750px;

height:540px;

padding:5px;

font-size:11.5px;

color:#666666;

float:left;

}





#centoplf1 p{

font-size:11px;

margin-top:5px;

}



#centoplf1 span{

font-size:11px;

color:#666666;

}



#centoprt {

border: #c5c5c5 1px solid;

width:405px;

margin-left:10px;

height:311px;

float:left;

}

#centoprt0 {

width:250px;

margin-left:10px;

padding:8px;

height:10px;

float:left;

}



#centoprt1 {

width:287px;

margin-left:6px;

padding:5px;

height:42px;

font-size:11.5px;

float:left;



}

#centoprt11 {

width:287px;

margin-left:6px;

padding:5px;

height:60px;

font-size:11.5px;

float:left;



}



#centoprt2 {

width:345px;

margin-left:6px;

padding:2px;

height:203px;

font-size:11.5px;

float:left;

border:1px solid #ccc;

}

#centoprt3 {

width:320px;

margin-left:6px;

padding:3px;

height:26px;

font-size:11.5px;

float:left;

}

#centoprt33 {
	
background-image: url("../images/quote.gif");

background-repeat: no-repeat;

width:320px;

margin-left:-4px;

padding:3px;

height:26px;

font-size:11.5px;

float:left;

padding: 2px 4px 2px 38px;

}


#centoprt4 {

width:320px;

margin-left:-2px;

padding:0px;

height:40px;

font-size:12px;

float:left;

}


#centoprt1p {

width:287px;

margin-left:6px;

padding:5px;

height:95px;

font-size:11px;

float:left;

}






#centoprt1 p{

color:#666666;

font-size:11px;

}



#centoprt1 p a:hover{

font-weight:normal;

}



#centoprt1 p a{
	color:#FF4E00;

}



.frame {

background:url(../images/img_frame.gif) no-repeat;

width:102px;

height:99px

}



.productpart {

background:url(../images/product_part.gif) no-repeat top;

width:1px;

height:99px

}



.frame img {

padding:10px;

}



.productgal {

padding-top:20px;

width:795px;

height:172px;

}



.producthome {

width:250px;

height:172px;

}



.producthome .text {

padding-top:10px;

height:172px;

width:143px;

padding-left:5px;

}



.brd {

border: #c5c5c5 1px solid;

}



.welcome {

padding-top:20px;

}



#footer {

background-color:#eaebe3;

font-size:0.87em;

height:20px;

border-top:#b9b9b9 solid 1px;

padding:8px;

}



/*------------------porfolio page css---------------*/



#portfolio-view {

	float:left;

	margin-top:20px;

	width: 99%;

}



.portfiolo-main {

	float:left;

	margin-left:23px;

	width:168px;

}



.portfiolo-main1 {

	float:left;

	margin-left:23px;

	width:168px;

}



.portfolio-inner {

float:left;

border:1px solid #999999;

margin-top:-3px;

padding:3px 3px 0px 3px;

}



.portfolio-inner2 {

float:left;

height: 114px; 

width: 159px;

border:1px solid #999999;

padding:3px;

}



pre{

display:block;

font:100% "Courier New", Courier, monospace;

padding:10px;

border:1px solid #bae2f0;

background:#e3f4f9;	

margin:.5em 0;

overflow:auto;

width:800px;

}



.portfolio-inner2 li{

list-style:none;

float:left;

display:inline;

margin-right:10px;

}



#preview mouseover{

	position:absolute;

	border:1px solid #ccc;

	background:#333;

	padding:5px;

	display:none;

	color:#fff;

	}



#preview {

position:absolute;

border:3px solid #ccc;

background:#fff;

adding:5px;

display:none;

color:#fff;

}



.portfolio-inner2 img{ 

border:none; 

}



.portfolio-inner2 ul,li{

margin:0;

padding:0;

}



.portfolio-inner img{

margin-bottom:0px;

padding-bottom:0px;

}



.contact-form {

float:left;

margin-top:10px;

}



.contact-form p{

width:120px;

margin-top:8px;

float:left;

clear:both;

font-size:11px;

color:#333333;

font-family:Verdana, Arial, Helvetica, sans-serif;

}



.contact-form span{

margin-top:15px;

float:left;

clear:both;

font-weight:bold;

}



.contact-form input{
	width:220px;
	border:1px solid #ccc;
	float:left;
	margin-top:8px;
	font-size:11px;
	color:#666666;
	height:15px;
	padding:2px 0px 0px 2px;

}



.contact-form select{

width:55px;

border:1px solid #666666;

float:left;

margin-top:13px;

font-size:11px;

color:#666666;

height:20px;

padding:1px 1px 1px 0px;

margin-right:10px;

}



.contact-form textarea{
	width:220px;
	border:1px solid #ccc;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	float:left;
	margin-top:8px;
	font-size:11px;
	color:#666666;
	height:80px;
	padding:1px 1px 1px 1px;
	margin-right:10px;

}



fieldset.submit {

width:70px;

border: none;

margin: 0 auto;

}



.contact-form .submit button {

border: none;

float: left;

}



.submit button.btn {

width: 65px;

height: 20px;

cursor: pointer;

background:url(../images/submit_btn.gif) no-repeat top right;

margin-top:15px;

}



.submit button.btn:hover {

background:url(../images/submit_btn.gif) no-repeat bottom right;	

}



fieldset.reset {

border: none;

margin: 0 auto;

}



.contact-form .reset button {

border: none;

float: left;

}



.reset button.btn {

width: 65px;

height: 20px;

cursor: pointer;

background:url(../images/reset.gif) no-repeat top right;

}



.reset button.btn:hover {

background:url(../images/reset.gif) no-repeat bottom right;	

}



.btn-div {

float:right;

}





/* Home page CSS */

#slider {

	width: 410px; /* important to be same as image width */

	height: 300px; /* important to be same as image height */

	position: relative; /* important */

	overflow: hidden; /* important */

	border: #c5c5c5 1px solid;

	width:405px;

	margin-left:7px;

	height:311px;

	float:left;

}

#sliderContent {

    width: 405px; /* important to be same as image width or wider */

    position: absolute;

	top: 0;

	margin-left: 0;

}

.sliderImage {

    float: left;

    position: relative;

	display: none;

}

.sliderImage span {

  /*  position: absolute;

	font: 10px/15px Arial, Helvetica, sans-serif;

    padding: 10px 13px;

    width: 384px;

    background-color: #000;

    filter: alpha(opacity=70);

    -moz-opacity: 0.7;

	-khtml-opacity: 0.7;

    opacity: 0.7;

    color: #fff;

    display: none;

	*/

}



#slider img{border:0;}

.clear {

	clear: both;

}

.sliderImage span strong {

    font-size: 14px;

}

.top {

	top: 0;

	left: 0;

}

.bottom {

	bottom: 0;

    left: 0;

}

ul { list-style-type: none;}

.service{ width:733px; height:178px;background:url(../images/service_bg.gif) no-repeat; padding:20px; margin-left:5px;	 }







#testmonial{

	float:right;

	margin-top:20px;

	width:670px;

	border: 1px solid #EBEAE9;

	padding: 10px ;

}