/* Key styles for: i4 Architecture*/
/* Website designed and developed by Mojito Solutions, Katrina Youngman */
/* Last updated: Joanne Walter, 6 August 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/bg.jpg) repeat-x top #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; color: #fff; behavior: url("csshover3.htc");}
img, div { behavior: url(iepngfix.htc) }

/*Container Styles*/
#wrapper {margin-left: auto; margin-right: auto; width: 800px; background: #212121; margin-top: 20px;}
#banner {background: #222; padding-bottom: 5px; height: 115px;}
.logo{float: left; width: 340px;}
#byline{float: right; padding: 50px 20px 0 0;}
#navigation{float: left;}
#submenu {background: #333;}
#base {background: #212121; height: 87px;}
#main-container{position: relative;}
#content-bg{position: relative; height: 408px;}
#footer{clear: both; margin-left: auto; margin-right: auto; width: 800px;}

/*Non Scrolling Content*/
#content-wrapper{background: url(images/black-97.png) repeat; height: 348px; width: 740px; position: absolute; margin-top: -398px; margin-left: 10px; padding: 20px; behavior: url(iepngfix.htc);}
#home-content-wrapper{background: url(images/black-97.png) repeat; height: 200px; width: 500px; position: absolute; margin-top: -398px; margin-left: 10px; padding: 20px; behavior: url(iepngfix.htc);}
#content{height: 348px; width: 740px; position: absolute; margin-top: -398px; margin-left: 10px; padding: 20px}
#home-content{height: 200px; width: 500px; position: absolute; margin-top: -398px; margin-left: 10px; padding: 20px}
#content .col {position: relative; float: left; }
#main {width: 495px; padding-right: 40px; overflow: hidden; height: 348px; }
#right {width: 205px; overflow: hidden; height: 348px; padding-top: 5px;}

/*Scrolling Content*/
#content-scroll-wrapper{background: url(images/black-97.png) repeat; height: 348px; width: 760px; position: absolute; margin-top: -398px; margin-left: 10px; padding: 20px 0 20px 20px; behavior: url(iepngfix.htc);}
#content-scroll{height: 348px; width: 760px; position: absolute; margin-top: -398px; margin-left: 10px; padding: 20px 0 20px 20px; overflow: scroll; overflow-x: hidden; }
#content-scroll .col {position: relative; float: left; padding-bottom: 20px;}
#content-scroll #main {width: 480px; padding-right: 40px; overflow: visible; }
#content-scroll #right {width: 205px; overflow: visible; }

/*Navigation Styles*/
#navigation ul {padding: 0px; text-align: center;}
#navigation li {margin: 0px; display: block; list-style: none; float: left;  background: #212121; border-right: 4px solid #2f2d2d; height: 87px; }
#navigation li a{text-decoration: none; color: #f1f1d5; font-size: 1.4em; padding: 35px 20px 0 20px; display: block; width: 60px; height: 52px; }
#navigation li a:hover {color: #212121; border-bottom: none;}
#navigation li:hover{background: #b6d43d;}

/*Submenu Styles*/
#submenu ul {margin-left: 10px !important; margin-right: 10px ;}
#submenu li {list-style: none; padding: 5px;}
#submenu li a{margin: 0px; text-decoration: none; color: #b6d43d; font-size: 1.4em !important; display: block; border-bottom: 1px solid #333; padding-bottom: 2px; width: 175px;}
#submenu li a:hover {color: #fff; border-bottom: 1px solid #b6d43d;}
#submenu li.current-page a{color: #fff; border-bottom: 1px solid #b6d43d;}

#submenu ul ul{margin-left: 0px!important; margin-bottom: -10px; margin-top: 2px;}
#submenu ul ul li {padding: 2px 0;}
#submenu ul ul li a{font-size: 1.1em !important; color: #fff; border-bottom: none !important;}
#submenu ul ul li a:hover{color: #999; border-bottom: none;}
#submenu ul ul li.current-page a{color: #999; border-bottom: none;}

/*Link Styles*/

