/* CSS Document */



/*

Theme Name: magnolia 2011

Theme URI: http://.com

Description: WEbsite for webdevolpment company

Version: 1

Author: Jayaraj

Author URI: http://asjenterprises.com/



	This theme was designed and built by Jayarj, a India based Web Designer/Front-end Developer

	Please don't steal my design or code. 

*/





body, p, ul, li, h1, input, a, img, h2{ margin:0; padding:0; list-style-type:none; border:none; outline:none;  }

/* body inline

-----------------------------------------------------------------------------------------------------*/

body{ margin:0; background:url(../images/bg.jpg) repeat-x fixed; }

.left{ float:left; }

.right{ float:right; }

.clr{ clear:both; }

h1{ font:bold 24px arial; color:#fff; }

h2{ font:bold 18px arial; color:#814514;}

.center{ text-align:center; }

.top_pad10px{ padding:10px 0; }

.left_pad10px{ padding:0 10px; }

.right_txt{ text-align:right; }

.email{ font:12px Arial, Helvetica, sans-serif; color:#a06d31;  }

.email a{ font:12px Arial, Helvetica, sans-serif; color:#a06d31;  text-decoration:underline;}

.magnolia{font:bold 18px arial; color:#814514;}

/* layout starts

-----------------------------------------------------------------------------------------------------*/

#layout{ width:1003px;  margin:10px auto 0 auto; }



/* top starts

-----------------------------------------------------------------------------------------------------*/

#top{ background:url(../images/top_bg.jpg) repeat-x; height:162px; }



.logo{ width:310px;  padding:7px 0 0 0; }

.logo_right{ width:350px; padding:80px 0 0 0; }

.wel_txt{ font:bold 12px Arial, Helvetica, sans-serif; color:#333333; }

.wel_input{ border:solid 1px #e3e0d1; -moz-border-radius:10px; -webkit-border-radius:10px; height:20px;  }



/* menu starts

-----------------------------------------------------------------------------------------------------*/

#menu{ height:35px; background:#000;}



#menu li{ float:left;    font:bold 14px arial; color:#cfbe9a; line-height:35px; text-transform:uppercase;  }



#menu li a{ padding:0 54px; font:bold 14px arial; display:block; color:#cfbe9a; line-height:35px; text-transform:uppercase; text-decoration:none;  }



#menu li a:hover{ background:url(../images/menu_bg.png) no-repeat left; padding:0 54px; display:block; font:bold 14px arial; color:#cfbe9a; line-height:35px;  text-transform:uppercase; text-decoration:none;  }



#home li.home a,

#pro li.pro a,

#abt li.abt a,

#con li.con a,

#faq li.faq a,

#news li.news a li a:hover{ background:url(../images/menu_bg.png) no-repeat left; padding:0 54px; display:block; font:bold 14px arial; color:#cfbe9a; line-height:35px;  text-transform:uppercase; text-decoration:none;  }



/* container

-----------------------------------------------------------------------------------------------------*/

#container{ padding:5px 0 0 0; }



/*left container

-----------------------------------------------------------------------------------------------------*/

#left_cont{ width:750px;  }



/*right container

-----------------------------------------------------------------------------------------------------*/

#right_cont{ width:253px; }



.right_abt{   }



.abt_head{ background:#63421e url(../images/brown_icon.jpg) no-repeat 10px; height:45px;  }



.abt_txt{ background:#956432 url(../images/abt_bg.jpg) repeat-y; height:150px; padding:10px; line-height:18px; font:12px arial; color:#fff; }



.news_head{ background:#62301f url(../images/red_icon.jpg) no-repeat 10px; height:45px;  }



.news_txt{ background:#8e482e url(../images/news_bg.jpg) repeat-y; padding:20px 10px 20px 20px; }



.sign_txt{ font:bold 12px arial; color:#f6ffcc; }



.sign_input{  -moz-border-radius:10px; -webkit-border-radius:10px; }



.sign_but{ background:#542a1a; padding:2px 10px; font:bold 12px arial; -moz-border-radius:10px; -webkit-border-radius:10px;  color:#fffac4;}



/*index_products

-----------------------------------------------------------------------------------------------------*/

.new_products_title{ background:url(../images/bg_left.jpg) repeat-x; height:65px;}

.new_pro_tit{  width:300px; padding:20px 0 0 20px; }



.box{ width:218px; border:solid 1px #dedad0; height:300px; margin:5px; padding:10px; }



.box_tit{ font:bold 12px arial; text-transform:uppercase; color:#a06d31; height:35px; border-bottom:solid 1px #dedad0; }



.box_tit_sub{ font:bold 12px arial; text-transform:uppercase; color:#b9ab88; }



.box_img { padding:10px 0;  border-bottom:solid 1px #dedad0; }



.box_txt{ padding:10px 0; font:12px arial; color:#b9ab88; line-height:18px; }



.video{ width:238px; border:solid 1px #dedad0; height:320px; margin:5px;  background:#af6022 url(../images/video_bg.jpg) repeat-y; }



.vid_head{ background:#814514 url(../images/video_icon.jpg) no-repeat 10px; height:45px;  }



/*footer starts

-----------------------------------------------------------------------------------------------------*/

#footer{ height:30px; background:#fff; padding:20px; font:12px arial; color:#bbb288; }

#footer li{ float:left; padding:0 10px; }



#footer a{ font:12px arial; color:#bbb288; text-decoration:none; }

#footer a:hover{ font:12px arial; color:#993300; text-decoration:underline; }



/*about us

-----------------------------------------------------------------------------------------------------*/

.about_div{  margin:0 20px; width:680px; font:12px verdana; color:#743606; line-height:28px; }



.pro_txt_div{  padding:0 20px;  font:12px verdana; color:#743606; line-height:28px; }
.pro_txt{font:12px verdana; color:#743606; line-height:28px;  }
.pro_img_border{ border:solid 1px #a46d04; }
/*contact us

-----------------------------------------------------------------------------------------------------*/

.contact_add{ background:url(../images/contactbg.png) no-repeat; height:291px; width:203px; margin:0 20px; padding:20px 15px; font:12px verdana; color:#b06326; line-height:22px; }

/*form

-----------------------------------------------------------------------------------------------------*/

#form input, textarea{ background:url(../images/input_bg.png) repeat-x bottom; width:250px; border:solid 1px #d9d9d9; -moz-border-radius:5px; -webkit-border-radius:5px; padding:5px; }

#form div {  width:310px; float:left; margin:0 10px; padding:5px 0; }



/*--Window/Masking Styles--*/

.window {

	height:541px;	width: 750px;

	overflow: hidden; /*--Hides anything outside of the set width/height--*/

	position: relative;

}

.image_reel {

	position: absolute;

	top: 0; left: 0;

}

.image_reel img {float: left;}



/*--Paging Styles--*/

.paging {

	position: absolute;

	bottom: 0px; right: -7px;

	width: 178px; height:47px;

	z-index: 100; /*--Assures the paging stays on the top layer--*/

	text-align: center;

	line-height: 40px;

	background: url(../images/paging_bg2.png) no-repeat;

	display: none; /*--Hidden by default, will be later shown with jQuery--*/

}

.paging a {

	padding: 5px;

	text-decoration: none;

	color: #fff;

}

.paging a.active {

	font-weight: bold;

	background: #7d4c00;

	border: 1px solid #7a4c05;

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

}

.paging a:hover {font-weight: bold;}