/* ====================================================================== */
/* ==| AUTHOR  : Madara Ranawake                                      |== */
/* ==| PROJECT : PROXIMITY WEBSITE		                              |== */
/* ==| URL     : http://www.proximity.com 							  |== */
/* ==| DATE    : 2009 JANUARY 6     	                              |== */
/* ==| MODIFY  : 2009 JANUARY 6                     	              |== */
/* ==| 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:Arial, Helvetica, sans-serif; color:#FFF; font-size:8.5pt; }
h1, h2, p { margin:0 0 15px 0; padding:0; }

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

#divMain { width:933px; height:auto; margin:auto; margin-top:40px; }

#divNamePlate { width:893px; height:72px; clear:both; margin:0 0 10px 0; padding:0 20px 0 20px; }
#divNamePlateL { width:759px; height:42px; float:left; padding:30px 0 0 0; }
#aTNSelected { color:#747474; text-decoration:none; }
#divNamePlateR { width:134px; height:inherit; float:left; }

#divContent { width:933px; height:auto; clear:both; position:relative; overflow:hidden; }
#divMask_top { width:933px; height:4px; position:relative; top:0; left:0; overflow:hidden;}
#divMask { width:933px; height:auto; position:relative; top:0; left:0; z-index:1010; color:#71706E; overflow:hidden;}
#divMask_bottom { width:933px; height:5px; position:relative; top:0; left:0; overflow:hidden;}

/*#divMask_top { width:933px; height:4px; position:relative; top:0; left:0; background:url(../images/mask_top.jpg) no-repeat; overflow:hidden;}
#divMask { width:933px; height:auto; position:relative; top:0; left:0; background:url(../images/mask_side.jpg) repeat-y; z-index:1010; color:#71706E; overflow:hidden;}
#divMask_bottom { width:933px; height:5px; position:relative; top:0; left:0; background:url(../images/mask_bottom.jpg) no-repeat; overflow:hidden;}
*/

#divCarouselContent { width:400px; height:300px; position:absolute; top:100px; left:20px; z-index:1020; }
#divCarouselContent ul li div, #divCarouselContent ul li { width:400px; height:250px; }
#divCarouselContent ul li div p, #divCarouselContent ul li div h1 { margin:0 0 10px 0; }
#divCarouselContent ul li div h1 { font-size:14pt; }
#divCarouselContainer { width:auto; height:488px; position:absolute; top:0; left:0; z-index:999; }
#divCarouselContainer ul li div { width:933px; height:488px; }

#divHomeContent { width:933px; height:120px; position:absolute; top:368px; left:0; z-index:1020; color:#71706E; }
#divHomeContentBG { width:933px; height:120px; position:absolute; top:368px; left:0; z-index:1000; background:url(../images/white_75.png) 0 0; }
#divHomeContentL { width:430px; height:auto; float:left; margin:0 33px 0 0; padding:10px 0 10px 20px; }
#divHomeContentR { width:440px; height:auto; float:left; padding:10px 10px 10px 0; }
#divHomeContentR div { height:65px; width:inherit; overflow:auto; }
#divHomeContentR div p { margin:0 !important; }
#divHomeContentL h2, #divHomeContentR h2 { font-size:12pt; color:#0595AB; }
#divHomeContent a { color:#0595AB; text-decoration:none; }
#divHomeContent a:hover { text-decoration:underline; }

#divCarouselNav { width:auto; height:15px; position:absolute; top:20px; left:20px; z-index:1020; }
#divCarouselNavL, #divCarouselNavR { width:7px; height:inherit; float:left; }
#divCarouselNavM { width:auto; height:inherit;  float:left; background:url(../images/bg.gif) 0 0 repeat-x; }
#divCarouselNavM a { color:#FFF; text-decoration:none; margin:4px; }
#divCarouselNavM a:hover { color:#085F70; }

/* -- start: news-list -- */
#divNewsPanelL { width:600px; height:488px; float:left; padding:20px 0 20px 20px; }
#divNewsList { height:380px; overflow:hidden !important; }
#divNewsList ul, #divNewsList li { margin:0; padding:0; }
#divNewsFooter { width:600px; height:20px; border-top:1px solid #747474; padding-top:5px; margin-top:10px; }
#divNewsFooterL { width:auto; height:inherit; float:left; }
#divNewsFooterR { width:auto; height:inherit; float:right; }
#divNewsPanelR { width:273px; height:438px; float:left; padding:10px 10px 20px 20px; margin-top:10px; overflow:auto; }
#divNewsPanelR img { border:4px solid #EEE; }
#divNewsPane { width:933px; height:488px; position:absolute; top:0; left:0; z-index:1020; color:#71706E; }
#divNewsPane a { color:#0595AB; text-decoration:none; }
#divNewsPane h1 { font-size:16pt; color:#0595AB; }
#divNewsPane h2 { font-size:12pt; color:#0595AB; }
#divNewsPane a:hover { text-decoration:underline; }
#divGradientBG { width:933px; height:488px; position:absolute; top:0; left:0; z-index:999; background:url(../images/news.jpg) 0 0 no-repeat; }
/* -- end: news-list -- */

/* -- strat: news-view -- */
#divNewsView { width:933px; height:488px; position:absolute; top:0; left:0; z-index:1020; color:#71706E; }
#divNewsViewL { width:200px; height:448px; float:left; padding:20px 0 20px 20px; }
#divNewsViewL h1 { font-size:16pt; color:#0595AB; }
#divNewsViewL img { width:170px; height:170px; border:4px solid #EEE; }
#divNewsViewR { width:693px; height:410px; float:left; padding:58px 20px 20px 0; }
#divNewsViewR a { color:#0595AB; text-decoration:none; }
#divNewsViewR a:hover { text-decoration:underline; }
#divNewsViewR h2 { font-size:12pt; color:#0595AB; }
#divNewsViewR div { width:auto; height:340px; margin-bottom:10px; overflow:auto; }
/* -- strat: news-view -- */