a {color: #b6d43d; text-decoration: none;}
a:link{color: #b6d43d;}
a:visited {color: #b6d43d; }
a:hover {color: #fff; border-bottom: 1px solid #b6d43d;}

a.img-link{border-bottom: none;}
a.img-link:hover{border-bottom: none;}

/*Paragraph Styles*/
h1 {font-size: 1.8em; color: #b6d43d; padding-bottom: 10px; text-transform: uppercase;}
h2 {font-size: 1.6em; color: #b6d43d; padding-bottom: 10px; text-transform: uppercase;}
h3 {font-size: 1.4em; color: #f1f1d5; padding-bottom: 2px; text-transform: uppercase;}
h4 {font-size: 1.2em; color: #f1f1d5; padding-bottom: 2px; text-transform: uppercase;}
#blurb h4{font-size: 1.1em; padding-bottom: 10px; text-transform: none;}
p {font-size: 1.1em; padding-bottom: 10px; color: #fff; line-height: 1.2em; text-align: justify; }

#byline p{color: #b6d43d; font-size: 2em; font-weight: bold; text-align: right;}
#submenu h2{background: #b6d43d; color: #222; padding: 10px; margin-bottom: 10px; font-size: 1.4em; width: 205px;}
#footer p{font-size: 1.1em; color: #4f4d4d; padding: 5px;}
#blurb p{color: #f1f1d5; font-size: 1em; padding: 0;}
#blurb {padding: 20px 20px 0 20px;float: right; width: 240px; }

/*Table Styles*/
table {background: none; border: none; margin-bottom: 10px;}
table td{padding: 5px; background: none; color: #fff; font-size: 1.1em; border: none;}
table td p {text-align: center;}

table .tablefilled {background-color: #333; border: 1px solid #222; margin-bottom: 10px;}
table .tablefilled td{padding: 5px; background-color: #333; color: #fff; font-size: 1.1em; border: 1px solid #222;}

/*List Styles*/
#content ul, #content ol, #content-scroll ul, #content-scroll ol{font-size: 1.1em; margin-left: 30px; padding-bottom: 10px; color: #fff; line-height: 1.2em}
#blurb ul, #blurb ol {font-size: 1.1em; margin-left: 15px; padding-bottom: 10px; line-height: 1.3em}
/*Image Styles*/
img {padding: 0px;}
#blurb img {padding: 0 5px;}
#content img, #content-scroll img {border: 2px solid #fff;}
#content img.left, #content-scroll img.left {margin: 10px 10px 10px 0;}
#content img.right, #content-scroll img.right {margin: 10px 0px 10px 10px;}
#right img{border: 8px solid #fff; margin: 10px 0;}
img.borderless{border: none !important;}
img.flush{margin: 0!important;}

/*Class Selectors*/
.right {float: right;}
.left {float: left;}
.clear {clear: both;}
.bigger-text {font-size: 1.3em !important; line-height: 1.3em;}

/*Maxigallery Styles*/
.managecontainer {overflow: scroll; height: 300px;}
.jdGallery {margin-top: 10px;} 
.picturecontainer .navigation {float: left; width: 300px;}
.picturecontainer p.navigation {text-align: left;}
.picturecontainer p {text-align: right;}
.picturecontainer img {border: none !important}

/*iPhone Hacks*/
@media only screen and (max-device-width: 480px)
{
#content-bg{height: auto; oveflow: hidden;}
#home-content-wrapper{height: auto; position: relative; margin-top: -20px; margin-bottom: 20px;} 
#home-content{height: auto; overflow: hidden; background: url(images/black-97.png) repeat;  behavior: url(iepngfix.htc); position: relative;}
#base {position: relative;}
#content-scroll{height: auto; overflow: hidden; background: url(images/black-97.png) repeat;  behavior: url(iepngfix.htc); position: relative;}
#content {height: auto; overflow: hidden; background: url(images/black-97.png) repeat;  behavior: url(iepngfix.htc); position: relative;}
#main {height: auto; }
#right {height: auto;}
}