/*****CSS RESET*****/


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; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
img { border: none; }
.clear {clear: both;}


/*****BODY STYLES*****/


body { background: url(../images/bg-gradient.gif) repeat-x top left #e1e1e1; font-family: Arial, Helvetica, sans-serif; }

#mainContainer { width: 980px; margin: 0 auto; padding: 0; background: #f7f7f7; }

#header { width: 980px; height: 90px; margin: 0; padding: 0; background: #fff; }

#logo { width: 365px; height: 90px; margin: 0; padding: 0; float:left; }

a { color: #4b90cd; }
a:hover { color: #636363; }
h1 { margin: 0 0 10px 0; padding: 0 0 0 0; font-size: 1.4em; line-height: 1.2em; font-weight: normal; color: #4b90cd; }
h2, h3 { margin: 0 0 10px 0; padding: 0 0 0 0; font-size: 1.1em; line-height: 1.2em; font-weight: normal; color: #576a78; }
h4 { margin: 0 0 10px 0; padding: 0 0 0 0; font-size: .9em; line-height: 1.2em; font-weight: bold; color: #636363; }
p, #content ul { font-size: .8em; line-height: 1.4em; color: #636363; }

hr { border-top: none; border-right: none; border-left: none; border-bottom: 1px solid #ccc; }

table { width: 300px; border-left: 1px solid #fff; border-top: 1px solid #fff; margin: 0 0 10px 0; }
th { background: #898888; padding: 5px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; font-size: 1em; color: #fff; }
td { background: #fff; padding: 5px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; font-size: 1em; color: #636363; }
td.grey { background: #bcbcbc; }

/*****NAV STYLES*****/

ul#headNav { width: 100px; height: 23px; float:right; }
ul#headNav li { margin: 0; padding: 10px 0 0 0; height: 23px; list-style: none; float: left; }
ul#headNav li a { height: 20px; margin:0 0 0 0; padding: 3px 0 0 15px; font-size: .8em; line-height: 1.2em; color: #4b90cd; text-decoration: none; display: block; float:left; }
ul#headNav li a:hover { color: #636363; }
ul#headNav li a.selected { color: #636363; }


ul#mainNav { background: #4b90cd; width: 980px; height: 23px; }
ul#mainNav li { margin: 0; padding: 0; height: 23px; list-style: none; float: left; border-right: 1px solid #9ec3e4; }
ul#mainNav li.last { border-right: none; }
ul#mainNav li a { height: 20px; margin:0 0 0 0; padding: 3px 39px 0 39px; font-size: .8em; line-height: 1.2em; color: #fff; text-decoration: none; display: block; float:left; }
ul#mainNav li.last a { padding: 3px 43px 0 43px; }
ul#mainNav li a:hover { background: #c9def0; color: #3f7cb1; }
ul#mainNav li a.selected { background: #c9def0; color: #3f7cb1; }

ul#topLink { margin: 0; padding: 0; }
ul#topLink li { margin: 0; padding: 0; }
ul#topLink li a { margin: 0; padding: 5px 30px 0 15px; height: 20px; width: 265px; display: block; background: url(../images/arrow-blue.gif) no-repeat top right #4b90cd; border-bottom: 1px solid #fff; font-size: .8em; line-height:1.2em; color: #fff; text-decoration: none; }
ul#topLink li a:hover { background: url(../images/arrow-grey.gif) no-repeat top right #bcbcbc; }

ul#homeNav { margin: 0; padding: 0; }
ul#homeNav li { margin: 0; padding: 0; }
ul#homeNav li a { margin: 0; padding: 5px 30px 0 15px; height: 20px; width: 265px; display: block; background: url(../images/arrow-blue.gif) no-repeat top right #4b90cd; border-bottom: 1px solid #fff; font-size: .8em; line-height:1.2em; color: #fff; text-decoration: none; }
ul#homeNav li a:hover { background: url(../images/arrow-grey.gif) no-repeat top right #bcbcbc; }
ul#homeNav li a.selected { background: url(../images/arrow-blue.gif) no-repeat top right #4b90cd;}

ul#leftnav { margin: 0; padding: 0; }
ul#leftnav li { margin: 0; padding: 0; }
ul#leftnav li a { margin: 0; padding: 4px 30px 5px 15px; /*height: 21px;*/ width: 135px; display: block; background: url(../images/arrow-grey.gif) no-repeat top right #bcbcbc; border-bottom: 1px solid #fff; font-size: .8em; line-height:1.2em; color: #fff; text-decoration: none; }
ul#leftnav li a:hover { background: url(../images/arrow-blue.gif) no-repeat top right #4b90cd; }
ul#leftnav li a.selected { background: url(../images/arrow-darkgrey.gif) no-repeat top right #898888;}

ul#leftnav li ul li a { margin: 0; padding: 4px 30px 5px 15px; /*height: 21px;*/ width: 135px; display: block; background: url(../images/arrow-light-blue.gif) no-repeat top right #a1c5e5; border-bottom: 1px solid #fff; font-size: .8em; line-height:1.2em; color: #fff; text-decoration: none; }
ul#leftnav li ul li a:hover { background: url(../images/arrow-blue.gif) no-repeat top right #4b90cd; }
ul#leftnav li ul li a.selected { background: url(../images/arrow-darkgrey.gif) no-repeat top right #898888;}


/*****FOOTER STYLES*****/


ul#footerNav { background: #f7f7f7; width: 975px; height: 23px; clear:both; padding: 0 0 0 5px; }
ul#footerNav li { margin: 0; padding: 5px 0 0 10px; height: 23px; list-style: none; float: left; font-size: .7em; line-height: 1.2em; color: #636363;}
ul#footerNav li a { height: 18px; margin: 0 0 0 0; padding: 0;  text-decoration: none; display: block; float:left; color: #636363; }
ul#footerNav li a:hover { color: #3f7cb1; }
ul#footerNav li a.selected { color: #3f7cb1; }


/*****BANNER STYLES*****/


#banner { width: 760px; margin: 2px 0 0 0; padding: 0; }


/*****HOME PAGE STYLES*****/


#homeLeft { width: 310px; margin: 0; padding: 2px 0 0 0; float: left; }

#top { width: 310px; height: 122px; background: url(../images/side-home-left.jpg) no-repeat top left #fff; padding: 0; }
#top p { width: 270px; margin: 0; padding: 20px 0 0 20px; font-size: 1em; line-height: 1.4em; color: #fff; font-weight: bold; }

#homeRight { width: 670px; margin: 0; padding: 2px 0 0 0; float: left; }


/*****CONTENT STYLES*****/


#left { width: 180px; margin: 0; padding: 2px 0 0 0; float: left; }

#right { width: 785px; margin: 0; padding: 2px 0 15px 15px; float: left; }


#content { padding: 15px 15px 0 0; width: 545px; float: left; }
#content p, #contentFull p { margin: 0 0 10px 0; padding: 0; }
#content ul, #contentFull ul { margin: 0 0 10px 0; padding: 0 0 0 20px; list-style: disc; }
#contentFull { padding: 15px 15px 0 0; width: 550px; float: left; }

#side { width: 224px; padding: 0; margin: 0; float: left; }

#content img.left { float: left; margin: 0 10px 10px 0; }
#content img.right { float: right; margin: 0 0 10px 10px; }

/*****PANEL STYLES*****/


.panelHome { width: 334px; height: 147px; float: left; margin: 0 0 0 0; padding: 0 0 8px 1px; display:block;}
.panelHome .text { width: 240px; height: 121px; margin: 0; padding: 0 80px 0 15px; }
.panelHome .text p { margin: 0; padding: 0; font-size: .9em; line-height: 1.2em; font-weight: bold; color: #fff; }

.panelHome p.link a { margin: 0; padding: 4px 30px 0 15px; height: 21px; width: 289px; display: block; background: url(../images/arrow-blue.gif) no-repeat top right #4b90cd; border-bottom: 1px solid #fff; line-height:1.2em; color: #fff; text-decoration: none; }
.panelHome p.link a:hover { background: url(../images/arrow-grey.gif) no-repeat top right #999; color: #fff; }

.panelHome .text.toppad1 { padding-right: 0; padding-top: 15px; height: 108px; }
.panelHome .text.toppad2 { width:200px; padding-top: 82px; height: 41px; }
.panelHome .text.toppad3 { padding-top: 83px; height: 40px; }
.panelHome .text.toppad4 { width: 159px; padding-top: 65px; height: 58px; }

.panelContact { width: 222px; float: left; margin: 0 0 8px 0; padding: 0 0 5px 1px; display:block; border: 1px solid #d7d7d9; }
.panelContact .text { width: 185px; margin: 0; padding: 20px 0 0 10px; }
.panelContact .text p { margin: 0 0 10px 0; padding: 0; font-size: .8em; line-height: 1.4em; font-weight: bold; color: #8a8a8a; }
.panelContact .text p a { color: #4b90cd; }

.panelaward { width: 222px; float: left; margin: 0 0 8px 0; padding: 0 0 5px 1px; display:block; border: 1px solid #d7d7d9; }
.panelaward .text { width: 212px; margin: 0; padding: 10px 0 0 10px; }
.panelaward .text p { margin: 0 0 10px 0; padding: 0; font-size: .8em; line-height: 1.4em; font-weight: bold; color: #8a8a8a; }
.panelaward .text p a { color: #4b90cd; }

.panelPoll { width: 222px; float: left; margin: 0 0 8px 0; padding: 0 0 5px 1px; display:block; border: 1px solid #d7d7d9; }
.panelPoll .text { width: 222px; margin: 0; padding: 20px 0 0 10px; }
.panelPoll .text p { margin: 0 0 10px 0; padding: 0; font-size: .8em; line-height: 1.4em; font-weight: bold; color: #8a8a8a; }
.panelPoll .text p a { color: #4b90cd; }

.panel { width: 224px; /*height: 148px;*/ float: left; margin: 0 0 0 0; padding: 0 0 8px 1px; display:block;}
.panel .text { width: 129px; height: 123px; margin: 0; padding: 0 80px 0 15px; }
.panel .text p { margin: 0; padding: 0; font-size: .9em; line-height: 1.2em; font-weight: bold; color: #8a8a8a; }

.panel .text.toppad1 { width: 159px; padding-right: 50px; padding-top: 82px; height: 41px; }
.panel .text.toppad2 { padding-top: 48px; height: 75px; }
.panel .text.toppad3 { padding-top: 30px; height: 93px; }
.panel .text.toppad4 { width: 159px; padding-right: 50px; padding-top: 83px; height: 40px; }
.panel .text.people { padding-top: 65px; height: 58px; }
.panel .text.services { padding-top: 30px; height: 93px; }
.panel .text.distribution { padding-top: 47px; height: 76px; }
.panel .text.prospectuses { padding-top: 30px; height: 93px; }
.panel .text.research { padding-top: 10px; height: 113px; }
.panel .text.contact { padding-top: 30px; height: 93px; }
.panel .text.news { padding-top: 30px; height: 93px; }
.panel .text.awards { padding-top: 30px; height: 93px; }
.panel .text.courses { padding-top: 30px; height: 93px; }


.panel p.link a, .panelContact p.link a { margin: 0; padding: 4px 30px 6px 15px; width: 179px; display: block; background: url(../images/arrow-blue.gif) no-repeat top right #4b90cd; border-bottom: 1px solid #fff; line-height:1.2em; color: #fff; text-decoration: none; }
.panel p.link a:hover, .panelContact p.link a:hover { background: url(../images/arrow-grey.gif) no-repeat top right #999; color: #fff; }

.panel-image1 { background: url(../images/teasers-home-about.jpg) no-repeat top right; }
.panel-image2 { background: url(../images/teasers-home-services.jpg) no-repeat top right; }
.panel-image3 { background: url(../images/teasers-home-product.jpg) no-repeat top right; }
.panel-image4 { background: url(../images/teasers-home-showreel.jpg) no-repeat top right; }
.panel-image5 { background: url(../images/thumb-image5.jpg) no-repeat top right; }
.panel-image6 { background: url(../images/thumb-image6.jpg) no-repeat top right; }
.panel-contact { background: url(../images/side-contact.gif) no-repeat top right; }

panelPoll .text #SnapPoll table {
width:222px;
}

/*****FORM STYLES*****/


form.ddfm h1, form.ddfm h2 { color: #606060; }
form.ddfm legend, form.ddfm label, form.ddfm label.fmtextlblwide { color: #636363; }
form.ddfm .fmcheck p, form.ddfm .fmradio p, form.ddfm textarea, form.ddfm .fmfullblock, form.ddfm .fmhalfblock, form.ddfm .fmselect, form.ddfm input.fmtext, form.ddfm input.fmdate, form.ddfm input.fmverify, form.ddfm textarea.fmtextwide, form.ddfm .submit, form.ddfm .credits {	color: #404040; }
form.ddfm .required { color: #ee3a43; }
.ddfmerrors { color: #ee3a43; }


/* TEXT CSS */


.ddfmwrap { font-size: 90%;	font-family: Arial, Helvetica, sans-serif; }
form.ddfm h1, form.ddfm h2 { font-family: Arial, Helvetica, sans-serif;	text-align: left; margin: 0 0 10px 0; padding: 0; }
form.ddfm h1 { font-size: 140%; }
form.ddfm h2 { font-size: 115%; }
form.ddfm legend, form.ddfm label, form.ddfm label.fmtextlblwide { font-size: 100%; font-weight: bold; }
form.ddfm .credits { font-size: 90%; }
form.ddfm legend { font-size: 110%; }
.ddfmerrors { font-weight: bold; }


/* STRUCTURE CSS */


.ddfmwrap { margin: 15px 0 15px 0; width: 300px; }
.ddfmwrap p.fieldwrap { padding: 1px; margin: 1px; clear: left; }
form.ddfm { text-align: left; padding: 10px; width: 300px; }
form.ddfm fieldset { padding: 0 10px 2px 10px; margin: 0 0 13px 0; display: block; }
form.ddfm legend { padding: 0 6px 0 6px; margin: 0 0 0 10px; }
form.ddfm label { display: block; float: left; width: 26%; text-align: right; margin: 0 10px 0 0; padding-bottom: 15px; clear: left; }
form.ddfm label.fmtextlblwide { display: block; float: left; text-align: left; margin: 0 10px 0 1px; padding-bottom: 8px; width: 100%; }
form.ddfm select.fmselect { float: left; display: block; width: 65%; margin-bottom: 15px; padding: 3px; }
form.ddfm .fmcheck { width: 65%; float: left; display: block; margin-bottom: 15px; }
form.ddfm .fmchecklabel { display: inline; float: none; clear: none; text-align: left; margin: 0; padding: 0; }
form.ddfm .fmradio { width: 65%; float: left; display: block; margin-bottom: 15px; }
form.ddfm .fmradiolabel { display: inline; float: none; clear: none; text-align: left; margin: 0; padding: 0; }
form.ddfm .fmcheck p { padding: 0; margin: 0 0 5px 0; line-height: 140%; }
form.ddfm .fmradio p { padding: 0; margin: 0 0 5px 0; line-height: 140%; }
form.ddfm textarea { float: left; position: relative; width: 65%; margin-bottom: 15px; padding: 3px; }
form.ddfm .fmfullblock { padding-left: 0px; float: left; width: 100%; margin-bottom: 13px; display: block; }
form.ddfm .fmhalfblock { width: 65%; padding-left: 29%; margin-bottom: 13px; float: left; display: block; }
form.ddfm input.fmverify { float: left; width: 22%; margin-bottom: 15px; padding: 3px; position: relative; display: block; }
form.ddfm img { margin: 1px 0 0 10px; float: left; }
form.ddfm input.fmfile, form.ddfm input.fmtext { float: left; display: block; width: 65%; margin-bottom: 15px; padding: 3px; }
form.ddfm input.fmdate { float: left; display: block; width: 35%; margin-bottom: 15px; padding: 3px; }
form.ddfm textarea.fmtextwide { display: block; float: left; width: 93%; margin-right: 2px; margin-bottom: 15px; padding: 3px; }
form.ddfm .credits { text-align: right; margin-top: 7px; width: 97%; }
form.ddfm .submit { text-align: right; clear: both; width: 97%; }
.ddfmwrap .ddfmerrors { display: block; float: left; width: 27%; text-align: right; margin: 0 10px 0 0; padding-bottom: 15px; }
.ddfmwrap .errorlist { float: left; display: block; width: 65%; margin-bottom: 15px; padding: 3px; text-align: left; }
.ddfmwrap .recaptcha { width: 100%; text-align: right; clear: both; height: 120px; margin-right: 7px; padding-bottom: 10px; }
.ddfmwrap .recaptcha-inner { float: right; margin-right: 3px; }


/*****ACCORDION STYLES*****/


.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* Component containers
----------------------------------*/
.ui-widget { /*font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em;*/ }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { /*font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em;*/ }
.ui-widget-content { /*border: 1px solid #dddddd; background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333;*/ }
.ui-widget-content a { color: #333333; }
.ui-widget-header { /*border: 1px solid #e78f08; background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold;*/ }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { /*border: 1px solid #cccccc; background: #fff url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x*/; /*font-weight: bold; color: #1c94c4;*/ outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #4b90cd; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { /*border: 1px solid #fbcb09; background: #fff url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x*/; /*font-weight: bold;*/ color: #636363; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { /*border: 1px solid #fbd850; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00;*/ outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fed22f; background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #ffffff; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 18px; height: 15px; background-image: url(../images/profile-icon.gif); }
.ui-widget-content .ui-icon {background-image: url(../images/profile-icon.gif); }
.ui-widget-header .ui-icon {background-image: url(../images/profile-icon.gif); }
.ui-state-default .ui-icon { background-image: url(../images/profile-icon.gif); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../images/profile-icon.gif); }
.ui-state-active .ui-icon {background-image: url(../images/profile-icon.gif); }
.ui-state-highlight .ui-icon {background-image: url(../images/profile-icon.gif); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../images/profile-icon.gif); }

/* positioning */
.ui-icon-profile-blue { background-position: 0 0; }
.ui-icon-profile-red { background-position: -18px 0; }

/* Overlays 
.ui-widget-overlay { background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; }
*/
/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; /*font-size: 1em;*/ padding: 0 5px 5px 23px; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: 0; top: 0; /*margin-top: -8px;*/ }
.ui-accordion .ui-accordion-content { padding: 10px 23px; border-top: 0; margin-top: 0; position: relative; top: 1px; margin-bottom: 15px; height:280px; display: none; }
.ui-accordion .ui-accordion-content-active { display: block; }

.ui-accordion h3 { margin: 0 0 0 0; padding: 0 0 0 0; font-size: .9em; line-height: 1.2em; font-weight: bold; color: #4b90cd; }