/* ====================================================================== */
/* ==| AUTHOR  : Madara Ranawake                                      |== */
/* ==| PROJECT : PROXIMITY WORLDWIDE WEBSITE                          |== */
/* ==| URL     : http://www.proximity.ca 							  |== */
/* ==| DATE    : 2009 MAY 23 	    	                              |== */
/* ==| NOTE    : All the attributes are editable,                     |== */
/* ==|           do NOT change the class names or IDs                 |== */
/* ====================================================================== */

/* ---------------------------------------------------------------------- */
/* = Rules defined for apply GLOBALLY begins from this point forward    = */
/* ---------------------------------------------------------------------- */

body { font-family: Helvetica, Arial, sans-serif; color:#000000; font-size:8.5pt; background:#ED1C24 url(../img/bg/main.jpg) repeat-x; margin:0; }
h1, h2, p { margin:0 0 15px 0; padding:0; }
a { color:#000; }

/* ---------------------------------------------------------------------- */
/* = The style rules defined for HTML element IDs begins here           = */
/* ---------------------------------------------------------------------- */

a {
	behavior:url("css/iepngfix.htc");
	cursor: pointer;
}

#divTopBar { width:100%; height:60px; clear:both; margin:0px 0 16px 0; position:absolute;left:0px; top:0px;  background-color:#FFF; z-index:0;padding-top:15px; }

#divNav { width:845px; height:60px; float:left; font-size:12pt; font-weight:bold; letter-spacing:-1px; }
#divNav ul { margin:0; padding:0; margin-top:30px; margin-left:15px; }
#divNav ul li { display:inline; margin-right:15px; list-style:none; }
#divNav ul li a { text-decoration:none; padding:0 3px; }

/*#divDirection { width:70px; height:71px; position:fixed; top:580px; left:30px; }
#divDirection { position:absolute; left:30px; top:580px; z-index: -2;}
body > div#divDirection { position:fixed; }*/

#divMetaNavis{ width:700px; height:100px; position:absolute; white-space:nowrap;color:#ffffff;font-weight:bold;font-size:15px;}
#divMetaNavis { position:absolute; left:46px; top:608px; z-index: 20000;}
/*body > div#divMetaNavis { position:fixed; }*/

.metanavi {background:url(../img/metanav_arrow_white.gif) no-repeat 0 0;padding-left:40px;height:26px;padding-top:4px;margin-bottom:8px;}
.metanavi a{color:#ffffff;display:block;}
.metanavi a:link,.metanavi a:visited,.metanavi a:focus{text-decoration:none;outline:0;}
.metanavi a:hover{text-decoration:underline;}
.metanavi a:active{text-decoration:none;outline:0;}
.metanavi .sep{margin:0 10px 0 10px;font-weight:bold;}

#divLogo { width:75px; height:inherit; float:right; margin-right:15px; }

#pageWrapper { width:100%; height:100%; position:absolute; left:0; overflow: auto; z-index: -1;top:0px;}
#divVertical { width:13204px; height:444px; top:106px; position:absolute; left:0; }

#divIntro { width:950px; height:444px; float:left; }

#divAbout { width:910px; height:434px; color:#ED1C24; float:left; padding:10px 10px;margin: 5px 10px; }
#divAboutContent { width:910px; height:424px; color:#ED1C24; float:left;  }
#divAbout h2 { font-size:35pt; margin: 10px 10px 10px 0; }
#divAbout p { font-size:14pt;  }
#divAbout p a { color: #ED1B24; text-decoration: none; font-weight: bold;}
#divAbout p a:hover { color: black; text-decoration: none;}
#subnavAbout{background:url(../img/subnav_arrow_right.gif) no-repeat 0 0;padding-left:40px;height:26px;padding-top:4px;}
#subnavAbout *{float:left;font-size:11pt;}
#subnavAbout .sep{margin:0 10px 0 10px;font-weight:bold;}
#subnavAbout a { color: #ED1B24; text-decoration: none; font-weight: bold;}
#subnavAbout a.active { color: #000000; text-decoration: none; font-weight: bold;}

#divBrandBubbles { /*width:950px;*/ width: 593px; height:444px; float:left; }
#divBrandBubblesL { width:560px; height:inherit; float:left; padding:0 20px; /*background-color:#ED1B24; */}
#divBrandBubblesR { width:333px; height:404px; float:right; color:#ED1C24; padding:10px 20px; }
#divBrandBubblesR h2 { width:300px; font-size:13pt; }
#divBrandBubblesR p { font-size:10.5pt; }

#divP { width:870px; height:444px; float:left; padding-left:70px; background:url(../img/bg/p.jpg) no-repeat; }

#divTheWork { width:950px; height:444px; float:left; }
#divTheWorkL { width:500px; height:424px; float:left; padding:20px 0 0 20px; }
#divWorkCategory { width:500px; height:57px; margin-bottom:15px; clear:both; }
#divWorkCategory h2 { color:#ED1B24; font-size:35pt; margin:0; }
#divWorkContent { width:500px; height:332px; clear:both; position: relative; }
#divWorkContentL { width:443px; height:332px; float:left; overflow:auto; margin-right:14px; font-size:15pt; font-weight:bold; }
#divWorkContentL #awardInfo{ margin: 20px 0 0 0; float: left; }
#divWorkContentL #awardInfo ul li a{ font-weight: bold; font-size: 18pt; color: #ED1C24; }
#divWorkContentL #awardInfo ul li a:hover{ color: #000000; }
#divWorkContentL #awardInfo #awardInfoText{ margin: 20px 0 0 0; float: left; font-weight:normal; font-size: 15pt; position:absolute; width:400px; left: 0; bottom: 20px;}
#divWorkContentL ul { list-style:none; margin:0; padding:0; float:left; }
#divWorkContentL ul li { float:left; display:inline; white-space:nowrap; color:#000; margin:0; padding:0; margin-right:10px; font-weight:normal; }
#divWorkContentL ul li a { white-space:nowrap; text-decoration:none; outline:none; }
#divWorkContentL ul li a:hover { color: #ED1B24; }
#divWorkContentR { width:37px; height:332px; float:left; overflow:auto; margin-right:3px; }
#divWorkContentR ul { list-style:none; margin:0; padding:0; }
#divWorkContentR ul li a { width:37px; height:25px; display:block; padding-top:12px; margin-bottom:5px; background-repeat:no-repeat; color:#FFFFFF; font-weight:bold; text-decoration:none; text-align:center; outline:none; }

#divTheWorkR { width:430px; height:444px; float:left; }
#divYTSWF { width:425px; height:344px; margin-bottom:10px; }
#divYTSWF { background: url(../img/ajax-loader-transparent.gif) no-repeat 205px 164px; }
#divYTSWF a img {border: none;}
#divYTInfo { width:430px; height:80px; clear:both; margin-top:10px; position:relative; }
#divYTInfoL { width:353px; height:80px; font-size:10pt; float:left; overflow:auto; }
#divYTInfoLALT { width:430px; height:70px; font-size:10pt; float:left; overflow:auto; }

#divYTInfoR { width:67px; height:80px; text-align:center; float:left; }

#divYTInfo ul { list-style:none; margin:0; padding:0; position:absolute; top:10px; left:365px; }
#divYTInfo ul li {  }
#divYTInfo ul li a { width:58px; height:36px; display:block; padding-top:22px; background:url(../img/bg/bt_lupe.png) no-repeat 0 0; color:#FFFFFF; font-weight:bold; text-decoration:none; text-align:center; }
#divYTInfo ul li a:hover { background:url(../img/bg/bt_lupe.png) no-repeat 0 -58px; }
* html #divYTInfo ul li a{ width:58px; height:58px; display:block; background:url(../img/bg/bt_lupe.gif) no-repeat 0 0; color:#FFFFFF; font-weight:bold; text-decoration:none; text-align:center; }
* html #divYTInfo ul li a:hover { background:url(../img/bg/bt_lupe.gif) no-repeat 0 -58px; }

#divYTInfo p { margin: 0pt 10px 0pt 0pt;}

#divFace { width:306px; height:444px; float:left; margin:0 0 0 50px; }

#divPeople { width:1000px; height:444px; float:left; }
#divPeople h2 { color:#ED1B24; font-size:35pt; margin:0; }
#divPeopleL { width:155px; height:404px; float:left; margin-right:15px; padding: 20px 20px; }
#divPeopleM { width:497px; height:424px; float:left; margin-right:15px; padding:10px 0; }
#divPeopleMContent { width:497px; height:424px; overflow:auto; }
#divPeopleM ul, #divPeopleM ul li { padding:0; margin:0; list-style:none; }
#divPeopleM ul li { display:inline; font-size:11pt; }
#divPeopleM ul li a { width:145px; height:49px; display:block; float:left; padding-top:140px; margin:0 20px 20px 0; background-repeat:no-repeat; outline:none; text-decoration:none; }
#divPeopleM ul li a:hover {  background-repeat:no-repeat; }
#divPeopleM ul li a span { font-size:8pt; }
#divPeopleR { width:258px; height:424px; float:left; padding:10px 10px 10px 0; }
#divPeopleRContent { width:258px; height:424px; overflow:auto; font-size:10pt; }

#divJobs { width:990px; height:444px; float:left; }
#divJobs h2 { color:#ED1B24; font-size:35pt; margin:0; }
#divJobsL { width:155px; height:inherit; float:left; margin-right:15px; padding: 20px 20px; }
#divJobsM { width:297px; height:424px; float:left; margin-right:15px; padding:10px 0; }
#divJobsMContent { width:297px; height:424px; overflow:auto; }
#divJobsMContent ul { list-style:none; margin:0 10px 0 0; padding:0; }
#divJobsMContent ul li { margin-bottom:15px; }
#divJobsMContent ul li a { color:#ED1C24; text-decoration:none; }
#divJobsMContent ul li a:hover { text-decoration:underline; }
#divJobsR { width:458px; height:424px; float:left; padding:10px 10px 10px 0; }
#divJobsRContent { width:458px; height:424px; overflow:auto; font-size:10pt; }
#divJobsRContent h1 { color:#ED1B24; font-size:16pt; margin: 0 0 30px 0; }
#divJobsRContent h2 { font-size:12pt; margin: 0 0 10px 0; }
#divJobsRContent h3 { font-size:12pt; margin: 0; }

#divWorldMap { width:1266px; height:444px; float:left; }

#divOffices { width:1184px; height:444px; float:left; }
#divOfficesL { width:370px; height:444px; float:left; position:relative; background:url('../img/bg/office_bubbles.jpg') no-repeat; }
#divOfficesM { width:200px; height:424px; float:left; padding:10px 15px 10px 15px; }
#divOfficeList { width:200px; height:424px; overflow:auto; }
#divOfficeList ul { list-style:none; margin:0; padding:0; }
#divOfficeList ul li a { font-size:15pt; text-decoration:none; outline:none; }
#divOfficesR { width:335px; height:444px; float:left; margin-left:15px; }
#divOffice{ width:335px; height:444px; float:left; }
#divOfficePerson { width:335px; height:auto; margin:15px 0 0 0; clear:both; font-size:10.5pt; color:#000; font-weight:bold; }
#divOfficePerson strong { color:#000000; }
#divOfficePerson a { color:#ED1C24; text-decoration:none; }
#divOfficePerson a:hover { text-decoration:underline; }
#bulbHolder {
	width: 234px;
	float: left;	
}

#divBulbs { width:234px; height:444px; float:left; }

#divNews { width:970px; height:444px; float:left; }
#divNewsL { width:290px; height:434px; float:left; padding:20px 0 0 20px; }
#divNewsL h2 { color:#ED1C24; font-size:35pt; margin:0; }
#divNewsL div { margin-top:250px; margin-right:10px; }
/*#divNewsL div a { width:150px; height:35px; display:block; background:url(../img/bg/twitter.jpg) bottom center no-repeat; color:#000; font-size:11pt; text-decoration:none; }
#divNewsL div a:hover { color:#ED1C24; text-decoration:none; }*/
#divNewsL div a.newsExtLink{font-size:14px;text-decoration:none;color:#ED1C24;display:block;background:url("../img/subnav_arrow_right.gif") no-repeat 0 5px;padding-left:40px;margin-top:20px;}
#divNewsR { width:620px; height:414px; float:left; padding:15px; font-size:10pt; }
#divNewsRList { width:620px; height:414px; overflow:auto; }
#divNewsRList ul { list-style:none; margin:0 10px 0 0; padding:0; }
#divNewsRList ul li { margin-bottom:15px; }
#divNewsRList ul li a { color:#ED1C24; text-decoration:none; }
#divNewsRList ul li a:hover span { text-decoration:underline; }
#divNewsRList ul li a span.date { clear: left; float: left; width: 80px; vertical-align: top;}
#divNewsRList ul li a span.link { float: left; margin:0 0 5px; width:500px; vertical-align: top;}

#divContact { width:950px; height:444px; float:left; position:relative; }
#divContactL { width:550px; height:424px; float:left; background:#ED1C24 url(../img/transitions/contact_bulbs.jpg) bottom no-repeat; color:#FFFFFF; padding:20px 0 0 20px; }
/*#divContactL div { width:275px; height:90px; }*/
#divContactL h2 { font-size:28pt; margin-bottom:20px; }
#divContactL p { font-size:10pt; margin-bottom:5px; }
#divContactL a { color:#FFF; text-decoration:none; }
#divContactL a:hover { color:#FFF; text-decoration:underline; }
#divContactR { width:380px; height:inherit; float:left }

#divMapButton { width:57px; height:57px; position:absolute; top:300px; left:490px; z-index:300; margin:0; padding:0; }
#divMapButton  a { width:57px; height:36px; display:block; float:left; padding-top:21px; background:url(../img/bg/57x57_white_circle.gif) no-repeat; color:#ED1C24; font-weight:bold; text-decoration:none; text-align:center; }
#divMapButton a:hover { background-image:url(../img/bg/57x57_black_circle_2.gif); color:#FFF; }

#divContactEnd { width:72px; height:444px; float:left; }

#divImpressum { width:970px; height:444px; float:left; }
#divImpressumL { width:290px; height:434px; float:left; padding:20px 0 0 20px; }
#divImpressumL h2 { color:#ED1C24; font-size:35pt; margin:0; }
#divImpressumL div { margin-top:250px; margin-right:10px; }
#divImpressumL div a { width:150px; height:35px; display:block; background:url(../img/bg/twitter.jpg) bottom center no-repeat; color:#000; font-size:11pt; text-decoration:none; }
#divImpressumL div a:hover { color:#ED1C24; text-decoration:none; }
#divImpressumR { width:620px; height:414px; float:left; padding:15px; font-size:10pt; }
#divImpressumRList { width:620px; height:414px; overflow:auto; }
#divImpressumRList ul { list-style:none; margin:0 10px 0 0; padding:0; }
#divImpressumRList ul li { margin-bottom:15px; }
#divImpressumRList ul li a { color:#ED1C24; text-decoration:none; }
#divImpressumRList ul li a:hover span { text-decoration:underline; }
#divImpressumRList ul li a span.date { clear: left; float: left; width: 80px; vertical-align: top;}
#divImpressumRList ul li a span.link { float: left; margin:0 0 5px; width:500px; vertical-align: top;}
#divOffice{font-family:  Arial,Helvetica, sans-serif;}

/*#scrollDummy{position:absolute;top:720px;width:30px;}*/

/* ---------------------------------------------------------------------- */
/* = Definitions for classes begins which must be called separately     = */
/* ---------------------------------------------------------------------- */


p.pOfficeName { font-size:20pt; color:#000; margin:0; margin:15px 0 10px 0; }
p.pOfficeAddress { font-size:13pt; color:#000; font-weight:bold; }
ul.ulOfficeMapWWW { list-style:none; margin:0; padding:0; margin-top:15px; }
ul.ulOfficeMapWWW li { display:inline; }
ul.ulOfficeMapWWW li a { width:57px; height:36px; display:block; float:left; padding-top:21px; margin-right:5px; background:url(../img/bg/57x57_red_circle.gif) no-repeat; color:#FFFFFF; font-weight:bold; text-decoration:none; text-align:center; }
ul.ulOfficeMapWWW li a:hover { background-image:url(../img/bg/57x57_black_circle.gif); }

span.spnVideoOwner { color:#ED1C24; font-size:10pt; font-weight:bold; }
span.spnVideoTitle { color:#6A6A6A; font-size:10pt;  font-weight:bold; }

a.aOfficeBubble1 { display:block; position:absolute; top:0px; left:89px; height:110px; width:132px; outline:none; }
a.aOfficeBubble2 { display:block; position:absolute; top:37px; left:206px; height:129px; width:130px; outline:none; }
a.aOfficeBubble3 { display:block; position:absolute; top:110px; left:59px; height:181px; width:182px; outline:none; }
a.aOfficeBubble4 { display:block; position:absolute; top:261px; left:158px; height:182px; width:182px; outline:none; }

a.aOfficeBubble1:hover, a.aOfficeBubble1-JQ-ON { background:url('../img/bg/office_bubbles.gif') -1569px 0 no-repeat; }
a.aOfficeBubble2:hover, a.aOfficeBubble2-JQ-ON { background:url('../img/bg/office_bubbles.gif') -1316px -37px no-repeat; }
a.aOfficeBubble3:hover, a.aOfficeBubble3-JQ-ON { background:url('../img/bg/office_bubbles.gif') -799px -110px no-repeat; }
a.aOfficeBubble4:hover, a.aOfficeBubble4-JQ-ON { background:url('../img/bg/office_bubbles.gif') -528px -261px no-repeat; }

a.aWorkContentR-JQ-OFF { background-image:url(../img/bg/37x37_red_circle.gif); }
a.aWorkContentR-JQ-OFF:hover { background-image:url(../img/bg/37x37_black_circle.gif); }
a.aWorkContentR-JQ-ON { background-image:url(../img/bg/37x37_black_circle.gif); }

a.aWorkContentL-JQ-OFF { color:#000000; }
a.aWorkContentL-JQ-OFF:hover { color:#ED1B24; }
a.aWorkContentL-JQ-ON { color:#ED1B24; }

a.aNav-JQ-OFF { }
a.aNav-JQ-OFF:hover, a.aNav-JQ-ON { color:#FFF; background-color:#000; }

a.aOfficeList-JQ-OFF { color:#000000; }
a.aOfficeList-JQ-OFF:hover, a.aOfficeList-JQ-ON { color:#ED1C24; }

a.aPeopleM-JQ-OFF { color:#000000; background-position:-145px 0; }
a.aPeopleM-JQ-OFF:hover, a.aPeopleM-JQ-ON { color:#ED1C24; background-position:0 0; }

.functionLinks {text-align:right;margin-right:5px;}

/* ---------------------------------------------------------------------- */
/* = Definitions for any element begins                                 = */
/* ---------------------------------------------------------------------- */

.grayText { color:#CACACA; }

.fltLft{float:left;}