/*Main DIV IDs*/

#stroke { height:30px; width:100%; background:#454545;}
#header { height:90px; width:100%; background:#FFF;}
#query  { height:350px; width:100%; background:#FFC; background:url(../images/bg-1.jpg);}
#welcome  { height:245px; width:100%; background:#FFF; border-top:6px solid #454545; }
#about {  width:100%; background:#FFF; border-top:6px solid #454545; overflow:auto;  }
#latest_new { height:390px; width:100%; background:#F1FCFF; border-top:3px solid #f2f2f2; border-bottom:3px solid #f2f2f2;}
#articles { height:350px; width:100%; background:#fff;}
#footer_main { height:450px; width:100%; background:url(../images/footer-bg.jpg);}
#footer_caption { height:80px; width:100%; background:#1e1e1e; border-top:3px solid #171717;}

/*Main center center*/

.stroke_cent { height:30px; width:1000px; margin:0 auto; color:#929292; font-size:11px; font-family: 'OpenSansRegular';}
#date { width:500px; padding-top:7px; float:left; color:#999; }
.head_nav { width:300px; padding-top:7px; float:right; background:url(../images/email-icon.png) no-repeat 20px 8px/*, url(../images/phone-icon.png) no-repeat 172px 8px*/;}
.head_nav ul { list-style:none;}
.head_nav li a { float:left; text-decoration:none; color:#929292; padding:0px 0 0 20px; margin:0px 0 0 20px; display:block; }
.head_nav li a:hover { color:#CCC;}

/*Main header center*/

.header_cent { height:70px; width:1000px; margin:0 auto; padding-top:20px;}
.logo { width:237px; height:49px; float:left;}

.navigation { float:left; height: 58px; padding: 12px 0 0 40px; width: 720px; /*background:url(../images/nav_bg.png) no-repeat 195px 0px;*/}

#nav{
	list-style:none;
	margin-bottom:10px;
	/* Clear floats */
	float:left;
	width:100%;
	/* Bring the nav above everything else--uncomment if needed.
	position:relative;
	z-index:5;
	*/
}
#nav li{
	float:left;
	margin-right:1px;
	position:relative;
	padding:0 8px 0 5px;
}
#nav a{
	font-size:12px; 
	font-family: 'OpenSansSemibold';
	display:block;
	padding:5px;
	color:#333;
	text-decoration:none;
}
#nav a:hover{
	color:#25aae2;
	background:#6b0c36;
	text-decoration:underline;
}

/*--- DROPDOWN ---*/

#nav ul{
	background:#fff; /* 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; z-index:999;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#nav ul li{
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}
#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#nav 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:#e2f6ff;
	text-decoration:underline;
}
#nav 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;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:#fff;
	color:#25aae2;
}

/*Main welcome center*/

.welcome_cent { height:215px; width:1000px; margin:0 auto; font-family: 'OpenSansRegular'; padding-top:30px;}
.welcome_cent-about { width:1000px; margin:0 auto; font-family: 'OpenSansRegular'; padding-top:30px;}

