@charset "utf-8";
/* CSS Document */

body
{
	margin:0px;
	padding:0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#333;
	background:#efefef url(images/bg.jpg) repeat-x;
	text-align:left;
}
h2
{
	margin:3px;
	padding:2px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#999;
	font-weight:bold;
	border-bottom:1px solid #999;
	
}
a
{
	text-decoration:none;
	color:#333333;
}
a:hover
{
	text-decoration:underline;
	color:#999999;
}

.box
{
	margin:0px;
	padding:0px;
	height:260px;
	width:100%;
	
}
.boxsmall
{
	margin:0px;
	padding:0px;
	height:100px;
	width:100%;
	
}
.wrapper
{
	margin:0px;
	padding:0px;
	width:973px;
}
.header
{
	margin:0px;
	text-align:left;
	padding:20px 0 0 10px; 

	height:162px;
}
.menu
{
	margin:0px;
	padding:0px;
	background:url(images/menubg.jpg) repeat-x;
	height:52px;
	padding:15px;
	padding-bottom:0px;
	text-align:left;
	width:750px;
	float:left;
}
.menu a
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	color:#CCC;
	text-decoration:none;
	padding-left:15px;
	padding-right:15px;
	padding-top:4px;

}
.menu a:hover
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	background:#111;
	padding-top:4px;
	padding-bottom:14px;
}
.m
{
	margin:0px;
	padding:0px;
	clear:both;
}
.logo
{
	padding:30px 0 0 0px;
	margin:10px;
	margin-left:0px;
	text-align:left;
	float:left;
}
.phone
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#FFF;
	float:right
}
.links
{
	margin-top:15px;
	width:150px;
	float:right;
	text-align:right;
	background:url(images/menubg.jpg) repeat-x;
}

.divider
{
	margin:0px;
	padding:0px;
	background:#666;
	width:100%;
	height:15px;
}
.container
{
	margin:0px;
	margin-top:0px;
	padding:0px;
	background:#FFF;
	color:#333;
	width:100%;
	height:670px;
}


.left
{
	margin:0px;
	padding:0px;
	width:655px;
	float:left;
	height:100px;
	text-align:left;


}
.left1
{
	margin:0px;
	padding:0px;
	width:335px;
	float:left;
	height:90px;
	text-align:justify;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#666;
	font-weight:normal;
}
p
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#666;
	font-weight:normal;
	text-align:justify;
	padding-left:8px;
	padding-right:5px;
}
.auth
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#069;
	font-weight:normal;
}
.left2
{
	margin:0px;
	padding:0px;

	width:310px;
	float:right;
	height:90px;
	text-align:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#666;
	font-weight:normal;
}
.rit
{
	margin:0px;
	padding:0px;

	width:310px;
	height:100px;
	float:right;
	text-align:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#666;
	font-weight:normal;
}
h1
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	color:#000;
	margin:5px;
	font-weight:normal;
	text-shadow: #ccc 0.1em 0.1em 0.2em
}
hr
{
	padding:8px;
	border:none;
	border-bottom:5px solid #999;
	margin:5px;
	margin-top:0px;
	padding-top:5px;
}

.portfolio
{
	border:1px solid #999;
	padding:5px;
	margin:8px;
}
.footer
{
	width:100%;
	height:260px;
	background:#000;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#CCC;
}
.footleft
{
	margin:0px;
	padding:10px;
	width:460px;
	padding-top:20px;
	float:left;
	text-align:left;
	
}
.footleft1
{
	margin:0px;
	padding-left:5px;
	width:215px;
	padding-top:5px;
	float:left;
	text-align:left;
	
}
.footleft li
{
	padding:5px;
	margin:0px;
	line-height:150%;
	display:block;
}
.footleft2
{
	margin:0px;
	padding-left:5px;
	width:215px;
	padding-top:5px;
	float:right;
	text-align:left;
	
}
.footleft a
{
	text-decoration:none;
	color:#CCC;
}
.footleft a:hover
{
	text-decoration:underline;
}
.footrit
{
	margin:0px;
	padding:10px;
	text-align:right;
	padding-top:20px;
	width:460px;
	float:right;
	
}


.footrit a
{
	text-decoration:none;
	color:#CCC;
}
.footrit a:hover
{
	text-decoration:underline;
}

.footrit1
{
	margin:0px;
	padding-left:5px;
	width:215px;
	padding-top:5px;
	float:left;
	text-align:left;
	
}
.footrit li
{
	padding:5px;
	margin:0px;
	line-height:150%;
	display:block;
}
.footrit2
{
	margin:0px;
	padding-left:5px;
	width:215px;
	padding-top:5px;
	float:right;
	text-align:left;
	
}






.chromestyle{
width: 750px;
margin-top:-5px;

}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{

width: 100%;
background: url(chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 4px;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #ccc;
padding: 10px 10px;
margin: 0;
text-decoration: none;

}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;

border-bottom-width: 0;

margin-top:0px;
z-index:100;

visibility: hidden;

}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #333; /*THEME CHANGE HERE*/
padding: 7px 7px;
text-decoration: none;
color: #fff;
background-color: #111;
width: 186px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight:normal;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 186px;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #333;
padding: 7px 7px;
width: auto;

display: block;
text-indent: 3px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
font-weight:normal;
text-decoration: none;
border-bottom: 1px solid #111;
}
.menuend
{
	margin:0px;
	padding:0px;
	width:200px;
	height:10px;
	background: url(menuendbg.png) no-repeat;
}


#submit
{
	background:url(images/submit.jpg) no-repeat;
	width:138px;
	height:35px;
	border:0px;
	margin:0px;
	padding:0px;
}






 
/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background:transparent url(images/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}
 .tooltip a
 {
	 color:#990;
 }
/* style the trigger elements */
#demo img {
	border:0;
	cursor:pointer;
	margin:0 8px;
}

