/* Key styles for: CLIENT*/
/* Website designed and developed by Mojito Solutions, Katrina Youngman */
/* Last updated: NAME, DAY MONTH YEAR */

/*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;
}

sup{font-size:xx-small; vertical-align:top;} 
sub{font-size:xx-small; vertical-align:bottom;}

body{font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; color: #333; background: #fff;}
img, div {behavior: url(iepngfix.htc)}

/*Container Styles*/
#banner {background: #ee3425; border-top: 20px solid #ffc526;}
#logo {padding: 15px 0;}
.wrapper {margin-left: auto; margin-right: auto; width: 940px;}
#nav {background: #ffc526; overflow: hidden;}
#maincon{background: #ee3425; overflow: hidden;}


#sideblock {margin-left: 0px; position: absolute;}
#main {width: 590px;}
#websitedeveloper {margin-left: auto; margin-right: auto; width: 960px;}



#homemain {width: 940px;}
#homemain .col {position: relative; float: left; overflow: hidden;}
#homebackground {float: right; width: 532px;}
#homecontent {width: 408px; padding: 20px 0; }
#backgroundimage {float: right; width: 532px;}

#main {width: 940px;overflow: hidden; background: #fff;}
#main .col {position: relative; float: left;}

#abc {poition: relative; margin-top: -269px; margin-left: 400px; position: relative; z-index: 0}

#footer {text-align: right; margin-top: -30px;}

#websitedeveloper {text-align: right;}

/*Navigation Styles*/
#nav ul {}
#nav li {margin: 0; display: block; float: left; list-style: none; border-right: 1px solid #ffd564; padding: 8px 0;}
#nav li a{text-decoration: none; color: #ee3425; font-size: 1.4em; font-weight: bold; text-transform: uppercase; padding: 8px 25px;}
#nav li a:hover {color: #fff; background: #ee3425; border-bottom: none;}
#nav li.current a{color: #fff; background: #ee3425; border-bottom: none;}

/*Sub-Navigation Styles*/
#subnav {width: 180px; margin-left: -20px;}
#subnav ul {}
#subnav li {display: block; list-style: none;  border-bottom: 1px solid #f3cc92; background: #f6a01d; float: left;}
#subnav li a{text-decoration: none; color: #fff; font-size: 1.1em; width: 180px; display: block; padding: 5px 10px;}
#subnav li a:hover {background: #ee3425;}
#subnav li.current a{background: #ee3425;}

/*Sub Sub Navigation Styles*/
#subnav ul ul{margin-left: 0 !important; margin-bottom: 0px !important;}
#subnav ul ul li{border-bottom: none; border-top: 1px solid #f3cc92; margin-left: 0 !important;}
#subnav ul ul li a{color: #fff; background: #f7ae3e; padding: 5px 20px;}
#subnav ul ul li a:hover {color: #fff; background: #ef4335;}