.welcome_cent h3, .welcome_cent-about h3 { font-family: font-family: 'OpenSansBold'; font-size:18px; text-transform:uppercase; margin-bottom:15px;}
.welcome_cent h4, .welcome_cent-about h4{ font-family: font-family: 'OpenSansBold'; font-size:13px; text-transform:uppercase; margin:10px 0 5px 0;}
.welcome_cent img, .welcome_cent-about img { margin-right:25px;}
.welcome_cent p, .welcome_cent-about p { font-size:14px; font-family: 'OpenSansSemibold'; color:#727272; line-height:23px; text-align:justify;}

.table-text{  font-size:13px; font-family: 'OpenSansSemibold'; color:#000;  text-align:left; margin-top:10px;}

.welcome_cent-about ul { font-family:'OpenSansSemibold'; margin-left:18px; }
.welcome_cent-about li { font-family:'OpenSansSemibold'; padding:3px 0px;  font-size:13px; color:#727272; text-align:justify; line-height:23px;}


/*Main latest_new center*/

.news_cent { height:390px; width:1000px; margin:0 auto;}

.authoured { height:390px; width:335px; float:left; margin-right:10px; color:#454545; font-family: 'OpenSansSemibold';}
.authoured h2{  font-size:19px; padding:10px 0 3px 0; margin-bottom:20px; border-bottom:2px solid #CCC;}
.marqueeElement h3 { font-size:13px; margin-top:25px; }
.marqueeElement h3 a { text-decoration:none; color:#333;} .marqueeElement h3 a:hover { text-decoration:underline; color:#036;}
.marqueeElement h4 { font-size:12px; font-family: 'OpenSansRegular'; color:#8c8c8c;}

.marqueeElement { height:40px; width:410px;  position:absolute;}
#mholder {
	height: 326px;
	width: 365px;
	position: absolute;
	overflow: hidden;
	top: 771px;
	left: -34px;
}

.accor_cont { height:380px; width:580px; float:left; padding-top:10px;}

#accordion {
list-style: none;
margin: 10px 0;
width: 595px;
padding: 0;
height: 350px;
overflow: hidden;
background: #f1f1f1;}

#accordion h5 { margin:10px 0 10px 0;}
#accordion h5 a { text-decoration:none; color:#999;}
#accordion h5 a:hover { color:#333;}

#accordion h2 { margin:0;}
#accordion h2 a { text-decoration:none; color:#666;}
#accordion h2 a:hover { color:#333;}
 
#accordion li {
float: left;
border-left:
display: block;
height: 350px;
width: 50px;
padding: 15px 0;
font-family: 'OpenSansRegular';
overflow: hidden;
color: #666;
text-decoration: none;
font-size: 12px;
line-height: 1.5em;
border-left: 1px solid #fff;}
 
#accordion li img {
border: none;
border-right: 1px solid #fff;
float: left;
margin: -15px 15px 0 0;
}
 
#accordion li.active {
width: 380px;
}
 
/*Main articles center*/

.articles_cent { height:340px; width:1000px; margin:0 auto; padding-top:20px;}

.mail_us, .tax_calendar { height:340px; width:250px; margin-right:30px; float:left;}
.mail_us h2, .tax_calendar h2, .articles_tab h2 { font-family: 'OpenSansSemibold'; font-size:20px; margin:10px 0 10px 0; border-top:4px solid #CCC; padding-top:10px; color:#454545; text-transform:uppercase;}
.mail_us ul { list-style:none; }
.mail_us ul li a { display:block; height:32px; margin-bottom:20px; line-height:30px; font-family: 'OpenSansSemibold'; font-size:13px; text-decoration:none; color:#333; }
.mail_us ul li a:hover { text-decoration:underline; color:#000;}
.mail_us img { margin-right:15px;}

.calendar { height:172px; width:230px; background:url(../images/calendar.jpg) no-repeat; margin-bottom:10px;  }
.tax_calendar h5 a{ font-family: 'OpenSansSemibold'; font-weight:normal; color:#666; text-decoration:none; font-size:12px; line-height:20px;}
.tax_calendar h5 a:hover { text-decoration:underline; color:#000;}

.articles_tab { height:340px; width:430px; float:left; font-family: 'OpenSansSemibold'; }
.articles_tab img { margin:0px 15px 5px 0; }
.articles_tab h3 { color:#666; font-size:14px; padding-bottom:5px; }
.articles_tab h5 { margin-bottom:5px;  }
.articles_tab h5 a{ font-weight:normal; font-size:13px; padding-bottom:5px; border-bottom:1px solid #CCC; text-decoration:none; color:#06F;}
.articles_tab h5 a:hover { color:#039;}
.articles_tab p { font-size:12px; color:#666; text-align:justify;}

/*Main footer_main center*/

.footermain_cent { height:395px; width:1000px; margin:0 auto;}

/*Main footer_caption center*/

.footercap_cent { height:50px; padding-top:30px; width:1000px; margin:0 auto; font-family:'OpenSansRegular'; font-size:13px; color:#CCC;}


.fbox-one {width:150px; height:334px;float:left; margin:20px 42px 0 0 ; background:url(../images/border.png) right repeat-y; }


.fbox-one h2, .fbox-three h2, .fbox-four h2  {font-size:24px; color:#fff; font-family: 'OpenSansSemibold'; font-weight:bold;  margin:0; padding:0px; text-transform:uppercase; margin-bottom:10px;font-weight:400; }

 .fbox-two h2 {font-size:24px; color:#fff; font-family: 'OpenSansSemibold'; font-weight:bold;  margin:0; padding:0px; text-transform:uppercase; margin-bottom:0px;font-weight:400; }

 .fbox-two h4 {font-size:11px; color:#666; font-family: 'OpenSansSemibold'; font-weight:bold;  margin:0; padding:0px; text-transform:uppercase; margin-bottom:10px;font-weight:400; }


.fbox-one ul { margin:10px 0px 0px 0px; font-family: 'OpenSansRegular';  padding-left:15px; }
.fbox-one li {list-style:url(../images/arrow.png); padding:10px 0px; font-family: 'OpenSansRegular'; font-size:13px;}
.fbox-one a {color:#8f8f8f; font-family: 'OpenSansRegular'; font-size:13px; text-decoration:none; }
.fbox-one a:hover { color:#FFF; }

 
.fbox-two {
	width:236px;
	height:334px;
	float:left;
	background:url(../images/border.png) right repeat-y;
	margin-top: 20px;
	margin-right: 42px;
	margin-bottom: 0;
	margin-left: 0;
}


.fbox-two ul { margin:10px 0px 0px 0px; font-family:'OpenSansRegular';  padding-left:15px;}
.fbox-two li {list-style:url(../images/arrow.png); font-family: 'OpenSansRegular'; font-size:13px;   padding:10px 5px; }
.fbox-two a {color:#8f8f8f; font-family: 'OpenSansRegular'; font-size:13px; text-decoration:none;   }
.fbox-two a:hover { color:#FFF; }


.fbox-three {
	width:260px;
	height:334px;
	float:left;
	background:url(../images/border.png) right repeat-y;
	margin-top: 20px;
	margin-right: 42px;
	margin-bottom: 0;
	margin-left: 0;
}
.fbox-three p {padding:2px 0px; font-family: 'OpenSansRegular'; font-size:13px;  color:#8f8f8f; margin:0; }

.fbox-three ul { margin:10px 0px 0px 0px; font-family:'OpenSansRegular'; margin-left:20px; }
.fbox-three li {list-style:none; color:#8f8f8f; font-family: 'OpenSansRegular'; font-size:13px;   padding:5px 0px;  }
.fbox-three li a {color:#8f8f8f; font-family: 'OpenSansRegular'; font-size:13px; text-decoration:none;   }
.fbox-three li a:hover { color:#FFF; }


.fbox-four {width:225px; height:334px;  float:left; margin-top:20px;}


ul.flipboard{
margin:0;
padding:0;
list-style:none;
-webkit-perspective: 10000px; /* larger the value, the less pronounced the 3D effect */
-moz-perspective: 10000px;
-o-perspective: 10000px;
perspective: 10000px;
}

ul.flipboard li{
display: inline-block;
width: 80px; /* dimensions of buttons. Do not add padding/margins inside this rule */
height: 80px;
margin-right: 10px; /* spacing between buttons */
font: bold 36px Arial; /* font size */
text-transform: uppercase;
text-align: center;
cursor: pointer;
}

ul.flipboard li a{
display:block;
width: 100%;
height: 100%;
color: black;
text-decoration: none;
outline: none;
-webkit-transition:all 300ms ease-out 0.1s; /* CSS3 transition. Last value is pause before transition play */
-moz-transition:all 300ms ease-out 0.1s;
-o-transition:all 300ms ease-out 0.1s;
transition:all 300ms ease-out 0.1s;
}

ul.flipboard li a span{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 15px; /* Add top padding to "center" content */
display:block;
width: 100%;
height: 100%;
-webkit-transition:all 300ms ease-out 0.1s; /* CSS3 transition. Last value is pause before transition play */
-moz-transition:all 300ms ease-out 0.1s;
-o-transition:all 300ms ease-out 0.1s;
transition:all 300ms ease-out 0.1s;
}

ul.flipboard li a img{
border-width: 0;
}

ul.flipboard li:hover a{
-moz-transform: rotateY(180deg); /* flip horizontally 180deg*/
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
background: #1f1f1f; /* background color of button onmouseover */
-webkit-border-radius:7px;
-moz-border-radius:7px;
border-radius:7px;
/*-webkit-box-shadow:0 0 5px #eee inset;
-moz-box-shadow:0 0 5px #eee inset;
box-shadow:0 0 5px #eee inset;*/
}

ul.flipboard li:hover a span{
-moz-transform: rotateY(180deg); /* flip horizontally 180deg*/
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}



.footercap_cent ul { list-style:none; width:550px; height:30px; padding-right:50px; float:left;}
.footercap_cent ul li { float:left; margin:0px 0px 0 0px; }
.footercap_cent ul li a{ text-decoration:none; color:#999; padding:0px 10px 0 10px; font-family:'OpenSansRegular'; font-size:13px; border-right:1px solid #999;}
.footercap_cent ul li a:hover { color:#fff;}

.bold{font-family:Calibri, "Century Gothic"; font-size:22px; color:#FFF; padding-left:10px;}
.left_menu{
	font-family:Calibri, "Century Gothic";
	color:#333;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	text-align: center;
}
.left_menu a {font-family:Calibri, "Century Gothic"; color:#a71e1e; text-decoration:underline; }
.left_menu a:hover {font-family:Calibri, "Century Gothic"; color:#F00;  text-decoration:none;  border:none;}
.li_cal{font-family:Calibri, "Century Gothic"; color: #666; font-size:14px;}