/*========================================================================*/
/*========================================================================*/
/*========================================================================*/

/*								BASE

/*========================================================================*/
/*========================================================================*/
/*========================================================================*/

body {font:10px/1.5; font-family:"Gill Sans","Gill Sans MT","Trebuchet MS", sans-serif; color:#fff; padding:0;}

hr {border-color:#ccc; border-style:solid; border-width:1px 0 0; clear:both; height:0;}

/* =Spacing
--------------------------------------------------------------------------------*/

ol {list-style:decimal;}

ul {list-style:disc;}

li {margin-left:30px; line-height:1.2;}

p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset {margin-bottom:20px;}

/* anchors
----------------------------------------------- */
a {color:#79B2FF; text-decoration:underline;}
a:hover {color:#d14b02;}
a:focus {outline:1px dotted invert;}

/* 960 grid system container background
----------------------------------------------- */
.container_12,
.container_16 {background:none;}

/* =Headings
--------------------------------------------------------------------------------*/

h1 {font-size:22px;}
h2 {font-size:18px;}
h3 {font-size:16px;}
h4 {font-size:14px;}
h5 {font-size:12px;}
h6 {font-size:10px;}

h1,h2,h3,h4,h5,h6 {line-height:1.2em; margin-bottom: 0.3em;}
h1 {font-weight:normal; text-transform:uppercase;}
h2 { text-transform:uppercase; font-weight:normal;}
h4 {font-weight:normal;}
h5 {font-size:1.2em;}
h6 {font-size:1em; text-transform:uppercase;}

h1 a {font-weight:normal;}

/* page heading
----------------------------------------------- */
h1#page-heading {font-weight:normal; padding:.5em; margin:0 0 10px 0; border-bottom:1px solid #ccc;}
#blog.entry h1#page-heading {border: none;}

/* photo floats
----------------------------------------------- */
.floatright {float: right; margin-left: 10px; margin-bottom: 10px;}
.floatleft {float: left; margin-right: 10px; margin-bottom: 10px;}
.float, .floatnone {margin-bottom: 10px;}

.image-caption {font-size: 10px; font-weight: bold; margin-top: 5px;}

/*========================================================================*/
/*========================================================================*/
/*========================================================================*/

/*								MODULES

/*========================================================================*/
/*========================================================================*/
/*========================================================================*/



/*========================================================================*/
/*	BOX the one box to rule them all, and in the darkness bind them
/*	@usage div.box
/*========================================================================*/
.box {background:none; margin-bottom:20px; padding:10px 10px 1px 10px;}
.box h2 {font-size:20px; font-weight:normal; text-transform:uppercase; color:#fff; text-align:center;}
.box h2 a:hover {}
.block {padding-top:10px;}



/*========================================================================*/
/*	PARAGRAPHS, QUOTES AND LISTS
/*	
/*========================================================================*/
p {margin-bottom:1em; line-height:1.2;}
blockquote {font-family:Georgia,'Times New Roman',serif; font-size:1.2em; padding-left:1em; border-left:4px solid #ccc;}
blockquote cite {font-size:.9em;}
ul,ol {padding-top:0;}

/*========================================================================*/
/*	MENU
/*	@usage ul.menu
/*========================================================================*/
div.menu {padding:0;}
div.menu h2 {margin:0;}
div.menu .block {padding-top:0;}

ul.menu {list-style:none; border-top:1px solid #bbb;}
ul.menu li {margin:0;}
ul.menu li a {display:block; padding:4px 10px; border-bottom:1px solid #ccc;}
* html ul.menu li a {height: 1%;}/*ie6 hack*/
ul.menu li a:hover {background:#eee;}
ul.menu li a:active {background:#ccc;}
/*-- sub-menu ----------------------*/
ul.menu ul {list-style:none; margin:0;}
ul.menu ul li a {padding-left:30px;}

/*========================================================================*/
/*	SECTION MENU
/*	@usage ul.menu.section
/*========================================================================*/
ul.section {border-top:0; margin-bottom:0;}
ul.section li {text-transform:uppercase;}
ul.section li a {background:#bbb;}
ul.section li a:hover {background:#aaa;}
ul.section li a:active {color:#fff; background:#666;}
ul.section li li a {background:#ddd; border-bottom:1px solid #eee;}
ul.section li li a:hover {background:#ccc;}
ul.section li li a:active {color:#000; background:#fff;}
ul.section ul li {text-transform:none;}
ul.section ul.current li a {background:#eee; border-bottom:1px solid #fff;}
ul.section ul.current li a:hover {background:#ddd;}
ul.section ul.current li a:active {background:#fff;}
ul.section li a.current {color:#fff; background:#666;}
ul.section li a.current:hover {background:#555;}
ul.section li a.current:active {background:#444;}
ul.section li a.active {background:#fff; cursor:default;}
ul.section li.current > a.active,
ul.section li.current > a.active:hover {color:#fff; background:#666; cursor:default;}

/*========================================================================*/
/*	TABLE global table design
/*	@usage table
/*========================================================================*/
table {width:100%; border:1px solid #bbb; margin-bottom:10px;}
col.colC {width:8em;}
th,td {padding:.2em 1em; text-align:left;}
thead th {border-bottom:2px solid #888; background:#bbb; padding:.4em 1em .2em;}
thead th.table-head {font-size:1em; font-weight:normal; text-transform:uppercase; color:#fff; background:#555; border:1px solid #555;}
tbody th,
tbody td {border-top:1px solid #bbb; border-bottom:1px solid #bbb; background:#eee;}
tbody tr.odd th,
tbody tr.odd td {background:#fff;}
tfoot th,
tfoot td {border-top:2px solid #666; background:#eee;}
tfoot tr.total th,
tfoot tr.total td {border-top:6px double #666;}
tfoot tr.total th {text-transform:uppercase;}
th.currency,
td.currency {text-align:right;}

/*========================================================================*/
/*	ARTICLE individual blog / news articles
/*	@usage div.box.article
/*========================================================================*/
.article {padding: 5px 10px 0 10px; background: #fff;}

.article h2 {font-size: 24px; font-weight:normal; text-transform:none; color:#333; background:transparent; padding:0; margin:0; border:none;}
.article .date {border-top:1px dotted #999999; display:block; font-size:11px; font-style:italic; font-weight:bold; margin-bottom:5px; padding-top:2px; text-align:right;}

.article .last {border-bottom:none;}

.article h4 {font-size:1.2em; text-transform:uppercase; margin-bottom:.5em;}

.article a.image {float:left; margin:3px 10px 3px 0; padding:4px; border:1px solid #bbb; background:#fff;}
.article a.image:hover {border:1px solid #666;}
.article a.image img {float:left;}


/*========================================================================*/
/*	ENTRY | entry page for an article or blog post
/*	@usage div.box.article.entry	@extends article 
/*========================================================================*/
.entry {border-bottom: none;}


/*========================================================================*/
/*	COMMENT
/*	@usage li.comment
/*========================================================================*/
.comment {padding:10px;margin:0; margin-bottom:10px;}

.odd {background: #efefef;}
.even {background: #e3e3e3;}

.comment-meta {}
.comment-meta .avatar {float: left; padding-right: 10px; padding-bottom: 10px;}
.comment-meta span.name {display: block;}
.comment-meta span.date {display: inline;}
.comment-meta span.perma {display: inline;}

.admin {background: #E3F1F6;}

/*========================================================================*/
/*	COMMENTS | wrapper for ol.comment and comments submit form
/*	@usage div#comments.box
/*========================================================================*/
#comments {background: none;}

/*========================================================================*/
/*	META
/*	@usage ul.meta	@extends .article | .entry
/*========================================================================*/
.meta {display: block; border-top:1px dotted #999; border-bottom:1px solid #666;}
.meta li {float:left; display: block; list-style:none; margin:0; padding:0 10px;}
.meta li { color:#666; }

.entry .meta li {float: none; border: none; padding:0;}


/* site information
----------------------------------------------- */
#site_info .box {color:#ccc; background:#666; margin-bottom:10px;}
#site_info a {color:#fff;}
#site_info a:hover {color:#000;}
	

/*========================================================================*/
/*	THUMBNAILS {GALLERY deprecated... because}
/*	@usage ul.thumbnails
/*========================================================================*/
.thumbnails li {margin:0; padding:0; list-style:none; float:left;}
.thumbnails li a {display: block;}
.thumbnails li a img {border: 1px solid #ccc; padding: 5px; margin-right: 5px; margin-bottom: 5px;}
.thumbnails li {background: transparent url(/theme/images/loaders/loader_1_white16.gif) center center no-repeat;}
.thumbnails li a:hover img {background: #fff;}
.thumbnails li.current img {background: #FFFDAA;}

.thumbnails-u li {margin:0; padding:0; list-style:none; float:left;}
.thumbnails-u {display: block;}
.thumbnails-u li {position: relative; width: 120px; height: 120px; display: block;}
.thumbnails-u li a {display:block; height: 120px; line-height: 120px; text-align:center; width: 110px; border: 1px solid #ccc; font-size: 0;}
.thumbnails-u li img {vertical-align: middle; line-height: 120px;}

/*========================================================================*/
/*	GALLERY THUMBNAV
/*	@usage ul#gallery-nav.thumbnails
/*========================================================================*/
#gallery-nav {width: 200px; display: block; margin: 0 auto; float: left;}
#gallery-nav li {width: 65px; height: 65px; background: none;}

/*========================================================================*/
/*	GALLERY | div for single entry gallery pages
/*	@usage div.gallery-entry
/*========================================================================*/
.gallery-entry {width: 500px; float: left; border: 1px solid #ccc; margin: 0px auto; padding: 10px;}
.gallery-entry .caption {margin-top: 10px;}

/*========================================================================*/
/*	FLICKR-FEED
/*	@usage ul.gallery.flickr-feed	@extends ul.gallery
/*========================================================================*/
.flickr-feed li a img {border: 1px solid #ccc; padding: 4px; margin-right: 4px; margin-bottom: 4px; width: 50px; height: 50px;}
.flickr-feed li a:hover img {background: #fff;}


/*========================================================================*/
/*	BLOCK-LIST | a very blocky, very clickable list
/*	@usage div.box.block-list
/*========================================================================*/
.block-list {padding: 0; margin: 0 0 10px 0;}
.block-list li {list-style: none; padding: 0; margin: 0;}
.block-list li a {display: block; background: none; text-decoration: none; border-bottom: 1px dotted; padding: 5px 5px;}
.block-list li a:hover {background-color: #CCC;}
* html ul.block-list li a {height: 1%;}/*ie6 hack*/

/*========================================================================*/
/*	HYPERLINKS LIST | create a nice list of hyperlink
/*	@usage ul.hyperlinks
/*========================================================================*/
.hyperlinks li {list-style: none; margin: 0;}
.hyperlinks li a {display: block; background: none; text-decoration: none; border-bottom: 1px dotted;padding: 0 5px; }
.hyperlinks li a span {font-weight: normal;}
.hyperlinks li a:hover {background: #CCC;}

ul.hyperlinks li a {_height: 1%;}/*ie6 hack*/

.hyperlinks .title {width: 70%; display: block; float: left;}
.hyperlinks .date {float: right; padding-right: 0px;}


/*========================================================================*/
/*	COMMENT-FEED | basic styling for a comments feed
/*	@usage ul.comment-feed
/*========================================================================*/
.comment-feed li {list-style:none; margin:0; padding:0;}
.comment-feed li {display: block; padding: 4px; border-bottom: 1px solid #ccc;}
.comment-feed li a {}
.comment-feed li a {display: inline;}

/*========================================================================*/
/*	DOWNLOADS | styling of files specifically
/*	@usage ul.block-list.downloads
/*========================================================================*/
.downloads li {list-style: none; margin-left: 0px; margin-bottom:0px;}

.downloads .box {padding: 5px 0;}
.downloads .box h2 {margin-left: 0;}

.downloads a {padding: 10px 20px; text-decoration: none;}
.downloads a {line-height: 16px; background-position: 6px 14px !important;}

.downloads a:hover {text-decoration: none; background-color: #EEE !important;}
.downloads span {font-weight: normal; }

/*-- ICONS ----------------------*/
span.pdf, .publication a[href$='.pdf'], .downloads a[href$='.pdf'] {display:inline-block; padding-left:30px; background:transparent url(/theme/images/icons/page_white_acrobat.png) center left no-repeat;}
span.doc, .publication a[href$='.doc'], .downloads a[href$='.doc'] {display:inline-block; padding-left:30px; background:transparent url(/theme/images/icons/page_white_word.png) center left no-repeat;}
span.ppt, .publication a[href$='.ppt'], .downloads a[href$='.ppt'] {display:inline-block; padding-left:30px; background:transparent url(/theme/images/icons/page_white_powerpoint.png) center left no-repeat;}
span.mp3, .publication a[href$='.mp3'], .downloads a[href$='.mp3'] {display:inline-block; padding-left:30px; background:transparent url(/theme/images/icons/ipod_sound.png) center left no-repeat;}



/*========================================================================*/
/*	TWITTER-FEED | basic styling for a twitter feed
/*	@usage ul.twitter-feed
/*========================================================================*/
.twitter-feed li {list-style:none;margin:0;padding:0;}
.twitter-feed li {display: block; padding: 4px; border-bottom: 1px solid #ccc;}
.twitter-feed li a {}
.twitter-feed li a {display: inline;}

/*========================================================================*/
/*	GLOBAL NOTIFICATION MESSAGE | absolute positioned notification
/*	@usage div.notification
/*========================================================================*/
.notification {display: none;}

.notification {z-index:99; font-size: 14px; margin: 10px 0;}

.noScript {padding: 0 10px; position: relative; position: relative; display: block;}
.hasScript {position: absolute; top:0; padding: 0 0px; width: 960px; margin: 0 auto; cursor: pointer;}


.notification div {padding: 10px; margin:0 auto; text-align: center;}
.notification p {padding: 0; margin: 0;}

.notification .success	{background: white; color: #2B992C; border: 1px solid #2B992C; }
.notifictation .success a {border-color: #2B992C; color: #2B992C;}

.notification .warning	{background: white; color: #C75151; border: 1px solid #C75151;}
.notification .note		{background: #FFF8C4; color: #5C5644; border: 1px solid #A79534;}
.notification .note h2 	{font-size: 16px; padding: 0; margin: 0;}

.notification .closethis {border: 1px solid; width: 14px; height: 14px; display: block; line-height: 14px; text-align: center; position: absolute; top: 10px; right: 10px;}

/*========================================================================*/
/*	SYSTEM NOTIFICATION TEMPLATES
/*	@usage div.notification
/*========================================================================*/
.error {background: white; color: #9F252C; border: 1px solid #9F252C; padding: 20px;}
.error p {}


/*========================================================================*/
/*	PAGINATION
/*	@usage div.pagination ul.pages
/*========================================================================*/
div.pagination {}
div.pagination span {display: block;}
div.pagination .pages {list-style: none;}
div.pagination .pages li {display: block; float: left; padding: 0 10px 0 0 ; margin: 0;}
div.pagination .pages .prev-link {}
div.pagination .pages .next-link {}


/*Different paginations based on ee modules*/
.eeflickr-pagination a, .eeflickr-pagination b {display: inline-block; padding: 0px 5px; border: 1px solid #777; margin: 0 2px;}
.eeflickr-pagination b {padding: 1px 6px; border: 0;}

/*========================================================================*/
/*	TABS BOX | Basic styling of tabs for jQuery UI
/*	@usage
/*========================================================================*/
.tabs-box .tabs {display: block; border-bottom: 1px solid; text-align: right; margin-bottom: 0px;}
.tabs-box .tabs,
.tabs-box li a {color: #777; border-color: #777 !important; padding: 3px 5px 1px; /*border colour bug?*/}
.tabs-box .tabs li a {display: block; border-top: 1px solid; border-left: 1px solid; border-right: 1px solid; }
.tabs-box .tabs li.ui-tabs-selected a {margin-bottom: -1px; background: white;}
.tabs-box .ui-tabs-panel {padding: 0 0 0 0;}

.tabs-box .ui-tabs-panel {background: white;}
.tabs-box .ui-tabs-nav li {margin:0 0.2em 0 0;}
	
/*========================================================================*/
/*	SEARCH-BOX
/*	@usage div.search-box
/*========================================================================*/
.search-box input.submit {background:#efefef; height: 22px; position:relative; top: 1px;}
.search-box input.text-input {height: 15px;}


/*========================================================================*/
/*========================================================================*/
/*========================================================================*/

/*							       TEMPLATES
						:: page specific CSS styling ::
					   :: think before you class-ify ::
						
/*========================================================================*/
/*========================================================================*/
/*========================================================================*/
body {background:url("/default/theme/images/header.jpg") repeat-x #e1e1e1; }
#header {height:174px;}
#main {background:#030076 url("/default/theme/images/content_bg.jpg"); background-repeat:repeat-x; margin-bottom:20px; padding:20px 0 20px 0; position:relative;}
#container {position:relative;} 
.topr {background:url("/default/theme/images/topr.jpg") no-repeat; position:absolute; top:0; right:0; z-index:10; height:10px; width:10px;}
.topl {background:url("/default/theme/images/topl.jpg") no-repeat; position:absolute; top:0; left:0; z-index:10; height:10px; width:10px;}
.bottoml {background:url("/default/theme/images/bottoml.jpg") no-repeat; position:absolute; bottom:0; left:0; z-index:10; height:10px; width:10px; padding:0; margin:0;}
.bottomr {background:url("/default/theme/images/bottomr.jpg") no-repeat; position:absolute; bottom:0; right:0; z-index:10; height:10px; width:10px;}

.*bottoml {background:none;}

.product_box {margin:10px; position:relative;}
.product_box h3 {text-align:center; height:40px; margin-bottom:10px; padding-top:10px; border-bottom:2px solid #5856e8; font-weight:normal; text-transform:uppercase;}
.product_box .info {background:#083dac; color:#fff; padding:10px; position:relative; height:270px; text-align:center;}
.product_box a {margin:10px 0 10px 0; text-transform:uppercase; font-size:12px; text-decoration:underline; color:#fff;}
.product_box a:hover {color:#d14b02;}

.service_box {margin:20px 0 10px 80px; padding:10px; background:#083dac; width:780px; position:relative;}
.stopl { position:absolute; top:0; left:0; height:10px; width:10px; background:url("/default/theme/images/serv.jpg") top left;}
.stopr { position:absolute; top:0; right:0; height:10px; width:10px; background:url("/default/theme/images/serv.jpg") top right;}
.sbottoml { position:absolute; bottom:0; left:0; height:10px; width:10px; background:url("/default/theme/images/serv.jpg") bottom left;}
.sbottomr { position:absolute; bottom:0; right:0; height:10px; width:10px; background:url("/default/theme/images/serv.jpg") bottom right;}
.service_box h3 {text-align:center; padding-top:10px; border-bottom:2px solid #5856e8; font-weight:normal; text-transform:uppercase;}
.service_box .info {color:#fff; line-height:1.5;}

#footerlinks {background:#ca4902; font-size:15px; line-height:1.5;}
#footerlinks a {color:#fff;}
#footerlinks a:hover {color:#030076;}
.col {background:#ca4902 url("/default/theme/images/col_bg.jpg") no-repeat; margin:10px; color:#DBDBDB;}
.col h2 { color:#DBDBDB;}
.col_left {float:left;}
.col_right {float:left; padding-top:10px;}

#nav {position:relative;}
#primary-search {position: absolute; top: 1px; right: 2px;}

#footer {background:#100d84;}
#footer p {text-align:center;}

.static_image { background:#083dac; padding:10px; margin:30px 0 0 20px;}
.static_image2 { background:#083dac; padding:10px; margin:20px 0 0 20px;}
.static_image li {margin-bottom:10px;}

.image-wrap {position:relative; margin-bottom:10px; z-index:1; width: 460px;}

.product-image {z-index: 50; position:relative; }

.nobul { list-style:none;}
.caption 	{padding:5px;
	background-color: #D04D07;
}
	
/*========================================================================*/
/*	BLOG / INDEX
/*========================================================================*/
#blog .article {}

/*========================================================================*/
/*	NEWS / INDEX
/*========================================================================*/
#news .article {}

/*========================================================================*/
/*	GALLERY / INDEX
/*========================================================================*/


/*========================================================================*/
/*	GALLERY / ALBUM
/*========================================================================*/
#gallery .pagination {text-align: center;}
#gallery .pagination .pages {margin: 0 auto; height: 25px; width: 72px;}
#gallery .pagination .pages li {padding: 0 5px;}