@charset "utf-8";
body,html,div,img,a,p,h1,h2,h3,h4,h5,h6,ul,li,span {margin:0;padding:0;border:0;background:transparent;text-decoration:none;outline:none;list-style:none;}


body,html {margin-bottom:50px;font-family: helvetica, sans-serif;background:#CDD2CD url('../resources/bg2.png') repeat-x;}

a {outline: none;}

em {font-style: normal;font-weight: 200;}

#bgLeft {position:absolute;top:72px;left:0;width:50%;height: 80px;background:url('../resources/logo-bg.png') repeat-x;}

#mainContainer {position:relative;margin:0 auto;width:990px;height:600px;display:block;}


#topContent {width:990px;height:190px;background:url('../resources/bg2.png') repeat-x;display:block;}

h1 {position:absolute;top:0;left:630px;padding-top:40px;width:350px;height:70px;display:block;font-size:30px;font-family:helvetica, sans-ms;color:#CBCC21;text-align:right;}

#logo {position:absolute;top:72px;left:0;}

#contact {position:absolute;top:150px;left:820px;padding-top:10px;width:160px;height:70px;text-align:right;}

#contact p.contactTitle {font-size:11px;color:#CBCC21;line-height:1.2em;}

#contact p.contactContent {font-size:10px;color:#DDD;line-height:1.2em;}

#contact p.contactLabel {font-size:10px;color:#CBCC21;float:left;line-height:1.2em;}

p.ph {position:absolute;top:130px;left:630px;width:350px;display:block;font-size:26px;color:#FFF;text-align:right;}

p.em{position:absolute;top:167px;left:630px;width:350px;display:block;font-size:11px;text-align:right;}

p.em a {color:#FFF;}

p.em a:hover {color:#CBCC21;}






#primaryContent {padding:26px 26px 0 26px;width:938px;min-height:321px;background:url('../resources/black-stripe.png') repeat-y;display:block;}

#wedge {clear:both;width:930px;height:1px;background:url('../resources/black-stripe.png') no-repeat;display:block;font-size:0;}

div.primaryFooter {width:990px;height:40px;background:url('../resources/black-footer.png') no-repeat;display: block;}

p#featured {position:absolute;top:500px;left:450px;font-size:11px;color:#DDD;z-index:30000;}



#frontPage {width:445px;float:left;}

#frontPage p {display:block;font-size:19px;color:#DDD;}

div.categoryPage {padding:0 20px 0 0;border-right:1px solid #CBCC21;width:435px;min-height:300px;text-align:justify;float:left;}

div.categoryPage2 {margin-left:-1px;padding-left:20px;border-left:1px solid #CBCC21;width:435px;text-align:justify;float:left;}




div.categoryPage h2,div.categoryPage2 h2 {
margin: 0 0 15px 0;
display: block;
font-size:16px;
color: #CBCC21;
}

div.categoryPage p,div.categoryPage2 p {
margin: 0 0 15px 0;
display: block;
font-size:12px;
color: #BBB;
}

div.categoryPage ul {position:relative;}


div.categoryPage li {
margin: 0 5px 5px 0;
display: block;
font-size:11px;
color: #BBB;
float: left;
}



div.categoryPage a,div.categoryPage2 a {
color: #CBCC21;
}

div.categoryPage a:hover,div.categoryPage2 a:hover {color: #DDD;}

#news {
clear: both;
margin: 80px 0 0 0;
width: 300px;
display: block;
}

#news h2 {
margin: 0 0 5px 0;
font-size:16px;
color: #DDD;
}

#news p {
font-size:11px;
color: #DDD;
text-align: justify;
}

#news p.readMore {
width: 100%;
display: block;
font-size:11px;
text-align: right;
}

#news p.readMore a {color:#CBCC21;text-decoration:none;}
#news p.readMore a:hover {color:#DDD;text-decoration:none;}

div.testimonial {
margin: 0 0 0 20px;
padding: 0 20px 0 0;
border-right: 1px solid #CBCC21;
width: 196px;
min-height: 300px;
text-align: justify;
float: left;
}

div.testimonial h2 {
margin: 0 0 15px 0;
display: block;
font-size:12px;
color: #CBCC21;
}

div.testimonial p {
margin: 0 0 15px 0;
display: block;
font-size:11px;
color: #BBB;
}






#portDiv {
padding: 10px;
width: 416px;
height: 270px;
background: url(../resources/black-gradient3.png) no-repeat;
display: block;
float: right;
}

div.portMed {
float: left;
}


img.portImage {
float: left;
}

div.portOutline {
padding: 0 0 0 10px;
width: 120px;
height: 250px;
display: block;
float: left;
}



p.portTitle {
font-size:10px;
color: #CBCC21;
text-align: right;
}

p.portItem {
margin: 0 0 7px 0;
font-size:10px;
color: #DDD;
text-align: right;
}

p.portItem a {color: #CBCC21;text-decoration:none;}
p.portItem a:hover {color: #DDD;text-decoration:none;}
p.portItem a.uline {color: #DDD;text-decoration:none;}
p.portItem a.uline:hover {color: #CBCC21;text-decoration:underline;}


span#prevBtn {
  position: absolute;
  bottom: 5px;
  left: 0px;
  padding: 0 10px 0 0;
  border-right: 1px solid #aaa;
  width: 112px;
  text-align: right;
  }

span#nextBtn {					
  position: absolute;
  bottom: 5px;
  left: 122px;
  padding: 0 0 0 10px;
  border-left: 1px solid #aaa;
  width: 112px;
  text-align: left;
  }


p.advert {
margin: 0 0 7px 0;
font-size:11px;
color: #DDD;
text-align: right;
}

p.advertFN {
position: absolute;
top: 267px;
left: 300px;
width: 110px;
font-size:11px;
color: #666;
text-align: right;
}

p.advert a,p.advertFN a {color: #CBCC21; text-decoration: none;}
p.advert a:hover,p.advertFN a:hover {color: #FFF; text-decoration: none;}

p.clickToView {
position: absolute;
top: 524px;
left: 620px;
font-size:10px;
color: #AAA;
}




#menu {
width: 420px;
float: left;
}


#menu li{
display: inline;
font-size:24px;
color: #999;
}

#menu li a {font-size:26px;color: #000;text-decoration: none;}
#menu li a:hover {font-size:26px;color: #FFF;text-decoration: none;}




#social {
margin: 0 10px 0;
width: 450px;
height: 16px;
float: right;
}

#social ul li {
margin: 0 0 0 5px;
float: right;
}









#footer {
clear: both;
padding: 10px 0 0 0;
width: 970px;
height: 40px;
display: block;
text-align: center;
}

#footer ul {
position:relative;
margin: 0 auto;
display: block;
}

#footer li {
display: inline;
font-size:11px;
color: #000;
}