/*Link Styles*/
a {color: #ee3425; text-decoration: none;}
a:link{color: #ee3425;}
a:visited {color: #ee34259;}
a:hover {color: #a1180d;}

#homemain a{color: #fabc14;}
#homemain a:hover {color: #fff; border-bottom: 1px dashed #feebba;}

#footer a{color: #252525;}
#footer a:hover {color: #ac1f07; border-bottom: none;}

table.tablefilled a{color: #a1180d}
table.tablefilled a:hover {color: #ee3425;}

#homemain table.tablefilled a{color: #a1180d}
#homemain table.tablefilled a:hover {color: #ee3425; border-bottom: none;}

a.imglink{border-bottom: none !important;}
a.imglink:hover{border-bottom: none !important;;}



/*Paragraph Styles*/
h1 {font-size: 2.4em; color: #fabc14; padding-bottom: 15px; line-height: 1em;}
h2 {font-size: 2.0em; color: #ee3425; padding-bottom: 5px;}
h3 {font-size: 1.6em; color: #ee3425; padding-bottom: 5px;}
h4 {font-size: 1.4em; color: #333; padding-bottom: 2px;}
p {font-size: 1.2em; padding-bottom: 10px;}
p {font-size: 1.2em; padding-bottom: 10px;}

p.top {float: right; padding-bottom: 0; margin-top: 0px; clear: both;}

#websitedeveloper p {font-size: 11px;}
#homemain h2 {color: #fabc14;}
#homemain h3 {color: #fff;}
#homemain h4 {color: #fff;}
#homemain p{color: #fff;}

#subnav h2 {font-size: 12px; background: #f27b07; color: #fff; padding: 8px 10px; border-bottom: 1px solid #fee2b8; width: 180px; margin-left: 20px !important;}
#footer h3 {color: #ac1f07; font-style: italic; font-size: 12px; padding-bottom: 10px;}
#footer p {color: #252525;}

/*Table Styles*/
table {background: none; border: none; margin-bottom: 10px;}
table td {padding: 5px; background: none; color: #333; border: none; font-size: 12px}
table th {text-align: left; font-size: 13px; color: #333; padding: 5px; border: none;}
table p{font-size: 12px; padding-bottom: 0;}

table.tablefilled {background: #aaa; border: 1px solid #fff; margin-bottom: 10px;}
table.tablefilled td {padding: 5px; background: #ccc; color: #333; border: 1px solid #fff; font-size: 12px}
table.tablefilled th {text-align: left; font-size: 13px; color: #333; padding: 5px; border: 1px solid #fff;}

#homemain table td{color: #fff;}
#homemain table th{color: #fff;}

#homemain table.tablefilled {border: 1px solid #ee3425;}
#homemain table.tablefilled td{color: #333; border: 1px solid #ee3425; }
#homemain table.tablefilled th {border: 1px solid #ee3425; color: #333;}

/*List Styles*/
#homemain ul, #homemain ol {color: #fff;}
#maincon ul, #maincon ol {font-size: 12px; margin-left: 30px; padding-bottom: 10px;}
#sidebar ul, #sidebar ol {margin-left: 20px !important}

ul.iconlist {margin-left: 0 !important; margin-top: 5px;}
ul.iconlist li{list-style: none; background: url(images/pdf-icon.gif) no-repeat 0 0px; padding-left: 30px; padding-bottom: 8px; padding-top: 4px;}

ul.liststylenone li {list-style: none;}
.listprefix {display: block; float: left; font-weight: bold; width: 90px;}

/*Image Styles*/
img {padding: 0px;}

#content img{margin: 5px; border: 3px solid #fec224;}
#content img.left{margin: 5px 15px 5px 0px;}
#content img.right{margin: 5px 0px 5px 15px;}

#homecontent img {margin: 5px; border: 3px solid #fec224;}
#homecontent img.left {margin: 5px 15px 5px 0;}
#homecontent img.right {margin: 5px 0 5px 15px;}

img.noborder {border: none !important;}


/*Class Selectors*/
.right {float: right;}
.left {float: left;}
.clear {clear: both;}
.divider {clear: both; border-bottom: 1px solid #777; padding-top: 20px; margin-bottom: 20px;}
.highlight {color: #ee3425;} /*This is the just a style that can be used to highlight text within a paragraph*/


/*Maxigallery Styles*/
.thumbs li{height: 100px; width: 150px;}
.thumbnail {height: 99px; width: 150px;  margin: 0; padding: 0;}
.thumbs p {display: none;}
.thumbscontainer ul{margin-left: 0px !important;}

/*Link styles for the lightbox*/
#lbBottomContainer a{color: #006699; text-decoration:none; border-bottom: none;}
#lbBottomContainer a:hover { color: #333; border-bottom: none;}
#lbCenter a{color: #006699; text-decoration:none; border-bottom: none;}
#lbCenter a:hover { color: #333; border-bottom: none;}

/*Positioning the whole Gallery*/
.jdGallery { z-index: 0 !important;}


#container3 {float:left; width: 940px; background: #fff; overflow: hidden; position: relative;}
#container2 {float:left; width: 940px; background: #fff; position: relative; right: 200px;}
#container1 {float:left; width:940px; background: #f6a01d; position: relative; right: 560px;}
#sidebar {float:left; width:180px; background: #f6a01d; position: relative; left: 760px; overflow: hidden; height: 480px}
#content {float:left; width:520px; padding: 20px; background: #fff; position: relative; left: 760px; overflow: hidden;}
#background {float:left; width:200px; background: #fff; position: relative; left: 760px;}