@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#f2f2f2;}
html { padding:0; margin:0;}
/* main */
.main { margin:0; padding:0;}
.main_resize {
	width: 800px;
	border-right: 1px solid #ececec;
	border-left: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
	background: #fff;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}

.button-xsmall {
            font-size: 70%;
        }

        .button-small {
            font-size: 85%;
        }

        .button-large {
            font-size: 110%;
        }

        .button-xlarge {
            font-size: 125%;
        }

.main_resize h2 { font:normal 12px Roboto, sans-serif; color:#2a2a2a; padding:5px 5px; margin:0;}
.main_resize h2 span { font:  italic 11px Arial, Helvetica, sans-serif; color:#b1b1b1;}
.main_resize h3 {
	font: normal 44px Arial, Helvetica, sans-serif;
	color: #7e7e7e;
	padding: 20px 5px;
	margin: 0;
	text-align: left;
}
.main_resize p { font:normal 11px Roboto, sans-serif; color:#606060; line-height:1.8em; padding:5px; margin:0;}
.main_resize p span { color:#b1b1b1; font: italic 11px Roboto, sans-serif; line-height:1.8em;}
.main_resize a { color:#2d75c0; text-decoration:none;}
.main_resize img { margin:5px auto; padding:0;}
.main_resize ul.serv { list-style:none; margin:10px 0 10px 5px; padding:0; width:230px; float:left;}
.main_resize li.serv { padding:5px; margin:0; font:normal 11px Roboto, sans-serif; color:#2d75c0;}
.main_resize img.floated { float:left; margin:5px 10px 5px 0; padding:0;}
.main_left {
	width: 145px;
	float: left;
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0px;
}
.main_right {
	width: 800px;
	float: right;
	padding: 0;
	margin: 0;
}
.main_right_page {
	width: 650px;
	float: right;
	padding: 0;
	margin: 0;
}
.blog { width:280px; float:left; padding:0; margin:10px 30px 10px 10px;}
.blog2 { width:215px; float:left; padding:0; margin:10px 10px 30px 0;}
/* header */
.header { padding:0 0 10px 0; margin:0 auto; border-bottom:1px solid #dfdfdf;}
/* logo */
.logo {padding:0; margin:0; width:232px; float:left; font:normal 11px Roboto, sans-serif;}
.logo img { margin:0; padding:0;}
/*menu*/
.menu {
	width: 555px;
	margin: 0;
	float: left;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
.menu ul { padding:0; margin:0; list-style:none; border:0;}
.menu ul li { display:inline;  margin:0; padding:0; border:0; background:none;}
.menu ul li a {  display:inline; margin:0; padding:10px; color:#5a5a5a; font:normal 11px Roboto, sans-serif; text-decoration:none;}
.menu ul li a:hover { background: #dfdfdf;}
.menu ul li a.active {  background: #dfdfdf;}

/*menu*/
.menu2 {
	width:400;
	margin: 0;
	padding: 0;
	padding-top: 0px;
	line-height: normal;
	list-style: none;
	display: block;
	position: relative;
}
.menu2 ul {
	padding: 0;
	margin: 0;
	list-style: none;
	border: 0;
	float: right;
}
.menu2 ul li { display:inline;  margin:0; padding:0; border:0; background:none;}
.menu2 ul li a { padding: 5px;
  color: #5a5a5a;
  font-weight: normal;
  font-size: 12px;
  font:normal 12px Roboto, sans-serif;
  line-height: 10px;
  text-decoration: none;;}
.menu2 ul li a:hover { background: #dfdfdf;}
.menu2 ul li a.active {  background: #dfdfdf;}

 /* click */
.click {
	width: 150px;
	float: right;
	padding: 0;
	margin: 0;
	text-align: right;
	padding-top: 10px;
}
.click p {
	color: #959595;
	padding: 0;
	margin: 0;
	font-family: Roboto, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
/* heading */
.heading_box { border-top:1px solid #dadada; background:#ececec; padding:1px; margin:0 0 0px 0;}
.heading_box p { font: normal 11px Roboto, sans-serif; color:#7e7e7e; padding:10px; margin:0;}
/* heading footer */
.heading_footer{ border-top:1px solid #dadada; background:#ececec; padding:0; margin:0 0 0px 0;}
.heading_footer p { font: normal 11px Roboto, sans-serif; color:#7e7e7e; padding:10px; margin:0;}
/* slider_main */
.slider_main { margin:0 auto; padding:0;}
.slider_main .leftt { float:left; width:252px; padding:0; margin:0;}
.slider_main .leftt h2 { font: normal 24px Roboto, sans-serif; color:#616161; padding:71px 0 0 24px; margin:0; line-height:1.2em;}
.slider_main .leftt p { font: normal 12px Roboto, sans-serif; color:#818181; padding:10px 0 15px 24px; margin:0; line-height:1.8em;}
.slider_main .leftt img { float:left; margin:0; padding:0 0 0 24px;}
/* search */
.search { padding:0; margin:0 auto 30px auto;}
.search form { display:block; float:left; padding:5px; margin:0; background:#fafafa;}
.search p { font: bold 11px Roboto, sans-serif; color:#959595; padding:7px 0; height:16px; margin:0; float:left; line-height:14px;}
.search span { display:block; float:left; background:#f6f6f6; border:1px solid #eaeaea; width:150px; padding:0 5px; height:30px; margin:0 3px;}
.search form .keywords { line-height:16px; float:left; border:0; width:150px; padding:7px 0; height:16px; background:none; margin:0; font:normal 14px Roboto, sans-serif; color:#9c9c9c;}
.search form .button { float:left; margin:0; padding:0;}
/* right_text */
.right_text { border-top:1px solid #dadada; background:#ececec; padding:0; margin:0 0 10px 0;}
.right_text p { font: normal 11px Roboto, sans-serif; color:#000; padding:10px; margin:0;}
/********** contact form **********/
#contactform { margin:0; padding:5px 10px; }
#contactform * { color:#F00; }
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both; }
#contactform li.buttons { margin:5px 0 5px 0; clear:both; }
#contactform label { margin:0; width:150px; display:block; padding:10px 0; color:#222222; font: normal 11px Roboto, sans-serif; text-transform:capitalize; float:left; }
#contactform label span { color:#F00; }
#contactform input.text { width:530px; border:1px solid #e8e8e8; margin:2px 0; padding:5px 2px; height:16px; background:#f8f8f8; float:left; }
#contactform textarea { width:530px; border:1px solid #e8e8e8; margin:2px 0; padding:2px; background:#f8f8f8; float:left; }
#contactform li.buttons input { padding:3px 0 3px 0px; margin:10px 0 0 0; border:0; color:#FFF; float:left; }
/*************footer**********/
.footer {padding:5px 0px;  margin:0;}
.footer_resize {
	width: 800px;
	padding: 10px;
	background: #202020;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.footer p { font:normal 11px  Roboto, sans-serif; color:#a2a2a2;}
.footer a { font:normal 11px Roboto, sans-serif; color:#2d75c0; text-decoration:none; padding:0px; margin:0;}
.footer p.right { text-align:right; width:350px; margin:0; padding:5px 0 0 0; float:right;} 
.footer p.leftt { text-align:left; width:550px; margin:0; padding:10px 0 0 0; float:left;} 

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg {  clear:both; border-top:1px solid #f2f2f2; width:100%; padding:0; margin:15px 0; background:none; line-height:0;}

/* Slider */
#slider {
	width: 800px;
	margin: 0;
	height: 320px;
	float: right;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#slideshow {
	margin: 0 auto;
	width: 800px;
	height: 320px;
	float: left;
}
.slider-item { height: 320px; margin:0 auto; padding:0; }
.slider_content_inner img { border: none; margin:0 auto; }
.controls-center { width: 678px; margin:0 auto; padding:0; }
.controls-center h2 { width:350px; float:left; font: bold 14px Roboto, sans-serif; color:#6d6d6d; padding:15px 0 0 20px; margin:0;}
.controls-center h3 { text-align:right; font: normal 36px Roboto, sans-serif; color:#111; padding:10px 20px 15px 0; margin:0;}
.controls-center p {width:300px; float:left;  font: normal 12px Roboto, sans-serif; color:#6d6d6d; padding:3px 0 0 20px; margin:0;}
#slider_controls { float: right; margin:0;  width:90px;}
#slider_controls ul { margin:0 auto; padding:0; width:74px;}
#slider_controls ul li { background:none; margin: 0; padding: 0; list-style: none; }
#slider_controls ul li { float: left; display: block; }
#slider_controls ul li a { width: 10px; height: 10px; background:url('images/tabs_2.gif') no-repeat center center; display: block; float: left; padding:2px; margin:2px !important; margin:1px 1px; outline: none; }
#slider_controls ul li a:focus { outline: none; }
#slider_controls ul li a:hover,
#slider_controls ul li a.activeSlide { background:url('images/tabs_1.gif') no-repeat center center; }

/* nav */
.nav-menu,
.nav-menu ul,
.nav-menu li,
.nav-menu a {
	margin: 0;
	padding: 0;
	padding-top: 0px;
	line-height: normal;
	list-style: none;
	display: block;
	position: relative;
}
.nav-menu ul { opacity: 0; position: absolute; top: 100%; left: -9999px; z-index: 999; -webkit-transition: opacity .3s; transition: opacity .3s; }
.nav-menu li:hover > ul { left: 0; opacity: 1; z-index: 1000; padding-top:10px;}
.nav-menu ul li:hover > ul { top: 0; left: 100%;  }
.nav-menu li { cursor: default; float: left; padding-top:1px; white-space: nowrap; }
.nav-menu ul li { float: none; }

/* sub width */
.nav-menu ul { min-width: 12em; -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.25);  }

/* left */
.nav-center {
	float: left;
	left: 0%;
}

/* right */
.nav-right {
	float: right;
	left: 0%;
}


/* root */
.nav-menu a {
  padding: 5px;
  color: #5a5a5a;
  font-weight: normal;
  font-size: 12px;
  font:normal 12px Roboto, sans-serif;
  line-height: 10px;
  text-decoration: none;
  
}

/* root: active */


/* root: hover/persistence */
.nav-menu a:hover,.nav-menu a:focus,.nav-menu li:hover a {
	background: #dfdfdf;
  color: #5a5a5a;
}

/* 2 */
.nav-menu li li a,.nav-menu li:hover li a {
  padding: 5px;
  background: #dfdfdf;
  color: #5a5a5a;
  font-size: 12px;
  line-height: normal;
}

/* 2: hover/persistence */
.nav-menu li:hover li a:hover,.nav-menu li:hover li a:focus,.nav-menu li:hover li:hover a {
  background: #ccc;
  color: #fff;
}

/* 3 */
.nav-menu li:hover li:hover li a {
  background: #dfdfdf;
  color: #5a5a5a;
}

/* 3: hover/persistence */
.nav-menu li:hover li:hover li a:hover,.nav-menu li:hover li:hover li a:focus,.nav-menu li:hover li:hover li:hover a {
  background: #dfdfdf;
  color: #5a5a5a;
}

/* 4 */
.nav-menu li:hover li:hover li:hover li a {
  background: #dfdfdf;
  color: #5a5a5a;
}

/* 4: hover */
.nav-menu li:hover li:hover li:hover li a:hover,.nav-menu li:hover li:hover li:hover li a:focus {
  background: #dfdfdf;
  color: #5a5a5a;
}

/* Start Nav Menu 2

/* nav2 */
.nav-menu2,
.nav-menu2 ul,
.nav-menu2 li,
.nav-menu2 a {
	margin: 0;
	padding: 0;
	line-height: normal;
	list-style: none;
	display: block;
	position: relative;
}
.nav-menu2 ul { opacity: 0; position: absolute; top: 100%; right: -9999px; z-index: 999; -webkit-transition: opacity .3s; transition: opacity .3s; }
.nav-menu2 li:hover > ul { left: 0; opacity: 1; z-index: 1000; }
.nav-menu2 ul li:hover > ul { top: 0; right: 100%;  }
.nav-menu2 li { cursor: default; float: right; white-space: nowrap; }
.nav-menu2 ul li { float: none; }

/* sub width */
.nav-menu2 ul { min-width: 12em; -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.25); box-shadow: 2px 2px 2px rgba(0,0,0,0.25); }

/* center */
.nav-center2 {
	float: right;
	left: 0%;
}


/* root */
.nav-menu2 a {
  padding: 10px;
  color: #5a5a5a;
  font-weight: normal;
  font-size: 12px;
  font:normal 12px Roboto, sans-serif;
  line-height: 10px;
  text-decoration: none;
  
}

/* root: active */


/* root: hover/persistence */
.nav-menu2 a:hover,
.nav-menu2 a:focus,
.nav-menu2 li:hover a {
	background: #dfdfdf;
  color: #5a5a5a;
}

/* 2 */
.nav-menu2 li li a,
.nav-menu2 li:hover li a {
  padding: 8px 10px;
  background: #dfdfdf;
  color: #5a5a5a;
  font-size: 12px;
  line-height: normal;
}

/* 2: hover/persistence */
.nav-menu2 li:hover li a:hover,
.nav-menu2 li:hover li a:focus,
.nav-menu2 li:hover li:hover a {
  background: #ccc;
  color: #fff;
}

/* 3 */
.nav-menu2 li:hover li:hover li a {
  background: #dfdfdf;
  color: #5a5a5a;
}

/* 3: hover/persistence */
.nav-menu2 li:hover li:hover li a:hover,
.nav-menu2 li:hover li:hover li a:focus,
.nav-menu2 li:hover li:hover li:hover a {
  background: #dfdfdf;
  color: #5a5a5a;
}

/* 4 */
.nav-menu2 li:hover li:hover li:hover li a {
  background: #dfdfdf;
  color: #5a5a5a;
}

/* 4: hover */
.nav-menu2 li:hover li:hover li:hover li a:hover,
.nav-menu2 li:hover li:hover li:hover li a:focus {
  background: #dfdfdf;
  color: #5a5a5a;
}

/* End Nav Menu 2

/* vertical */
.nav-vertical { width: 145px; }
.nav-vertical ul { top: 0; left: -9999px; }
.nav-vertical li { width: 100%; float: none; }
.nav-vertical li:hover > ul { left: 100%; }



#navl{
	list-style: none;
	background: #97391D;
	padding: 5px;
	margin: 10px auto;
	/* Clear floats */
	float: left;
	width: 760px;
	Bring the nav above everything else--uncomment if needed.
	position:relative;
	z-index:0;
}
#navl li{
	float:left;
	margin-right:10px;
	position:relative;
}
#navl a{
	display:block;
	padding:5px;
	color:#fff;
	background:#97391D;
	text-decoration:none;
}
#navl a:hover{
	color:#fff;
	background:#9D3B1E;
	text-decoration:underline;
}

/*--- DROPDOWN ---*/
#navl ul{
	background:#9D3B1E; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	 margin-left: 15px;
	position:absolute;
	
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#navl ul li{
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}
#navl ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#navl li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#navl li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:#9D3B1E;
	text-decoration:underline;
}
#navl li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#navl li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#333;
}
    .Paid td{
		color:green
	}
    .Unpaid td{
		color:red
	}
	
	.alert-danger {
	color:#a94442;
	background-color:#f2dede;
	border-color:#ebccd1
	}
	
.alert {
	padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px
	}
	
.alert h4 {
	margin-top:0;color:inherit}
	
.alert 
.alert-link {
	font-weight:700}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable,.alert-dismissible{padding-right:35px}.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}