/* Core stylesheets */
@import url("layout.css");

/* General */
body
{
	margin: 0 auto;
    font-size:11px; 
    font-family: "trebuchet ms", helvetica, sans-serif;
	background: url(../images/wood.jpg);
}

a 
{
    color: red;
	text-decoration: none;
}

a:hover
{
    color: #aaaaaa;
}

h2
{
    font-size:19px;
}

h3
{
    font-size:14px;
}

.wrapper
{
	width: 830px;
	height: auto;
	text-align: center;
	margin: 0 auto;
}
/**************************** Header Section Starts ***************************/
.top-header
{
	width: 830px;
	height: 6px;
	padding: 0px;
	background-color: #660000;
	border-bottom: 1px solid #aaa;
	border-top: 1px solid #aaa;
}

.top-header img
{
    float: left;
	margin: 0px 0px 0px 163px;
	padding: 0px;
}

.header
{
	width: 830px;
	height: 146px;
	margin: 0 auto;
	padding: 0px;
	border: 0px;
	background: url(../images/header.jpg) no-repeat;

}

/**************************** Second Section Ends *****************************/

/**************************** Second Logo Starts *****************************/
#logo
{
    float:left; 
	margin-top:20px;
}

#logo img
{
    float:left;
}
/**************************** Second Logo Ends *****************************/

/**************************** Second Title  Starts *****************************/
#title
{
    float:left; 
	text-align:left; 
	font-family:tahoma; 
	font-size:24pt; 
	color:#000000; 
	margin-left:5px;
	margin-top:5px;
}

.subtitle
{
    float:left; 
	text-align:left; 
	font-family:tahoma; 
	font-size:8pt; 
	color:#ffffff;
}

.right_title
{
    float:right; 
	margin-right:30px; 
	margin-top:50px; 
	text-align:left; 
	font-family:tahoma; 
	font-size:17pt; 
	color:#000000;
}

.right_subtitle
{
    float:left; 
	text-align:left; 
	font-family:tahoma; 
	font-size:8pt; 
	color:#ffffff;
}
/**************************** Second Title Ends *****************************/

/**************************** Menu Section Starts *****************************/



.menu
{
 margin:0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 width: 830px;
}

.top_menu
{
 width: 830px;
 padding:0 0 0 0px; 
 margin:0; 
 list-style:none; 
 height:35px; 
 background:#660000; 
 position:relative; 
 border-top: 1px solid #aaa;
 border-bottom: 1px solid #aaa;
}

.top_menu li 
{
float:left;
}

.top_menu li a 
{
 display:block; 
 float:left; 
 height:35px; 
 line-height:35px; 
 color:#fff; 
 text-decoration:none; 
 font-size:12px; 
 font-family:arial, verdana, sans-serif; 
 font-weight:bold; 
 text-align:center; 
 padding:0 16px 0 16px; 
 cursor:pointer;
 }
 


.top_menu li a:hover 
{
 color:#fff; 
 background:black ;
 padding:0 15px 0 15px;
 border-left:1px solid #aaa;
 border-right:1px solid #aaa;
 }

/**************************** Menu Section Ends *******************************/

/**************************** Menu Content Starts *******************************/
.wrapper-content
{
    width: 830px;
	height: 650px;
	float: left;
	background-image: url(../images/bg_content.jpg) ;
}

.content
{
    float: left;
	width: 520px;
	height: 650px;
	text-align: justify; 
}


.gallery
{
    width: 500px;
	margin: 10px 0px 0px 50px;
	overflow: auto;
}

.gallery a
{
    color: red;
}

.gallery a:hover
{
    color: #660000;
}

.gallery-sec
{
	width: 435px;
	height: 350px;
	margin: 10px 0px 30px 50px;
}
.gallery-last
{
    width: 435px;
	margin: 10px 0px 30px 50px;
}


	
.gallery-last a
{
    color: red;
}

.gallery-last a:hover
{
    color: #660000;
}

.gallery img, .gallery-sec img, .gallery-last img
{
    float: left;
	margin: 0px 0px 2px 4px;
}

.content h2
{
	margin: 30px 10px 0px 20px;
    width: 500px;
	color: #FFFFFF;
	text-align: center; 
	font-size: 12pt;
	clear: both;
	background-image: url(../images/bg-title.jpg) ;
}

.solution h2
{
	margin: 0px 10px 0px 20px;
    padding: 0px;
    width: 500px;
}



