/* Key styles for: Austax*/
/* Website designed and developed by Mojito Solutions, Katrina Youngman */
/* Last updated: Joanne Walter, 12 March 2009*/


/*Reset Styles*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

body{background: url(images/background.jpg) repeat-x #003e6d; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding-top: 30px;}


/*Container Styles*/
#wrapper{margin-left: auto; margin-right: auto; width: 960px; background: #fff; border-top: 5px solid #00243f;}
#logo{}
#feature-img{background: #fff; border-top: 2px solid #f4c312; padding: 2px 0px;}
#navigation{background: #fff; border-top: 2px solid #f4c312; border-bottom: 2px solid #f4c312; padding: 2px 0px;}
#main-container{padding: 20px; background: #fff; z-index: 1;}
#columns{ overflow: hidden; clear: both; padding-top: 10px;}
#footer{background: #002949; padding: 2px 0px; height: 47px;}
#webdeveloper{margin-left: auto; margin-right: auto; width: 960px; padding: 5px 0px;}

.col{position: relative; float: left; }
#left {width: 390px; padding-right: 40px;}
#middle {width: 228px; padding-right: 30px; }
#right {width: 228px;}
#sidemenu{width: 200px; margin-right: 20px; background: #003e6d;}
#main{width: 700px;}

#galleryfront{float: right; margin-top: -18px; margin-right: -18px; }
*html #galleryfront{margin-right: -10px; z-index: -1; }
*html .slideElement { z-index: -1;}
#welcomefront{float: left; width: 410px;}
/*Navigation Styles*/
#navigation { height: 45px; background: #d4d4d4; padding: 0; z-index: 1000;}
#navigation ul { padding-top: 0;   z-index: 1000;}
#navigation li {margin: 0; display: inline; list-style: none; border-right: 2px solid #fff; text-align: center;   z-index: 1000;}
#navigation li a{text-decoration: none; color: #003e6d;  }
#navigation li a:hover {color: #000; border-bottom: none;}

/*center one line headings */
#menu1 a, #menu2 a, #menu10 a, #menu14 a{ padding-top: 14px; padding-bottom: 0px;}
*html #menu1 a, #menu2 a, #menu10 a, #menu14 a{ padding-top: 14px; padding-bottom: 5px;}

/* common styling */
.menu { font-size: 1.1em ;}

ul
/*top level*/
.menu ul {padding:0; margin:0;list-style-type: none; text-align: center;}
.menu ul li {float:left;position:relative;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; width: 99px; height: 1.8em; padding: 5px 16px 10px 16px; line-height: 1em; }



* html .menu ul li a, .menu ul li a:visited {width:105px;w\idth:99px;}
.menu ul li ul {display: none;padding-top: 5px;}
table {margin:-1px; border-collapse:collapse;font-size:1em;}
.menu table { border: none;}
.menu table td{ border: none;}

/* specific to non IE browsers - parent hover colour */
.menu ul li:hover a,.menu ul li a:hover {color:#fff !important; background:#022743;}


/*second level */
.menu ul li:hover ul,.menu ul li a:hover ul {display:block; position:absolute; top:2.9em;margin-top:1px;left:0; width:150px; margin-left: 0px; font-size:.9em;}
* html .menu ul li a:hover ul {margin-top:0;marg\in-top:1px;}

.menu ul li:hover ul li ul,.menu ul li a:hover ul li a ul {visibility:hidden; position:absolute; height:0; width:0;}

.menu ul li:hover ul li a,.menu ul li a:hover ul li a {display:block; background:#ddd; color:#003e6d !important; height:auto; line-height:1.2em; padding:5px 10px !important; width:140px;text-align: left;
border-top: 1px solid #fff; font-weight: normal;}
* html .menu ul li a:hover ul li a {width:150px;w\idth:129px;}

.menu ul li:hover ul li a:hover,.menu ul li a:hover ul li a:hover {background:#f4c312; color:#000 !important;}

.menu ul li:hover ul li:hover ul,.menu ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; left:150px; 
top:0;width:150px;}

.menu ul li:hover ul li:hover ul.left,.menu ul li a:hover ul li a:hover ul.left {left:-150px;}

*html .menu .hide {display: none !important;}
*html .menu .last {display: block !important;}

/*Link Styles*/
a{color: #003e6d; text-decoration: none;}
a:link{color: #003e6d;}
a:visited {color: #003e6d; }
a:hover {color: #006699; border-bottom: 1px dotted #006699;}

#footer a{color: #fff; text-decoration: none;}
#footer a:hover {color: #f4c312; border-bottom: 1px dotted #f4c312;}

#sidemenu a{color: #fff; text-decoration: none; font-size: 16px; line-height: 1.5em; padding-left: 10px; }
#sidemenu li { border-bottom: #ccc 1px solid; margin-left: -14px; }
#sidemenu a:hover {color: #f4c312; border-bottom: none;}

#webdeveloper a{color: #fff; text-decoration: none; border-bottom: 1px dotted #fff;}
#webdeveloper a:hover {color: #006699; border-bottom: 1px dotted #f4c312;}


/*Paragraph Styles*/
h1 {font-size: 26px; color: #003e6d; padding-bottom: 5px;}
h2 {font-size: 20px; color: #003e6d; margin-bottom: 15px; border-bottom: 1px solid #003e6d;}
h3 {font-size: 18px; color: #003e6d; padding-bottom: 5px;}
h4 {font-size: 14px; color: #003e6d; padding-bottom: 5px;}
p {font-size: 13px; color: #000; padding-bottom: 15px; line-height: 1.2em;}
#footer p{font-size: 11px; color: #f4c312; padding: 0px 10px 2px 10px; margin-top: 10px;}
.detail {color: #fff;}
#webdeveloper p{font-size: 11px; color: #fff;}
#sidemenu h2{background: #f4c312; padding: 10px; margin-bottom: 5px;}

/*List Styles*/
#main-container ul{list-style: none; font-size: 13px; padding-bottom: 15px; padding-top: 0px; margin-left: 15px;}
#main-container ul li{background: url(images/bullet.gif) no-repeat 0 6px; padding-left: 15px;}
#main-container ol {font-size: 13px; padding-bottom: 15px; padding-top: 0px; margin-left: 15px; padding-left: 15px;}
#sidemenu ul li {list-style: none; background: none; padding: 2px 0;}

/*Table Styles*/
table {border: 1px solid #003e6d;}
table td{ padding: 5px; background-color: #d4d4d4; color: #000; border: 1px solid #003e6d;}
table p {line-height: 1em; margin: 2px;}

/*Class Styles*/
#content img {margin: 10px;}
.clear{clear: both;}
.left {float: left;}
.right{float: right;}


.jdGallery { z-index: 0 !important;}