@charset "utf-8";
/*---------------------------------------------------------------------------------------
This is a general part. The css style in this part that can be used in any part of pages.		
----------------------------------------------------------------------------------------*/
body {
	color: #4f4f4f;
	background: #ededed url(../images/bg.gif);
}
h1, h2, h3 {
	color: #134996;
}
h4, h5, h6 {
	color: #4f4f4f;
}
a {
	color: #134996;
}
ul li {
	background: url(../images/checkBoxBlue.gif) no-repeat;
}
blockquote {
	background: url(../images/quotes.gif) no-repeat;
}
th {
	background: #5c5c5c;
	color: #ededed;
}
tr {
	border-bottom: 1px solid #cccccc;
}
tr.odd {
	background: #ededed;
}
tr.even {
	background: #e1e1e1;
}
textarea:focus, input:focus {
	border: 1px solid #134996
}
img {
	border: 1px solid #cccccc;
}
a img:hover {
	border: 1px solid #134996;
}
.importantLink {
	background: #cccccc;
}
.importantLink:hover {
	color: #ededed;
	background: #134996;
}
.paraLink a {
	color: #4f4f4f;
	border-bottom: 1px solid #cccccc;
	background: url(../images/paraLinkSign.gif) right center no-repeat;
}
.paraLink a.firstBox {
	border-top: 1px solid #cccccc;
}
.paraLink a:hover {
	color: #134996;
	background: #e1e1e1 url(../images/paraLinkSign.gif) right center no-repeat;
}
.vertNav li {
	background: none;
}
.vertNav li a {
	color: #4f4f4f;
	border-bottom: 1px solid #cccccc;
	background: url(../images/vertNavSignBlue.gif) 5px center no-repeat;
}
.vertNav li a.firstBox {
	border-top: 1px solid #cccccc;
}
.vertNav li a:hover {
	color: #134996;
	background: #e1e1e1 url(../images/vertNavSignBlue.gif) 5px center no-repeat;
}
.imgNav li {
	background: none;
}
.imgNav li a {
	color: #4f4f4f;
	border-bottom: 1px solid #cccccc;
}
.imgNav li a.firstBox {
	border-top: 1px solid #cccccc;
}
.imgNav li a:hover {
	color: #134996;
	background: #e1e1e1;
}
#homeWrapper,
#aboutWrapper,
#portfolioWrapper,
#blogWrapper,
#contactWrapper,
#wrapper {
	background: url(../images/bgShadow.png) repeat-y;
}
/*---------------------------------------------------------------------------------------
This is a specific part. The css style in this part is belong to specific part of pages.		
-----------------------------------------------------------------------------------------*/
#header {
	border-bottom: 1px solid #9f9f9f;
}
#logo {
	background: url(../images/logoBlue.gif) left 25px no-repeat;
}
#logoText {
	color: #5c5c5c;
}
#logo h2 {
	color: #4f4f4f;
}
.jqueryslidemenu{
	background: #ededed;
}
/*Top level list items*/
.jqueryslidemenu ul li{
	background: none;
}
/*Top level menu link items style*/
.jqueryslidemenu ul li a{
	color: #4f4f4f;
	background: #ededed /*background of tabs (default state)*/
}
.jqueryslidemenu ul li a.firstLevel {
	background: #ededed url(../images/arrowDownBlue.gif) top right no-repeat; /*background of tabs (default state)*/
}
.jqueryslidemenu ul li a:hover{
	color: #134996;
}
.jqueryslidemenu ul li a.firstLevel:hover {
	background: #ededed url(../images/arrowDownBlue.gif) bottom right no-repeat; /*background of tabs (default state)*/
}
/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
	border: 1px solid #cccccc;
	border-top: none;
}
.jqueryslidemenu ul li ul li a.firstBox {
	border-top: 1px solid #cccccc;
}
.jqueryslidemenu ul li ul li a.secondLevel {
	background: #ededed url(../images/arrowRightBlue.gif) top right no-repeat;
}
.jqueryslidemenu ul li ul li a:hover{ /*sub menus hover style*/
	background: #e1e1e1;
}
.jqueryslidemenu ul li ul li a.secondLevel:hover {
	background: #e1e1e1 url(../images/arrowRightBlue.gif) bottom right no-repeat;
}
#homeWrapper #homeLink,
#aboutWrapper #aboutLink,
#portfolioWrapper #portfolioLink, 
#blogWrapper #blogLink,
#contactWrapper #contactLink{
	color: #134996;
}
#aboutWrapper #aboutLink {
	background: #ededed url(../images/arrowDownBlue.gif) bottom right no-repeat;
}
.searchInput{
	color: #4f4f4f;
	background-color: #ededed;
	border: 1px solid #5c5c5c;
}
.searchButtom {
	background: #5c5c5c url(../images/search.png) 3px 3px no-repeat;
}
.searchButtom:hover {
	z-index: 2;
	background: #134996 url(../images/search.png) 3px 3px no-repeat;
}
#main {
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #9f9f9f;
}
#slideshow img{
	border: none;
}
#slideshow img:hover{
	border: none;
}
#next {
	background: url(../images/next.png) center bottom no-repeat;
}
#prev {
	background: url(../images/prev.png) center bottom no-repeat;
}
#next:hover {
	background: url(../images/next.png) center top no-repeat;
}
#prev:hover {
	background: url(../images/prev.png) center top no-repeat;
}
.folio h3 {
	color: #ededed;
	background: url(../images/folioBg.png) repeat-x;
}
.folio img {
	border: 1px solid #cccccc;
}
.folio a img:hover {
	border: 1px solid #134996;
}
#pageNumbers .pageNumber {
	background: #cccccc;
}
#pageNumbers .pageNumber:hover {
	color: #ededed;
	background: #134996;
}
#blogWrapper #page1{
	color: #ededed;
	background: #134996;
}
.contactFieldset ul li {
	background: #ededed;
}
.contactInput {
	color: #4f4f4f;
	border: 1px solid #5c5c5c;
	background: #ededed;
}
.contactTextarea {
	color: #4f4f4f;
	border: 1px solid #5c5c5c;
	background: #ededed;
}
.contactSubmit {
	color: #ededed;
	background: #5c5c5c;
}
.contactSubmit:hover {
	background: #134996;
}
#supportHours p {
	background: url(../images/clock.gif) right center no-repeat;
}
#contactInfo img {
	border: none;
}
#contactInfo img:hover {
	border: none;
}
#contactInfo ul li {
	background: none;
}
#comments p {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
#comments p span {
	background: url(../images/avatar.gif) left center no-repeat;
}
.commentFieldset ul li {
	background: #ededed;
}
.commentInput {
	color: #4f4f4f;
	border: 1px solid #5c5c5c;
	background: #ededed;
}
.commentTextarea {
	color: #4f4f4f;
	border: 1px solid #5c5c5c;
	background: #ededed;
}
.commentSubmit {
	color: #ededed;
	background: #5c5c5c;
}
.commentSubmit:hover {
	background: #134996;
}
#author {
	background: #e1e1e1;
}
#author p {
	background: url(../images/author.gif) left center no-repeat;
}
#footer {
	border-top: 1px solid #FFF;
}
#copy a {
	background: url(../images/logoBlueSmall.gif) no-repeat;
}