/* Style Reset */
* {
    padding:0;
    margin:0;
    outline:0;
}
.cl {
    font-size:0;
    line-height:0;
    height:0;
    display:block;
    clear:both;
}

h1,h2,h3,h4,h5,h6{font-size:100%; letter-spacing:-0.01em; display:block; font-weight:bold; color:#222;}
h1{display:block; font-size:270%; letter-spacing:-0.03em; font-weight:normal; padding-bottom:7px; margin:0px 0 15px 0; color:#222; position:relative; z-index:10;}
	body.home h1{color:#fff; font-size:250%;}
h2{display:block; font-size:150%; margin:15px 0 12px 0; color:#222;}
h3{display:block; font-size:110%; padding-bottom:4px; margin:12px 0 0 0; }
h4{margin:10px 0 5px 0;}
h5,h6{font-size:90%; font-style:normal; font-weight:normal;}



/* Isolated Color Section (just font theme colors - no bg colors - no neutral colors) */
/* To make customizing the theme colors a bit easier, I've isolated all the font-color rules here. No other styling, just the font colors. */
/* All other theme colors (graphics, bgs, etc.) are controlled by images inside the /css/images/ folder. */
#navigation li a:hover,#navigation li.active a{color:#006aa7; }
#navigation li a.green{color:#1bb2dd !important; }
#navigation li.login a{color:#1bb2dd !important; }
#sub-nav li a{color:#bfdced;}

a{ color:#006aa7; }
a:hover{ color:#111; }

.green{color:#1bb2dd; }
h4{color:#006aa7; }
.heading h2 span{color:#006aa7; }
.frame #header h3{color:#bfdced; }
.buttons a:hover{color: #bfdced }
#footer ul a:hover{ color:#bfdced; }



/* Main Section */
body{
	background:url(images/header.gif) repeat-x 0 0; 
    background-color:#fff ;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, "lucida sans",arial, sans-serif;
    color:#666;
    font-size:12px;
    line-height:18px;
}
body.home{background:url(images/header2.gif) repeat-x; background-color:#fff;}
a{text-decoration: none; }
a img{border:0; }
.shell{width:950px; margin:0 auto; }


/* Header */
#header{height:116px; position:relative; }
.frame #header{height:328px;}
.frame #header .slogan {background:url(images/creatica.jpg) no-repeat right 0; width:950px; height:192px; margin-top:-15px; padding-top:53px; position:relative; padding-left:9px; }

#header ul#prods{ margin:0 15px 15px 35px; list-style-type:circle; font-size:130%;  color:#fff;}
#header ul#prods li{ margin:0 0 7px 0; list-style-type:circle; color:#fff;}
#header ul#prods li a{ color:#fff; font-weight:bold;}

#prodList{width:400px; float:left; position:absolute;}

#header ul#portfolio{background:url(images/creatica.jpg) no-repeat right 0; width:460px; height:247px; overflow:hidden; display:block; position:absolute!important; top:0!important; right:0; list-style-type:none; margin:0; padding:0;}
#header ul#portfolio li a{width:333px; height:210px; margin:12px 0 50px 64px; background-color:#000; display:block; overflow:hidden;}
#header ul#portfolio li{list-style-type:none; margin:0 0 30px 0; padding:0; display:block;}

.frame #header h2{font-size: 22px; line-height:29px; color:#fff; text-transform: uppercase; width:500px; height:40px; overflow:hidden;  position:relative; text-align: left; font-weight: bold;}
.frame #header h3{font-size: 20px; width:420px; color:#efefef; line-height:20px; font-weight: bold!important; position:relative; text-align: left;}
.frame #header h3 a{color:#fff; text-decoration:underline;}
.frame #header p#logo a{background:url(images/logo2.gif); height:96px}
.frame #header p#logo {padding-top:0;}

p#logo{
	background-image: none;
	font-size: 0;
	line-height:0;
	width:218px;
	height:96px;
	padding-top:0px;
	float: left;
	display: inline;
}
p#logo a{
	display: block;
	text-indent: -4000px;
	height:96px;
	background:url(images/logo.gif);
}

body#mastercap p#logo a{
	display: block;
	text-indent: -4000px;
	height:96px;
	background:url(images/logo_mastercap.gif);
}

h3{font-size: 15px; }
h4{font-size: 12px;}
#right-area{margin:0 0 0 auto;}


/* Navigation */
#navigation{height:44px;background:url(images/brd.gif) no-repeat 0 8px; float: right; display: block; padding-top:14px; padding-left:8px;  }
#navigation ul{list-style-type: none; font-size:15px;height:44px;}
#navigation li{float: left; display: inline;}
#navigation li a{font-size: 0.8em; float: left; display: inline; line-height:15px; height:32px; text-transform: uppercase; font-weight: bold; text-align: center; color:#252525; padding:0 7px; padding-top:12px; font-family:Helvetica, Arial, sans-serif; width: auto;}
#navigation li a:hover{text-decoration: none; }
#navigation li:hover{ }

#navigation li.active a{text-decoration: none;}
#navigation li.active{ }
#navigation li.login a{padding-right:0!important;}

/* #navigation li a.home{width:40px;} USED IN THE SIFR VERSION
#navigation li a.about{width:50px;}
#navigation li a.services{width:67px;}
#navigation li a.media{width:44px;}
#navigation li a.blog{width:38px;} */

.login{float: left; display: inline; background:url(images/brd.gif) no-repeat 0 0; padding-left:2px; margin: 0 6px; }

#sub-nav{ margin:0 0 0 260px; width:700px; position:relative; color:#fff; text-transform:uppercase;}
#sub-nav ul{line-height:12px; font-size: 11px; text-align: left; margin-right:8px;}
#sub-nav li{ display:inline; padding-top:20px; padding-left:15px; }
#sub-nav li a{ font-family:Helvetica, Arial, sans-serif; text-transform: uppercase; font-weight: bold; }
#sub-nav li a:hover{ color:#fcfcfd; }
#sub-nav li.active a{ color:#fcfcfd; }

#sub-nav ul ul{line-height:10px; font-size: 10px; text-align: left; margin-right:8px;}
#sub-nav ul ul li{padding:6px 9px;}
#sub-nav ul ul li a{font-weight:normal;}

/* Main Content */
#content{}

.heading{ height:50px; padding-left:17px; padding-top:19px; background:url(images/bg.gif) repeat-x 0 0; }
.heading h2{ 
	text-transform: uppercase; 
	font-size: 24px; 
	font-weight: normal; 
	float: left; 
	display: inline; 
	color:#2e2e2e; 
	line-height:24px; 
	width:400px; 
	padding-top:10px;
}
	
.heading h3{font-weight: bold; color:#fff; width:470px; float: left; display: inline; text-align: left; line-height:10px; top:-8px; position:relative; text-transform:none;  }
.heading h3 span {display:block; position:relative; width:470px; font-size: 1.5em; line-height:16px; padding-left:9px;  }



.heading h3 {text-transform: none; height: 25px; font-size: 1.3em; font-weight:normal; letter-spacing: 0px; }
.heading h3 span { font-size:18px; font-style: italic; line-height:28px;  height: 25px; padding-left: 4px;}
.heading h3.right{float:right; }

#main{background:url(images/main.gif) no-repeat; padding-top:27px; position:relative;}
body.home #main{background:none; background-color:transparent; padding-top:10px; position:relative;}

/* Left Column */
.article{width:600px; float: left; display: inline; padding-left:9px; padding-bottom:75px;}
body.home .article{width:640px; padding-bottom:0;}
body.wide .article{width:930px; }

.article p{padding-bottom:16px}
.article h3{padding-bottom:7px; padding-top:3px; text-align: left;}
.article ul{list-style-type: none; padding-left:25px; margin-bottom:10px;}
.article li{background:url(images/bul.gif) no-repeat 0 7px; padding-left:11px; padding-bottom:8px}
.article img.topImgId{border:2px solid #ccc; float:right; margin:0 0 15px 25px; padding:4px; max-width:250px; max-height:200px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
img.fr{float:left; margin:5px 10px 20px 0;}
.article form{margin-top:15px; margin-bottom:10px; background-color:#fefefe; padding:15px 10px 0 10px; border:1px solid #eee;}
.article label{float:left; display:block; width:210px; margin-right:10px; font-weight:bold;}
.article input{padding:3px;}
.article input[type=text]{vertical-align:middle; width:275px; margin-bottom:5px; margin-right:5px; line-height:1.3em;}
.article input[type=checkbox]{vertical-align:middle; margin-bottom:5px; margin-right:5px; line-height:1.3em;}
label.error{display:block; float:left; color:red; padding:0 0 8px 0; margin-top:-5px; margin-left:220px; font-weight:normal!important; text-align:left; }
input.error,textarea.error{border:1px dotted red!important;}
textarea{margin-bottom:7px!important;}
.article .hFloat{float:left; width:300px; margin-right:20px;}
.article .hfLast{margin-right:0;}
.article .hFloat .sidebar-form .bottom{min-height:140px;}
.article .hfLast .sidebar-form .bottom{min-height:308px;}

#map{line-height:1em;}
#map p{line-height:1em;}

#accordion{clear:both; margin:15px 0;}
#accordion h4{padding:7px 30px; font-weight:bold!important;}


.prodItem{margin-bottom:0; border-top:1px dotted #ccc; padding-bottom:10px; padding-top:15px; clear:both;}
.prodItem h2{margin-top:0; padding-top:0;}
.prodItem img{float:right; margin:0 0 20px 20px; max-width:135px; }

.carouselItem{margin-bottom:10px; border-bottom:0; padding-bottom:10px; padding-top:10px; font-size:100%; display:block;}
.carouselItem h2{margin-top:0; padding-top:0;}
.carouselItem img{float:right; margin:0 0 20px 20px; display:block; clear:right; max-width:220px;}


.rImageHolder{max-height:90px; overflow:hidden; display:block; float:right; width:135px; margin:0 0 20px 20px;}
.carouselItem .rImageHolder{height:180px; overflow:hidden; display:block; float:right; width:230px; margin:0 0 20px 15px;}


.article .sidebar-form p{padding-bottom:8px!important; margin:0; line-height:15px; }

/* Gallery Specific Styles */
.gallery-container h3{padding-bottom:17px; padding-top:3px; padding-left: 6px; color:#2e2e2e; text-align: left;}
.gallery-container img{margin: 6px; padding:0px; text-align: left;}
.gallerynav {float: right; margin-top:-39px; margin-right:16px;}
.gallerynav img {margin: 0;}
.gallerynav-footer {height:51px;}

/* Blog Specific Styles */
.blogentry {margin-bottom: 40px;}
.blogentry img{padding: 0 10px;}
.blogentry .meta{background:transparent url(images/dot.gif) repeat-x scroll 0 25px;clear:both;color:#999999;font-size:10px; height:30px;}
.blognav-footer {height:51px; margin-top: -20px;}

/* Media Specific Styles */
.mediaentry {margin-bottom: 40px;}
.mediaentry h4 {margin: 10px 0;}
.mediaentry img{padding: 0 10px 10px 0px;}



.introText{font-size:110%; font-weight:normal; margin:0 0 0 0; line-height:1.4em; padding-bottom:0; height:120px; padding-top:15px;}
#introtext{font-size:110%; font-weight:bold; margin:0 0 15px 0; line-height:1.4em; padding-bottom:0; padding-top:0;}


/* Right Column */
.rightside{ width:300px; float:right; margin-top:-83px;}
body.home .rightside{ width:300px; float:right; margin-top:0;}

.rightside h3{font-size:120%;}

.rightside ul{margin-left:20px; margin-bottom:15px;}
.rightside ul li.active a{font-weight:bold;}
.rightside ul li.active ul{font-size:90%; margin-bottom:5px;}
.rightside ul li.active ul li a{font-weight:normal;}
.rightside ul li.active ul li.active a{font-weight:bold;}

.graphic{background:url(images/mid.gif) repeat-y; width:295px; margin-bottom:25px}
.graphic .top{background:url(images/top.gif) no-repeat; width:295px;}
.graphic .bottom{background:url(images/btm.gif) no-repeat 0 bottom; width:295px; padding:12px 0}
.graphic .bottom img{display: block; width:270px; margin:0 auto}

.sidebar-form{background:url(images/mid.gif) repeat-y; width:295px; margin-bottom:25px}
.sidebar-form .top{background:url(images/grey-top.gif) no-repeat; width:295px;}
.sidebar-form .bottom{background:url(images/btm.gif) no-repeat 0 bottom; width:255px; padding-left:20px; padding-right:20px; padding-bottom:10px}
.sidebar-form .bottom h2{font-weight: bold; color:#2e2e2e; line-height:16px; padding-top:12px; padding-bottom:15px; background:url(images/panel_exhibitions.gif) no-repeat; padding-left:43px; background-position:2px 1px; margin-left:-20px;}
	
	div#lastestExh .bottom h2{padding-bottom:13px;}
	div#latestNews .bottom h2{background:url(images/panel_latestNews.gif) no-repeat; background-position:2px 1px;}
	div#information .bottom h2{background:url(images/panel_information.gif) no-repeat; background-position:2px 1px;}
	div#newsLetter .bottom h2{background:url(images/panel_newsLetter.gif) no-repeat; background-position:2px 1px;}
	div#askQuestion .bottom h2{background:url(images/panel_askQuestion.gif) no-repeat; background-position:2px 1px;}
	div#pNav .bottom h2{background:url(images/panel_nav.gif) no-repeat; background-position:2px 1px;}
	
	div#lastestExh .bottom{min-height:352px;}
	div#lastestExh .post{border-bottom:solid 1px #e5e5e5; margin-bottom:14px; padding-top:4px; font-size:11px; line-height:15px; clear:both;}

.sidebar-form .bottom p.desc{padding-bottom:15px;line-height:18px; padding-top:15px}
.sidebar-form p{line-height:18px; margin-bottom:8px;}
.sidebar-form p strong{color:#000; }

.contact-form{background:url(images/mid.gif) repeat-y; width:295px; margin-bottom:25px}
.contact-form .top{background:url(images/grey-top.gif) no-repeat; width:295px;}
.contact-form .bottom{background:url(images/btm.gif) no-repeat 0 bottom; width:275px; padding-left:20px; padding-bottom:20px}
.contact-form .bottom h2{font-weight: bold; color:#2e2e2e; line-height:16px; padding-top:14px; padding-bottom:12px}
.contact-form .bottom p.desc{padding-bottom:15px;line-height:18px; padding-top:15px}
.contact-form p{line-height:18px;  }
.contact-form p strong{color:#000; }
.contact-form p span{ float:right; width:150px; background:#fff; }
.contact-form p em{font-style: normal; text-align: right; display: block; margin-top:-18px; width:155px; padding-left:91px}
 .no-border{border-bottom:none!important;}

.contact-info p { background:url(images/dot.gif) repeat-x 0 16px; min-height:20px; margin-right:5px; clear:both;}
.contact-info p strong{ float:left; }

.rightside form{margin-bottom:10px; }
.rightside label{display:none; font-weight:bold;}
.rightside input{padding:3px;  font-size:100%; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; }
.rightside input[type=text]{vertical-align:middle; margin-bottom:5px; margin-right:5px; line-height:1.3em; display:block; width:80%; float:left;}
	.rightside #askQuestion input[type=text]{vertical-align:middle; margin-bottom:5px; margin-right:5px; line-height:1.3em; display:block; width:98%; float:left;}
.rightside input[type=submit]{vertical-align:middle; margin-left:0px; margin-right:0; line-height:1.1em; padding:0;}
.rightside input[type=checkbox]{vertical-align:middle; margin-bottom:5px; margin-right:5px; line-height:1.3em;}
.rightside label.error{display:block; float:none!important; width:100%; color:red; clear:left!important; padding:0 0 8px 0; margin-left:0; margin-top:0px; font-weight:normal!important; text-align:left; position:relative; left:0;}
.rightside input.error,textarea.error{border:1px dotted red!important;}
.rightside textarea{margin-bottom:5px!important; padding:3px; height:80px; font-size:100%; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; width:98%;}



/* Bottom Image Bar */
.bottom-part{background:url(images/main.gif) no-repeat; padding-top:25px; padding-left:5px;}
.box-holder{width:941px; padding-bottom:25px; background:url(images/gradient.gif) repeat-x; }
.box-holder .top-side{background:url(images/top-side.gif) no-repeat; width:941px;}
.box-holder .btm-side{background:url(images/btm-side.gif) no-repeat 0 bottom; padding-top:4px; padding-bottom:5px; width:941px}
.box-holder .first{border-left:solid 1px #e5e5e5;width:311px}
.box-holder .last{border-left:solid 1px #e5e5e5;width:312px; border-left:solid 1px #fff}

.box{ width:309px; float: left; display: inline; border-right:solid 1px #e5e5e5; border-left:solid 1px #fff ; margin-right:1px; height:196px;}
.box a img{display: block;}
.box a {display: block; margin:0 auto; width:294px;  margin-top:8px}
.box .link{padding-left:10px;width:294px; padding-top:10px}
.box .link p{font-size: 14px; font-weight: bold; color:#343434}
.box .link a{background:url(images/arr.gif); width:20px; height:20px; float:right; display: inline; text-indent: -4000px; font-size: 0 ; line-height:0; margin:0}

.buttons{margin:0 0 0 auto; width:440px;}
.buttons .last{margin-right:0}
.buttons a{
background:transparent url(images/green-btn.gif) no-repeat scroll 0 0;
color:#FFFFFF;
display:inline;
float:left;
font-size:16px;
font-weight:bold;
height:28px;
line-height:16px;
margin-right:18px;
padding-bottom:4px;
padding-left:50px;
padding-top:12px;
text-decoration:none;
text-transform:uppercase;
width:160px;
font-family:Helvetica, Arial, sans-serif
}

.post{min-height:60px; border-bottom:solid 1px #e5e5e5; margin-bottom:4px; padding-top:4px; font-size:11px; line-height:15px; clear:both;}
.post p{ line-height:13px; color:#999; padding-top:0;}
.post img{float: left; display: inline; background:#fff; margin:0 12px 8px 0; }
.post h3{margin-top:0;}

/* Footer */
#footer{
background:url(images/ftr.gif) repeat-x; 
background-color:#024f93; 
font-size:90%; 
margin:auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

/* footer styles */
#footer{clear:both; width:930px; padding:15px!important; margin:0 auto 20px auto; color:#fff;}
#footer .shell{width:inherit;}
#footer ul li{display:block; float:left; width:166px;}
#footer p{margin:0 0 10px 0; padding-bottom:10px; padding-top:0; border-bottom:1px solid #1390c4; width:600px;}
#footer p.last{margin:0 0 0 0; padding-bottom:5px; padding-top:28px; border-bottom:0; width:570px;}
#footer a{color:#fff; font-weight:bold;}
#footer .fAddr{float:right; width:278px; border-left:1px solid #1390c4; padding-left:12px; display:block; text-align:right;}
#footer .fAddr p{width:278px; border:0; margin-bottom:7px; margin-top:0; padding:0; line-height:1.1em!important;}


/* misc styles */
.dn,.hidden,.skiplinks{display:none;}

/* tables */
table{border-top:3px solid #1dbbea; border-bottom:3px solid #1dbbea; padding:0 0 0 0; margin:10px 0 10px 0; text-align: left; }
table tr th{background-color: #aaa; color:#fff; padding:8px 16px 8px 10px; font-weight:bold; text-align:center;}
table tr .header {background-image: url(../js/themes/blue/bg.gif); background-repeat: no-repeat; background-position: center right; cursor: pointer;}
table tr td{color: #222; border-right:1px solid #fff; padding: 8px 10px 8px 10px!important; background-color:#efefee; vertical-align: middle; text-align:left; }
table tr.odd td {background-color:#fff;}
table tr.nm_row_odd td {background-color:#eee;}
table tr.fd-alt td {background-color:#f9f9f9;}
table tr.alt td {background-color:#f9f9f9;}
table tr .headerSortUp {background-image: url(../js/themes/blue/asc.gif);}
table tr .headerSortDown {background-image: url(../js/themes/blue/desc.gif);}
table tr .headerSortDown, table tr .headerSortUp {background-color:#1dbbea;}
table img{vertical-align:middle; margin:0; padding:0;}
table strong{display:block; font-weight:bold; margin:0 0 0 0; font-size:110%; padding:0;}


ul.endBar{list-style-type:none!important; margin:15px 0 0 9px!important; padding:12px 0 8px 0!important; border-top:1px dotted #ccc; clear:both; width:600px; position:absolute; bottom:15px;}
	body.wide ul.endBar{width:930px;}
ul.endBar li{list-style-type:none!important; background-image:none!important; border-right:1px solid #ccc; padding:0 10px 0 0; display:block; float:left; margin-right:15px;}
ul.endBar li.llast{border:none;}
ul.endBar li form,ul.endBar li fieldset{float:left; border:none!important; clear:none; margin:0!important; padding:0!important; display:inline;}
.endBar form{ }
.endBar label{}
.endBar input{padding:1px 2px;  font-size:90%; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; }
.endBar input[type=text]{vertical-align:middle; margin-bottom:0; margin-right:5px; line-height:1.3em; display:block; width:120px; float:left;}
.endBar input[type=submit]{vertical-align:middle; padding:0; margin-left:0px; margin-right:0; line-height:1em; font-size:80%; vertical-align:bottom; padding:0; float:left;}
.endBar input[type=checkbox]{vertical-align:middle; margin-bottom:5px; margin-right:5px; line-height:1.3em;}
.endBar label.error{display:block; float:none!important; width:100%; color:red; clear:left!important; padding:0 0 8px 0; margin-left:0; margin-top:0px; font-weight:normal!important; text-align:left; position:relative; left:0;}
.endBar input.error,textarea.error{border:1px dotted red!important;}
.endBar textarea{margin-bottom:5px!important; padding:3px; height:80px; font-size:100%; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; width:98%;}


#ditto_pages .panelLeft {float:left; display:block; width:200px;}
#ditto_pages .panelRight{float:right;}


hr{margin:10px 0; color:#ddd!important; background-color:#ddd!important; border:0; height:1px; line-height:1px;}

#tabs{font-size:100%; clear:both; background:url(images/gradient.jpg) repeat-x; background-color:#fff; background-position:0 0;}
#tabs ul{margin:0; list-style-type:none; padding:0; }
#tabs ul li{list-style-type:none; font-size:90%;} 
#tabs img{max-width:150px; float:right; max-height:100px;}
#tabs div{min-height:110px; }
#tabs div a{ color:#006aa7; }
#tabs div a:hover{ color:#111; }
#tabs div p{line-height:15px;}


#accordion{clear:both;}
#accordion div{ background:url(images/gradient.jpg) repeat-x; background-color:#fff; background-position:0 10px;}
#accordion div a{ color:#006aa7; }
#accordion div a:hover{ color:#111; }
#accordion img{max-width:150px; max-height:120px; float:right;}

#at15s_head,#at16pf{display:none!important;}
a.addthis_button img{margin-top:0px;}

#thumbGallery{float:right;}
#thumbGallery img{margin:0 0 2px 20px;}
#thumbGallery div.forMore{clear:right; float:none; background-color:#bbb; color:#fff; padding:4px; display:block; margin-bottom:15px; margin-left:20px; font-size:80%; text-align:center; margin-top:5px;}