/* RESET
   ----------------------------------------------------*/

@font-face { font-family:Rockwell; src:url(http://www.websitedesign.in/designers/ac/ROCK.TTF); } 


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, img
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

td { border: solid #494949 1px }

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: underline;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* GENERIC
   ----------------------------------------------------*/

body { font-family: Arial, Helvetica, sans-serif; color: #404040; margin: 0px; padding: 0px; background-color: #e7e7e8; text-align: left }

.main-wrapper { width: 885px; margin: 0px auto; background: url(../images/page-bg.jpg) repeat-y }

.mainframe { width: 849px; margin: 0px auto }

.clear { clear: both }

.clearleft { clear: left }


/* TOP
   ----------------------------------------------------*/

.logo-box { padding: 25px 38px 0 0; background: url(../images/logo-bg.jpg) no-repeat; height: 47px; text-align: right }

.logo-box img { border: none }

.navbar { background-color: #f58833; height: 22px; text-align: right; padding-right: 20px; color: #f9ba64; font: 75%/150% Rockwell; font-weight:bold; overflow: hidden; width:}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.navbar { background-color: #f58833; height: 22px; text-align: right; padding-right: 20px; color: #f9ba64; font: 75%/150% Rockwell; overflow: hidden; }
}

.navbar li {list-style: none; padding: 0 0 18px 5px; margin-right: 6px; display: inline }

.navbar li a {text-decoration: none; color: #f9ba64}

.navbar li a:hover {color: #fff; text-decoration: none}




/* HEADER
   ----------------------------------------------------*/

.header { padding: 16px 0 21px 0; background: url(../images/header-bg.jpg) repeat-x; height: 179px; position:relative }

.servicesheader { padding: 16px 0 17px 0; background: url(../images/subpage-header-bg.jpg) repeat-x; height: 91px }

.servicesheader2 { padding: 16px 0 18px 0; background: url(../images/subpage-header-bg2.jpg) repeat-x; height: 58px }


/* HOME CONTENT
   ----------------------------------------------------*/

.homecontent { padding: 25px 18px 45px 18px; background: url(../images/home-content-bg.jpg) no-repeat; height: 200px; width: 835px; margin: 0px auto; }

.hc1 { width: 425px; float: left; margin-right: 50px; font: 11px/13px Arial; }
.hc1_1 { width: 425px; float: left; margin-right: 25px; font: 11px/13px Arial; }
.hc_1 { width: 550px; float: left; margin-right: 50px; font: 11px/13px Arial; }

.hc2 { width: 150px; float: left; margin-right: 18px; font: 11px/20px Arial, Rockwell; color: #7c7c7c  }
.hc2_1 { width: 150px; float: left; margin-right: 12px; font: 11px/20px Arial, Rockwell; color: #7c7c7c  }

.hc22 { width: 150px; float: left; margin-right: 18px; font: 11px/20px Rockwell; color: #7c7c7c  }

.hc3 { width: 180px; float: left; margin-right: 0px; font: 11px/20px Arial, Rockwell; color:#7c7c7c  }
.hc3 a{text-decoration:none;color: #7c7c7c;}

.hc3-1 { width: 180px; float: left; margin-right: 0px; font:bold 11px/20px Arial, Rockwell; color:#000  }
.hc3-1 a{text-decoration:none;color: #000;}

.hc3_1 { width: 215px; float: left; margin-right: 0px; font: 11px/20px Arial, Rockwell; color:#7c7c7c  }
.hc3_1 a{text-decoration:none;color: #7c7c7c;}

.hc4 { width: 425px; float: left; margin-right: 32px; font: 11px/13px Rockwell; }

.hc5 { width: 180px; float: left; margin-right: 0px; font: 11px/20px Rockwell; color:#7c7c7c; border-left: dotted #d1d2d4 2px; padding-left: 13px; }

.hc5 a:hover, .hc22 a:hover{ color: #f6a01b; text-decoration: underline }

.hc5 a.selected, .hc22 a.selected { color: #f6a01b; text-decoration: underline }

.hcright{
	float: right;
}
.hcclear {
	clear: both;
}


.yellow { color: #f6a01b; font-family: Rockwell; font-weight: bold }

.yellowsmall { color: #f6a01b; font-family: Rockwell; font-size: 12px  }

.yellow2 { color: #f6a01b; font-family: Arial; font-weight: bold }

.yellowbig { color: #f6a01b; font-family: Rockwell;  font-size: 16px }

.yellowbigger { color: #f6a01b; font-family: Rockwell;  font-size: 26px }

.yellowbig2 { color: #f6a01b; font-family: Arial;  font-size: 16px }

.yellowbig3 { color: #f6a01b; font-family: Arial;  font-size: 14px }

.yellowbigger2 { color: #f6a01b; font-family: Arial;  font-size: 26px }



/* INNER CONTENT
   ----------------------------------------------------*/
.innercontenttitle { padding: 10px 12px 10px 12px; font: 15px/17px Rockwell; width: 825px; margin: 0px auto; color: #7c7c7c;  }

@media screen and (-webkit-min-device-pixel-ratio:0) {
.innercontenttitle { padding: 10px 12px 10px 12px; font: 15px/17px Rockwell; width: 825px; margin: 0px auto; color: #7c7c7c; }
}   
   
.innercontent1 { padding: 10px 12px 10px 12px; font: 12px/17px Rockwell; width: 825px; margin: 0px auto }

.innercontent2 { padding: 10px 12px 10px 12px; font: 11px/17px Arial; width: 825px; margin: 0px auto; position: relative }

.innercontent3 { padding: 10px 12px 10px 12px; font: 12px/17px Rockwell; width: 825px; margin: 0px auto; border-top: solid #c9cacb 2px; border-bottom: solid #c9cacb 2px }

.innercontenttitle3 { padding: 10px 12px 10px 12px; font: 15px/17px Rockwell; width: 825px; margin: 0px auto; border-top: solid #c9cacb 2px; border-bottom: solid #c9cacb 2px;  color: #7c7c7c; }

.innercontent33 { padding: 10px 12px 10px 12px; font: 11px/17px Arial, Rockwell; width: 825px; margin: 0px auto; border-top: solid #c9cacb 2px; border-bottom: solid #c9cacb 2px }

@media screen and (-webkit-min-device-pixel-ratio:0) {
.innercontenttitle3 { padding: 10px 12px 10px 12px; font: 15px/17px Rockwell; width: 825px; margin: 0px auto; border-top: solid #c9cacb 2px; border-bottom: solid #c9cacb 2px; color: #7c7c7c; }
}

.innercontent1 p, .innercontent2 p, .innercontent3 p, .innercontent33 p { margin-bottom: 10px }

.innercontentca { padding: 10px 12px 10px 12px; font: 11px/17px Arial; width: 825px; margin: 0px auto; }

.innercontentca a { color: #000; text-decoration: underline }

.inright p { margin-bottom: 0px }

.inleftfull { float: left; width: 100% }

.inleft { float: left; width: 477px }

.inleft2 { float: left; width: 695px }

.inleft3 { float: left; width: 650px }

.inright {
	width: 140px;
	padding-left: 13px;
	float: right;
	font-family: Rockwell;
	color: #000;
}

.inright2 {
	width: 155px;
	padding-left: 8px;
	float: right;
	font-family: Rockwell;
	color: #000;
}

.nestedDivBR {
	position:absolute;
	bottom:12px;
	right:0px;
	border-left: dotted #d1d2d4 2px;
	padding-left: 13px;
	font-weight: normal;
	font-size: 12px;
	width: 148px;
}


.nestedDivBR a { color: #000; text-decoration: underline }

.nestedDivBR a:hover { color: #f6a01b; text-decoration: underline }

.nestedDivBR a.selected { color: #f6a01b; text-decoration: underline }

.nestedDivBR2 {
	position:absolute;
    top:12px;
    right:0px;
	border-left: dotted #d1d2d4 2px;
	padding-left: 13px;
}

.nestedDivBR2 a { color: #000; text-decoration: underline }

.nestedDivBR2 a:hover { color: #f6a01b; text-decoration: underline }

.nestedDivBR2 a.selected { color: #f6a01b; text-decoration: underline }


.nestedDivBR3 {
	bottom:12px;
    right:0px;
	border-left: dotted #d1d2d4 2px;
	padding-left: 5px;
	font-weight: normal;
	font-size: 12px
}


.nestedDivBR3 a { color: #000; text-decoration: underline }

.nestedDivBR3 a:hover { color: #f6a01b; text-decoration: underline }

.nestedDivBR3 a.selected { color: #f6a01b; text-decoration: underline }




.orangestrip { background-color: #f68933; height: 7px; width: 849px; margin: 0px auto }

.greydouble { border-top: solid #c9cacb 1px; border-bottom: solid #c9cacb 1px; height: 1px; width: 849px; margin: 0px auto }

.greydouble2 { border-top: solid #c9cacb 1px; border-bottom: solid #c9cacb 1px; height: 1px; margin: 10px 0 10px 0  }

.orangebig { color: #f68933; font-family: Rockwell; font-size: 20px; }

.orangebig4 { color: #f68933; font-family: Rockwell; font-size: 16px; font-weight:normal }
.orangebig4 a { color: #f68933; text-decoration:none;}

.orangesmall { color: #f68933; font-family: Rockwell; font-size: 12px; font-weight: bold }

.orangesmall a{ color: #f68933; font-family: Rockwell; font-size: 12px; font-weight: bold; text-decoration: none }

.orangebig2 { color: #f68933; font-family: Arial; font-size: 20px; }

.orangebig3 { color: #f68933; font-family: Arial;  font-size: 16px }

.orangesmall2 { color: #f68933; font-family: Arial; font-size: 12px; font-weight: bold }

.orangenormal { color: #f68933; font-weight: bold }

.inleft2 { float: left; width: 665px }

.postleft { float: left; width: 367px; padding-right: 28px; border-right: solid #c9cacb 2px; }

.postright { float: right; width: 238px; padding-left: 28px; }

.postleft2 { float: left; width: 238px; padding-right: 28px; border-right: solid #c9cacb 2px; }

.postright2 { float: right; width: 367px; padding-left: 28px; }

.postleft3 { float: left; width: 238px; padding-right: 28px; }

.postright3 { float: right; width: 367px; padding-left: 28px; border-left: solid #c9cacb 2px; }

.subpostleft { float: left; font-family:Arial; font-size: 11px;  width: 146px; font-weight: bold }

.subpostright { float: right; font-family:Arial; font-size: 11px; font-weight: bold }

.subpostleft2 { float: left; font-family:Arial; font-size: 11px; width: 166px; color:#76777a; font-weight: bold  }

.subpostright2 { float: right; font-family:Arial; font-size: 11px; color:#76777a; font-weight: bold }

.subpostleft3 { float: left; font-family:Arial; font-size: 11px; width: 196px; color:#76777a; font-weight: bold }

.gfont { font-family: Rockwell; font-size: 12px; color: #000 }

.gfontsmall { font-family: Rockwell; font-size: 11px; color: #000 }


.gfonta { font-family: Arial; font-size: 12px; color: #000 }

.gfontsmalla { font-family: Arial; font-size: 11px; color: #000 }

.gfontabold { font-family: Arial; font-size: 11px; color: #000; font-weight: bold }


.tab { font-family: Arial; font-size: 10px }

.example p {
 border-bottom: solid #fbd08c 1px; margin-bottom: 0px }

.example p.last {
 border-bottom: none; line-height: 20px }
 
.example span { min-width: 126px; display: inline-block; vertical-align: text-top }

.example span.bold1 { margin-right: 1px; display: inline-block; min-width: 110px }

.example span.fstcol { min-width: 110px; display: inline-block; }

.example span.midcol { min-width: 176px; display: inline-block; }

.example span.lastcol { min-width: 528px; display: inline-block; }

* html .example span { margin-right: 1px; display: inline-block; width: 126px }

* html .example span.midcol { margin-right: 1px; display: inline-block; width: 176px }

* html .example span.fstcol { margin-right: 1px; display: inline-block; width: 100px }

* html .example span.lastcol { margin-right: 1px; display: inline-block; width: 528px }
 

.orpanel { padding: 20px 0 0 14px; background: url(../images/orange-panel-new.jpg) no-repeat; height: 125px; color: #fff; font-family: Rockwell; margin: 0px auto; width: 810px; font-size: 12px }

.whitebig { font-size: 16px; color: #fff }



.tab2 { font-family: Arial; font-size: 11px }

.assignments { width: 189px; margin-right: 10px; float: left; padding: 0 0px 0 10px; background: url(../images/assignments-bg.jpg) repeat-x; margin-bottom: 20px }
.assignmentslast { width: 188px; margin-right: 0px; float: left; padding: 0 0px 0 10px; background: url(../images/assignments-bg.jpg) repeat-x; margin-bottom: 20px }
.assignments li.top, .assignmentslast li.top { border-bottom: solid #f7a11a 1px; font-weight: bold }
.assignments li, .assignmentslast li { border-bottom: solid #fbd08c 1px }

.assignments_1 { width: 168px; margin-right: 10px; float: left; padding: 0 20px 0 10px; background: url(../images/assignments-bg.jpg) repeat-x; margin-bottom: 20px }
.assignmentslast_1 { width: 168px; margin-right: 0px; float: left; padding: 0 20px 0 10px; background: url(../images/assignments-bg.jpg) repeat-x; margin-bottom: 20px }
.assignments_1 li.top, .assignmentslast_1 li.top { border-bottom: solid #f7a11a 1px; font-weight: bold }
.assignments_1 li, .assignmentslast_1 li { border-bottom: solid #fbd08c 1px }

.emeatitle { border-top: solid #c9cacb 2px; border-bottom: solid #c9cacb 2px; padding: 10px 12px 10px 12px; font-size: 30px; font-family: Rockwell; width: 825px; margin: 0px auto; color: #7c7c7c;  }


.blank { height: 8px }

.blank2 { height: 12px }

.projects { float: right; margin-right: 178px; width: 350px }
.projects1 { float: right; margin-right: 178px; width: 250px; margin-left:100px; }

.projectsleft{
	float: left;
}
.projectsclear {
	clear: both;
}

.projects2 { float: right; margin-right: 0px; width: 285px; border-left: dotted #d1d2d4 2px;
	padding-left: 13px; font-size: 11px; font-family: Arial, Rockwell }

.projects3 { float: right; margin-right: 20px; width: 285px; font-size: 11px; font-family: Arial, Rockwell }

.projects2 a, .projects3 a { color: #000; text-decoration: underline }

.projects2 a:hover, .projects3 a:hover { color: #f6a01b; text-decoration: underline }

.innercontent4 { padding: 10px 12px 10px 12px; font: 11px/17px Arial; width: 825px; margin: 0px auto; position: relative; background:url(../images/emea-bg.jpg) no-repeat bottom; background-color: #fee7c8 }

.innercontent5 { padding: 10px 12px 10px 12px; font: 11px/17px Arial; width: 825px; margin: 0px auto; position: relative; border-bottom: solid #c9cacb 2px }

.downloadtitle { border-top: solid #c9cacb 2px; border-bottom: solid #c9cacb 2px; padding: 10px 12px 10px 12px; font-size: 20px; font-family: Rockwell; width: 825px; margin: 0px auto; color: #000 }

.newsnull { border-top: none; }

.newsnull a { color: #404040; font-weight: bold}

.newsnull a:hover { color: #f6a01b;}


.news { border-top: solid #c9cacb 2px; padding-top: 10px }

.news a { color: #404040; font-weight: bold}

.news a:hover { color: #f6a01b;}

.subnews { padding-left: 10px; color:#898b8e; font-weight: normal }

.subnews a { color:#898b8e }

.ectop { background: url(../images/ec-top.jpg) no-repeat; height: 13px }

.ec { background: url(../images/ec-bg.jpg) repeat-y; width: 825px; margin: 0px auto; font: 11px/17px Arial, Rockwell; color: #404040 }

.ecbot { background: url(../images/ec-bottom.jpg) no-repeat; background-position: bottom; padding: 0 14px 20px 24px }




/* SHADOW
   ----------------------------------------------------*/
.wrap1, .wrap2, .wrap3 {
	display:inline-table;
	/* \*/display:block;/**/} 
.wrap1 {
	float:left;
	background:url(../images/shadow-new1.png) right bottom no-repeat;}
.wrap2 {background:url(../images/corner_bl.gif) left bottom no-repeat;}
.wrap3 {
	padding:0 8px 8px 0;
	background:url(../images/corner_tr.gif) right top no-repeat;}
.wrap3 img {
	display:block;
	border:1px solid #ccc;
	border-color:#efefef #ccc #ccc #efefef;}

#v2 .wrap1 {background:url(../images/shadow-new1.png) right bottom no-repeat;}
#v2 .wrap2 {background:url(../images/corner_bl.gif) -1px 100% no-repeat;}
#v2 .wrap3 {
	padding:0 6px 6px 0;
	background:url(../images/corner_tr.gif) 100% -1px no-repeat;}

.example {
	clear:both;
	margin-top:0px;
	border-bottom:solid 1px #999;}

.note { font: 9px/14px Arial; color: #9d9d9d }

/************************************** Dropdown Menus *****************************************/

.menus {margin-left:441px;}

.menus1 {margin-left:375px;}
.menus2 {margin-left:298px;}
ul.dropdown {
	width:550px;
	height:22px;
	line-height:28px;
	z-index:1000;
	position:absolute;
	margin-left:100px;
	text-align:left;
	color:#f9ba64;
	
}

.dropdown li.selected a {color:#FFF;}

:first-child+html ul.dropdown {width:1000px;height:22px;color:#FFF; background:#f58833;}


ul.dropdown, ul.dropdown li, ul.dropdown ul {list-style: none; margin:0;padding:0; }

ul.dropdown li { float: left; line-height: 22px; color:#f9ba64; text-decoration:none; height:22px; line-height:22px; padding-left:5px; padding-right:15px; }

:first-child+html ul.dropdown li {padding: 0px 20px; }

ul.dropdown li.hover, ul.dropdown li:hover {position: relative; z-index: 10000; cursor: default; color:#FFFFFF; }

ul.dropdown a:link, ul.dropdown a:visited { color:#f9ba64; text-decoration:none; font-weight: bold;}
ul.dropdown a:hover	{color: #fff;  font-weight: bold;}
ul.dropdown a:active {color: #fff;  font-weight: bold;}


ul.dropdown ul {visibility: hidden; position: absolute; top: 100%; left: 0; z-index:2000;  width: 200px; margin-top: 0px; color:#000;  }
ul.dropdown ul  {background:#f58833; display:block; color:#000; width:205px;border-bottom:1px solid #fff; }
ul.dropdown ul a:hover {color:#000; }

ul.dropdown ul li { float: none;  border-top:1px solid #fff; width:180px; display:block;}
ul.dropdown li.selected a { color:#FFF;}

ul.dropdown ul ul { top: 1px; left: 100%; margin-left:1px;  margin-top:-2px;   color:#000; }

ul.dropdown ul ul li .submenu a { top: 1px; left: 100%; margin-left:1px;  margin-top:-2px; background:#f58833; color:#000; }

:first-child+html ul.dropdown ul ul li .submenu a {height:17px;}

ul.dropdown li:hover > ul { visibility: visible;  }

ul.dropdown ul li { font-weight: bold; color:#000; background:#f58833;}
:first-child+html ul.dropdown ul li {height:17px;}
ul.dropdown ul li.submenu { font-weight: bold; color:#000; background:#f58833;}
ul.dropdown ul li:hover { font-weight: bold;background:#f58833;}

ul.dropdown ul ul li { font-weight: bold; color:#000;  background:#f58833; }
:first-child+html ul.dropdown ul ul li {height:17px;}
ul.dropdown ul ul li:hover { font-weight: bold; background:#f58833; }

ul.dropdown .menu {  background:#f58833;  }
ul.dropdown .menu ul a {color:#f9ba64; font-weight:bold; line-height:22px; }
ul.dropdown .menu ul a:hover {color:#fff;}
.selected {color:#fff;}

ul.dropdown-upward .submenu {background: url(../images/nav-arrow-right.png) no-repeat right;}



/* FOOTER
   ----------------------------------------------------*/
.footer { padding: 10px; text-align: center; font: 9px/14px Arial; color: #9d9d9d }

.footer a{ color: #9d9d9d; text-decoration: underline }

.footer a:hover{ color: #f58833; text-decoration: underline }

.bottom { height: 17px; background: url(../images/page-bottom.jpg) no-repeat }

.footerstrip { height: 15px; background: url(../images/footer-strip.jpg) repeat-x; width: 849px; margin: 0px auto }