@charset "utf-8";
/* CSS Document */


/* ========== DESIGNED AND DEVELOPED BY AGNEL P.B.
			    Contact me at agnelpb@gmail.com       ============*/



body {

margin:0px;
padding:0px;
font: 0.8em  verdana, helvetica, Arial;
letter-spacing:5px;
color: #000;
letter-spacing:1px;
background-image:url(slidebox/images/fancy_deboss.png);
}




/* ===========  HEADER Style ============== */

#header
{
	width:auto;
	height:130px;
	margin-left:auto;
	margin-right:auto;
	background-color:#000;
    
}


/* ============ MENU Style============== */


#menucontainer
{
	width:auto;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	background-color:#0099ff;
   	box-shadow: 0px 2px 4px #888888;

}

#menu
{
	width:800px;
	height:35px;
	margin-left:auto;
	margin-right:auto;
	background-color:#0099ff;
	
  
}

#menu ul
{
	list-style:none; 
	display:inline;
	
	
}


#menu ul li
{
	
	list-style:none;
	display:inline;
	text-align:center;
	float:left;
	width:150px;
	height:auto;
	padding-top:10px;
	padding-left:30px;
	font-family: Helvetica, Verdana, sans-serif; 
	font-size:15px;	

	
}
#menu ul li a
{
	display:block;
	height:auto;
	text-align:center;
	text-decoration:none;
	padding:0px;
	color:#fff;

	
}

#menu ul li a:hover
{
	height:auto;
	text-decoration:none;
	text-align:center;
	color: #333;
	padding:0px;
	
	
}

#menu ul li a.current
{
	height:auto;
	text-decoration:none;
	padding:0px;
	color: #333;
	text-align:center;
}


/* ===========  BODY Style ============== */


#bodycontainer
{
	width:800px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	padding: 40px 20px 40px 20px;
	/*background-color:#E5E5E5; */
    
}


.jquerycontainer
{
	width:800px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	padding:0px 0px 30px 0px;
	
	  
}


#greybox
{
	width:700px;
	height:80px;
	margin-left:auto;
	margin-right:auto;
	padding-left:20px;
	background-color:#E5E5E5;
    box-shadow: 0px 2px 2px #888888;
	
}

#leftcolumn
{
	width:auto;
	height:59px;
	float:left;
	
    
}

#rightcolumn
{
	width:auto;
	height:59px;
	float:left;	
	padding-left:30px;
	
	line-height:50px;
	vertical-align:middle;
}

.clear { clear: both;}


.gobox
{
	
	width:221px;
	height:26px;
	margin-left:auto;
	margin-right:auto;	
	background-image:url(images/go.png);
	text-indent:10px;
	
}


h1
{
text-transform:uppercase;
padding:0 0 20px 0;
margin:0px;
font-size:1.4em;
color:#000000;
}

h2
{
padding:8px 0 15px 0;
margin:0px;
font-size:1.1em;
color:#000;
}


h3
{
padding:6px 0 15px 0;
margin:0px;
font-size:1em;
color:#333333;
font-family:Arial, Helvetica, sans-serif;
}

h4
{

	padding:6px 0 15px 0;
	margin:0px;
	font-size:0.9em;
	color:#030;
	font-style:oblique;
	font-family:Arial, Helvetica, sans-serif;
}

p
{
text-align:justify;
padding:6px 0 6px 0;
margin:0px;
line-height:25px;
}



.gobutton
{
	width:303px;
	height:25px;
	text-align:right;
}

.gobutton a:link
{
	color:#FFF;
	padding-right:20px;	
	font-size:18px;
	text-decoration:none;
}

.gobutton a:visited
{
	color:#FFF;
	padding-right:20px;	
	font-size:18px;
	text-decoration:none;
}

.gobutton a:hover
{
	color:#6C0;
	padding-right:20px;	
	font-size:18px;
	text-decoration:none;
}




a:link
{
	text-decoration:none;
	color:#F60;
}

a:visited
{
	text-decoration:none;
	color:#F60;
}

a:hover
{
	text-decoration:none;
	color:#F90;
}

a:active
{
	text-decoration:none;
	color:#F60;
}


/* ===========  FOOTER Style ============== */


#footer
{
	width:auto;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	padding:10px 10px 10px 10px ;
	background-color:#000;
	color:#09F;
	line-height:20px;
	
	    
}