.home-slideshow
{
    float: right;
	width: 287px;
	padding: 0px;
    margin: 0px;
}

.solution
{
    margin: 10px 0px 0px 0px;
	clear: both;
	width: 500px;
}

.solution img
{
	padding:0px 5px 0px 0px;
    float: left;
}

.text-content
{
	text-align: justify; 
    float: left;	
	width: 200px;
	line-height: 18px;
	font-size: 12px;
	padding:0px;
	margin-bottom: 0px;
	margin-top: 33px;
	margin-left: 20px;
}

.text2-content
{
    text-align: justify; 
	padding:20px 0px 0px 20px;	
	line-height: 18px;
	font-size: 12px; 
	height: 82px;
	color: #d0b33f;
}

.text-about
{
    text-align: justify; 
    float: left;
	line-height: 18px;
	font-size: 12px;
	padding:0px;
	margin-bottom: 0px;
	margin-top: 33px;
	margin-left: 20px; 
}

.text-about img
{
    float: right;
	margin: 0px 0px 10px 10px;
}

/**************************** Menu Content  Ends *******************************/

/**************************** Menu Sidebar Starts *******************************/

.wrapper-sidebar
{
    float: right;
    width: 240px;
	height: 650px;
	background-image: url(../images/img1.jpg);
}

#sidebar-title
{
    width: 240px;
	height: 40px;
	background-color: #000000;
}

#objective
{
    margin-bottom: 20px;
	width: 240px;
}

#about
{
    margin-bottom: 20px;
	width: 240px; 
}

#contact_me
{
	width: 240px; 
    
}

.wrapper-sidebar h2
{ 
	margin: 10px 20px 10px 20px;
	padding: 0px;
	width: 200px;
	font-size: 14px;
	color: #AAAAAA;
	background-image: url(../images/img3.gif);
	border-top: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
}

.wrapper-sidebar h2 a
{
    color: #aaaaaa;
}

.wrapper-sidebar h2 a:hover
{
	color: #fff; 
}

.wrapper-sidebar img
{   
    float: left;
	margin: 0px;
	padding-left: 10px ;
}


.text-sidebar
{
	height: 130px;
	text-align: justify; 
	font-size: 11px;
	font-variant: normal;
	font-family: Arial, serif;
	margin: 0px 10px 0px 100px;
	padding: 5px 0px 0px 0px;
	color: #FFFFFF;
}

/**************************** Menu Sidebar Ends *******************************/

/**************************** Menu  Sec Section Starts *******************************/
.wrapper-sec-section
{
    width: 830px;
	height: 107px;
	margin-bottom: 0px;
	padding-bottom: 0px;
    background-color: #660000;
    color: #656551;
    letter-spacing: -1px;
}

.box1
{
    float: left;
	width: 203px;
	height: 70px;
    background-color: #660000;
}

.box2
{
    float: left;
	width: 203px;
	height: 70px;
    background-color: #660000;
}

.box3
{
    float: left;
	width: 196px;
	height: 70px;
    background-color: #660000;
}

.box4
{
    float: left;
	width: 223px;
	height: 70px;
	padding-left: 5px;
    background-color: #660000;
}

.wrapper-sec-section h2
{
    float: left;
	margin: 0px 2px 5px 4px;
	padding: 0px 150px 2px 4px;
    color: red;
	border-bottom: 2px solid red;
    background-image: url(../images/a22.gif)  repeat-x;
}

.wrapper-sec-section h3
{	
   color: #000000;
   background-color: #FF9900;
   letter-spacing: 0.2px;
   padding-bottom: 5px;
   border-right: 1px solid #CC9933;
}

.wrapper-sec-section p
{
    color: #8C8C73;
	font-size: 11px;
	font-variant: normal;
	font-family: Arial, serif;
	font-weight: bold;
	text-align: justify;
    letter-spacing: 0.3px;
    padding: 0px 13px 0px 4px;
	margin: 0px;
}

/**************************** Menu Section Ends *******************************/

/**************************** Menu Footer Starts*******************************/
.footer
{
    width: 830px;
	height: auto;
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
    background-image: url(../images/img4.gif) ;
	color: #ffffff;
	clear: both;
}

.footer p
{
    padding-top: 8px;
}

.footer a
{
    color: #aaa;
}

.footer a:hover
{
    color: #fff;
}

/**************************** Menu Footer Ends *******************************/