/* -- start: contact -- */
	.main_frame_content { margin:30px auto 0 auto; width:880px; }
	.main_frame_content h1 { margin:0; padding:0; }	
	.panel_left { float:left; margin-bottom:30px; width:285px; }
	.panel_left .module{ float:left; margin-bottom:30px; width:270px; }
	.main_frame_content h2 { margin:0; padding:0; }
	.panel_middle { float: left; width: 250px; }
	.panel_middle .module { width: 250px; }
	.panel_right { float:right; width:280px; }
	.panel_right .module { margin-bottom:30px; width:255px; }
	#intro_text { height:38px; }

#divContactPane { width:933px; height:488px; position:absolute; top:0; left:0; z-index:1020; color:#71706E; }
#divContactPane a { color:#0595AB; text-decoration:none; }
#divContactPane h1 { font-size:16pt; color:#0595AB; }
#divContactPane h2 { font-size:12pt; color:#0595AB; }
#divContactPane a:hover { text-decoration:underline; }
#divWhiteBG { width:933px; height:488px; background-color:#FFF; position:absolute; top:0; left:0; z-index:999; }
/* -- end: contact -- */

/* -- start:people --*/
#divPeopleBG { width:933px; height:488px; position:absolute; top:0; left:0; z-index:998; background-image:url(../images/tile.gif); }
#divPeopleImages { width:933px; height:255px; position:absolute; top:0; left:0; z-index:999; }
#divPeopleImages img { border:1px solid #CFCFCF; }
#divPeopleImages ul li { width:202px; }
#divPeopleImages ul li div { color:#0595AB; }
#divPeopleImages ul li div h2 { margin:0 0 0 10px; padding:0; }
#divPeopleContent { width:933px; height:233px; position:absolute; top:255px; left:0; z-index:1020; color:#71706E; }
#divPeopleContent ul li div { width:900px; height:200px; padding:10px; /*overflow:auto;*/ /*display:none;*/ } /*933 - 233*/
/*#divPeopleContent ul li { width:202px; overflow:visible; border:1px solid red; }*/
#divPeopleNav { width:933px; height:177px; position:absolute; top:0; left:0; z-index:1020; }
#aPeopleNext { display:block; height:177px; width:50px; position:absolute; top:0; left:0; text-decoration:none; }
#aPeoplePrev { display:block; height:177px; width:50px; position:absolute; top:0; left:883px; text-decoration:none; }
/* -- end:people --*/

#divFooter { width:913px; height:auto; clear:both; margin:10px 0 0 0; color:#B5B5B5; text-align:right; padding-right:20px; font-size:7pt; }
#divFooter p { margin:0; }

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

div.divFFFix {  }

ul.ulMainNav { list-style:none; margin:0; padding:0; }
ul.ulMainNav li { list-style:none; display:inline; padding:0 15px 0 0; }
ul.ulMainNav li a { color:#B5B5B5; text-decoration:none; font-size:11pt; }
ul.ulMainNav li a:hover { color:#747474; text-decoration:none; }

div.divCampainAttributes { width:auto; height:25px; clear:both; margin:30px 0 0 0; }
a.aCampainAttributesB1 { width:101px; height:14px; display:block; float:left; background:url(../images/campaign_b1.png) 0 0 no-repeat; padding:11px 0 0 13px; font-size:7pt; font-variant:small-caps; color:#FFF; text-decoration:none; }
a.aCampainAttributesB2 { width:82px; height:14px; display:block; float:left; background:url(../images/campaign_b2.png) 0 0 no-repeat; padding:11px 0 0 13px; font-size:7pt; font-variant:small-caps; color:#FFF; text-decoration:none; }
a.aCampainAttributesB1:hover, a.aCampainAttributesB2:hover { background-position:0 -25px; }

.pReadMore { text-align:right; margin:0; padding:0; }
.pReadMore a { color:#B5B5B5 !important; text-decoration:none !important; }
.pReadMore a:hover { color:#747474 !important; text-decoration:underline !important; }

/* -- start: news-list -- */
div.divNewsItem { padding:10px 0 10px 0; }
div.divNewsItem img { float:left; border:4px solid #EEE; margin:auto 10px auto 0; }
div.divNewsItem h2 span { font-size:8.5pt; font-weight:normal; color:#71706E !important; }
div.divAlternateRow { background-color:#EEE; }
a.aNewsOld { width:80px; height:12px; display:block; float:left; color:#B5B5B5 !important; text-decoration:none; background:url(../images/arrow_down.gif) 30px 0 no-repeat; }
a.aNewsNew { width:80px; height:12px; display:block; float:left; color:#B5B5B5 !important; text-decoration:none; background:url(../images/arrow_up.gif) 40px 0 no-repeat; }
a.aNewsOld:hover { color:#747474 !important; text-decoration:none !important; background-position:30px -11px; }
a.aNewsNew:hover { color:#747474 !important; text-decoration:none !important; background-position:40px -11px; }
/* -- end: news-list -- */



.awards{
	margin:10px 0 30px 0;
}
.head{
	font-weight:bold;
	color: #0093b2;
	background-color:#ccc;
}
.awards tr td{
	padding:5px 0;
	border:0px solid #333;
}
.awards .even{
	background-color:#eee;
}



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

.darkFont { color:#71706E; }
.proxFont { color:#0595AB; }
.ml10 { margin-left:10px; }