#footer li a {
margin: 0 5px;
padding: 0;
border: 0;
font-size:12px;
color: #666;
text-decoration: none;
}

#footer li a:hover {color: #000;text-decoration: none;}



		
		p.intro { border-bottom: 1px solid #ccc; margin-bottom: 20px; padding: 20px 0 30px 0; text-align: center; width: 100% }
		
		p.cross-links { text-align: center }
		
		p.cross-links { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 30px; }
		

		noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
		noscript a { color: #a00; text-decoration: underline }
		noscript ol { margin-left: 25px; }
		
		a:focus { outline:none }
		
		
		
		
		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 0 0 0 0;
			padding: 10px;
			border: 0;
			width: 416px;
			height: 290px;
			background: transparent;
			display: block;
			float: right;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 270px; background: #000; overflow: hidden}
		.csw .loading {margin: 0px 0 00px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: 5px solid #000; /* this is the border. should have the same value for the links */
			margin: auto;
			width: 416px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 290px;
			clear: both;
			background: transparent url('../resources/black-gradient3.png') no-repeat;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 700px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
			display: none;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			background: #c6e3ff;
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 0 15px;
		}
		
		.stripNav li.tab1 a { background: #60f }
		.stripNav li.tab2 a { background: #60c }
		.stripNav li.tab3 a { background: #63f }
		.stripNav li.tab4 a { background: #63c }
		.stripNav li.tab5 a { background: #00e }
		
		.stripNav li a:hover {
			background: #333;
		}
		
		.stripNav li a.current {
			background: #000;
			color: #fff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
			display: none;
		}
		
		.stripNavL a, .stripNavR a {
			display: none;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("images/arrow-left.gif") no-repeat center;
		}
		
		.stripNavR {
			background: url("images/arrow-right.gif") no-repeat center;
		}

		
/* ------------------------------------------------------------------------
	This you can edit.
------------------------------------------------------------------------- */
	div.pp_nav p.currentTextHolder { font: normal 100 14px helvetica,sans-ms; color: #999; }
	div.pp_pic_holder .pp_content .pp_details p.pp_description { font: normal 100 11px helvetica,sans-ms; color: #999; }

	div.pp_pic_holder .pp_top .pp_left { background: url(../resources/prettyPhoto/dark_square/tl.gif) top left no-repeat; } /* Top left corner */
	div.pp_pic_holder .pp_top .pp_middle { background: #fff; } /* Top pattern/color */
	div.pp_pic_holder .pp_top .pp_right { background: url(../resources/prettyPhoto/dark_square/tr.gif) top left no-repeat; } /* Top right corner */
	
	div.pp_pic_holder .pp_content { background-color: #fff; } /* Content background */
	div.pp_pic_holder .pp_content a.pp_next:hover { background: url(../resources/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } /* Next button */
	div.pp_pic_holder .pp_content a.pp_previous:hover { background: url(../resources/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	div.pp_pic_holder .pp_content a.pp_expand { background: url(../resources/prettyPhoto/dark_square/btnExpand.gif) top left no-repeat; cursor: pointer; } /* Expand button */
	div.pp_pic_holder .pp_content a.pp_expand:hover { background: url(../resources/prettyPhoto/dark_square/btnExpand.gif) bottom left no-repeat; cursor: pointer; } /* Expand button hover */
	div.pp_pic_holder .pp_content a.pp_contract { background: url(../resources/prettyPhoto/dark_square/btnContract.gif) top left no-repeat; cursor: pointer; } /* Contract button */
	div.pp_pic_holder .pp_content a.pp_contract:hover { background: url(../resources/prettyPhoto/dark_square/btnContract.gif) bottom left no-repeat; cursor: pointer; } /* Contract button hover */
	div.pp_pic_holder .pp_content a.pp_close { width: 75px; height: 22px; background: url(../resources/prettyPhoto/dark_square/btnClose.png) center left no-repeat; cursor: pointer; } /* Close button */

	div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_previous { background: url(../resources/prettyPhoto/dark_square/arrow_previous.png) top left no-repeat; } /* The previous arrow in the bottom nav */
	div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_next { background: url(../resources/prettyPhoto/dark_square/arrow_next.png) top left no-repeat; } /* The next arrow in the bottom nav */

	div.pp_pic_holder .pp_bottom .pp_left { background: url(../resources/prettyPhoto/dark_square/bl.gif) top left no-repeat; } /* Bottom left corner */
	div.pp_pic_holder .pp_bottom .pp_middle { background: #fff; } /* Bottom pattern/color */
	div.pp_pic_holder .pp_bottom .pp_right { background: url(../resources/prettyPhoto/dark_square/br.gif) top left no-repeat; } /* Bottom right corner */

	div.pp_pic_holder .pp_loaderIcon { background: url(../resources/prettyPhoto/dark_square/loader.gif) center center no-repeat; } /* Loader icon */

	div.ppt div.ppt_left { background: url(../resources/prettyPhoto/dark_square/ttl.gif) top left no-repeat; }
	div.ppt div.ppt_right { background: url(../resources/prettyPhoto/dark_square/ttr.gif) top left no-repeat; }
	div.ppt div.ppt_content { background: url(../resources/prettyPhoto/dark_square/ttp.gif) top left repeat-x; }
	
	/* ----------------------------------
		Dark Rounded Theme
	----------------------------------- */
	
	div.dark_rounded .pp_top .pp_left { background: url(../resources/prettyPhoto/dark_rounded/tl.png) top left no-repeat; } /* Top left corner */
	div.dark_rounded .pp_top .pp_middle { background: url(../resources/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Top pattern/color */
	div.dark_rounded .pp_top .pp_right { background: url(../resources/prettyPhoto/dark_rounded/tr.png) top left no-repeat; } /* Top right corner */
	div.dark_rounded .pp_bottom .pp_left { background: url(../resources/prettyPhoto/dark_rounded/bl.png) top left no-repeat; } /* Bottom left corner */
	div.dark_rounded .pp_bottom .pp_middle { background: url(../resources/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Bottom pattern/color */
	div.dark_rounded .pp_bottom .pp_right { background: url(../resources/prettyPhoto/dark_rounded/br.png) top left no-repeat; } /* Bottom right corner */
	div.dark_rounded .pp_content { background: url(../resources/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } /* Content background */
	div.dark_rounded .currentTextHolder { color: #c4c4c4; }
	div.dark_rounded div.ppt_left { background: url(../resources/prettyPhoto/dark_rounded/tl.png) top left no-repeat; }
	div.dark_rounded div.ppt_right { background: url(../resources/prettyPhoto/dark_rounded/tr.png) top right no-repeat; }
	div.dark_rounded div.ppt_content { background: url(../resources/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; }
	div.dark_rounded .pp_loaderIcon { background: url(../resources/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */
	
	
	/* ----------------------------------
		Dark Square Theme
	----------------------------------- */
	
	div.dark_square .pp_top .pp_left ,
	div.dark_square .pp_top .pp_middle,
	div.dark_square .pp_top .pp_right,
	div.dark_square .pp_bottom .pp_left,
	div.dark_square .pp_bottom .pp_middle,
	div.dark_square .pp_bottom .pp_right,
	div.dark_square .pp_content,
	div.dark_square div.ppt_left,
	div.dark_square div.ppt_right,
	div.dark_square div.ppt_content { background: url(../resources/prettyPhoto/dark_square/contentPattern.png) top left repeat; }
	div.dark_square .currentTextHolder { color: #c4c4c4; }
	div.dark_square .pp_loaderIcon { background: url(../resources/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } /* Loader icon */


	/* ----------------------------------
		Light Square Theme
	----------------------------------- */
	
	div.light_square .pp_top .pp_left ,
	div.light_square .pp_top .pp_middle,
	div.light_square .pp_top .pp_right,
	div.light_square .pp_bottom .pp_left,
	div.light_square .pp_bottom .pp_middle,
	div.light_square .pp_bottom .pp_right,
	div.light_square .pp_content,
	div.light_square div.ppt_left,
	div.light_square div.ppt_right,
	div.light_square div.ppt_content { background: #fff; }
	div.light_square div.ppt_content { color: #666666; }


/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */

	div.pp_pic_holder a:focus { outline:none; }

	div.pp_overlay {
		background: #000;
		position: absolute; top: 0; left: 0;
		z-index: 9500;
		width: 100%;
	}
	
	div.pp_pic_holder {
		position: absolute; z-index: 10000;
		width: 200px;
	}
		
		div.pp_pic_holder .pp_top {
			position: relative;
			height: 20px;
		}
			* html div.pp_pic_holder .pp_top { padding: 0 20px; }
		
			div.pp_pic_holder .pp_top .pp_left {
				position: absolute;
				left: 0;
				width: 20px; height: 20px;
			}
			div.pp_pic_holder .pp_top .pp_middle {
				position: absolute;
				left: 20px; right: 20px;
				height: 20px;
			}
				* html div.pp_pic_holder .pp_top .pp_middle { position: static; left: 0; }
			
			div.pp_pic_holder .pp_top .pp_right {
				position: absolute;
				top: 0; left: auto; right: 0;
				width: 20px; height: 20px;
			}
		
		div.pp_pic_holder .pp_content {
			position: relative;
			text-align: left;
			width: 100%; height: 40px;
		}
		
			div.pp_pic_holder .pp_content .pp_details {
				display: none;
				margin: 10px 15px 2px 20px;
			}
				div.pp_pic_holder .pp_content .pp_details p.pp_description { display: none; float: left; margin: 0; }
				
				div.pp_pic_holder .pp_content .pp_details .pp_nav {
					float: left;
					margin: 3px 0 0 0;
				}
				
					div.pp_pic_holder .pp_content .pp_details .pp_nav p { float: left; margin: 0 4px; }
				
					div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_previous,
					div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_next {
						float: left;
						display: block;
						width: 14px; height: 15px;
						overflow: hidden;
						text-indent: -10000px;
						margin-top: 3px;
					}
					
					div.pp_pic_holder .pp_content .pp_details .pp_nav a.disabled { background-position: 0 -16px; cursor: default; }
		
		div.pp_pic_holder .pp_content div.hoverContainer {
			position: absolute; z-index: 2000;
			top: 0; left: 0;
			width: 100%;
		}
		
		div.pp_pic_holder .pp_content a.pp_next {
			display: block; float: right;
			text-indent: -10000px;
			width: 49%; height: 100%;
			background: url(../resources/prettyPhoto/dark_square/btnNext.png) 10000px 10000px no-repeat;
		}
			
		div.pp_pic_holder .pp_content a.pp_previous {
			display: block; float: left;
			text-indent: -10000px;
			width: 49%; height: 100%;
			background: url(../resources/prettyPhoto/dark_square/btnNext.png) 10000px 10000px no-repeat;
		}
		
		div.pp_pic_holder .pp_content a.pp_expand,
		div.pp_pic_holder .pp_content a.pp_contract {
			position: absolute; z-index: 20000;
			top: 10px; right: 30px;
			cursor: pointer;
			display: none;
			text-indent: -10000px;
			width: 20px; height: 20px;	
		}
			
		div.pp_pic_holder .pp_content a.pp_close {
			float: right;
			display: block;
			text-indent: -10000px;
		}
		
		div.pp_pic_holder .pp_bottom {
			position: relative;
			height: 20px;
		}
			* html div.pp_pic_holder .pp_bottom { padding: 0 20px; }
			
			div.pp_pic_holder .pp_bottom .pp_left {
				position: absolute;
				left: 0;
				width: 20px; height: 20px;
			}
			div.pp_pic_holder .pp_bottom .pp_middle {
				position: absolute;
				left: 20px; right: 20px;
				height: 20px;
			}
				* html div.pp_pic_holder .pp_bottom .pp_middle { position: static; left: 0; }
				
			div.pp_pic_holder .pp_bottom .pp_right {
				position: absolute;
				top: 0; left: auto; right: 0;
				width: 20px; height: 20px;
			}
		
		div.pp_pic_holder .pp_loaderIcon {
			display: none;
			position: absolute;
			top: 50%; left: 50%;
			margin: -12px 0 0 -12px;
			width: 24px; height: 24px;
		}
		
		div.pp_pic_holder #full_res { width: 100%; text-align: center; }
			div.pp_pic_holder #full_res { display: block; margin: 0 auto; }
	
		div.ppt {
			display: none;
			position: absolute;
			top: 0; left: 0;
			z-index: 9999;
			color: #fff; font-size: 13px;
		}
		
			div.ppt div.ppt_left,
			div.ppt div.ppt_right { float: left; width: 19px; height: 23px; overflow: hidden; }
			
			div.ppt div.ppt_content { float: left; line-height: 23px; }

/* ------------------------------------------------------------------------
	Miscellaneous
------------------------------------------------------------------------- */

	.clearfix:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */