/* @override http://www.promardesigns.com/css/site.css */

/* Global Elements */

body {
	font: 62.5%/1.6em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
	margin: 0;
	color: #5C5C5C;
}

#siteContainer {
	margin: 0 auto;
	width: 957px;
	text-align: left;
	font-size: 9px;
}

.clearFloat {
	clear: both;
	line-height: 0;
	height: 0;
}

:focus {
	outline: 0;
}

h2, h3, .hidden {
	/*visibility: hidden;*/
	display: none;
}


p {
	color: #5C5C5C;
	font: 1.2em Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	line-height: 17px;
}

.descText p {
	color: #5c5c5c;
	font: 1.1em/1.3em Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}


ul {
	list-style-type: none;
	color: #5c5c5c;
	font-family: Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}

#aboutContainer ul, #teamContainer ul, #contactContainer ul, blogContainer ul {
	color: #5c5c5c;
	font: 1.1em/1.7em Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	margin: 0;
	padding: 0;
}

.bold {
	font-weight: bold;
}

.orangeCaps {
	color: #CC6600;
	text-transform: uppercase;
}

a, a:link, a:active, a:visited {
	font-weight: bold;
	color: #afbd68;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.descTop, .descMid {
	height: 16px;
	margin-top: 24px;
	margin-bottom: 28px;
}

.phoneNum {
	/*width: 12.7em;*/
	height: 16px;
	background: url(../img/phoneNum.png) no-repeat;
}

#contactContainer .phoneNum {
	background-image: url(../img/phoneNumExt.png);
	margin-bottom: 7px;
}

.faxNum {
	height: 16px;
	background: url(../img/faxNumExt.png) no-repeat;
}


/* TOP MENU BAR */

#topMenu {
	background-color: #202020;
	height: 33px;
	width: 100%;
}

/* HEADER MAIN NAVIGATION AREA */

#header {
	height: 115px;
	overflow: hidden;
	width: 100%;
	position: relative;
	background: transparent;
}

#logoContainer {
	float: left;
	width: 154px;
	height: 54px;
	background: url(../img/promar_logo.gif) no-repeat;
	margin-top: 30px;
}

#logoContainer a:link, #logoContainer a:visited, #logoContainer a:hover {
	display: block;
	text-indent: -9999px;
	border: none;
	width: 154px;
	height: 54px;
}

/* NAV */

/*#navContainer {
	float: right;
	margin-top: 40px;
	height: 48px;
	width: 493px;
}*/

ul#nav {
	margin-top: 50px;
	float: right;
	height: 25px;
}

#nav li {
	list-style: none;
	margin-left: 35px;
	float: left;
	height: 25px;
}

#nav li a:link, #nav li a:visited, #nav li a:hover {
	display: block;
	text-indent: -9999px;
	border: none;
	height: 25px;
}

#nav li#navAbout a {
	width: 61px;
	background-image: url(../img/btn/nav_about.png);
}

#nav li#navWork a {
	width: 81px;
	background-image: url(../img/btn/nav_work.png);
}

#nav li#navTeam a {
	width: 77px;
	background-image: url(../img/btn/nav_team.png);
}

#nav li#navContact a {
	width: 90px;
	background-image: url(../img/btn/nav_contact.png);
}

#nav li#navAbout a:hover, #nav li#navWork a:hover, #nav li#navTeam a:hover, #nav li#navContact a:hover, #nav .uberlink {
	background-position: 0 -28px;
}


 /*PORTFOLIO PAGE -------------------------------------------------------------*/

/* TOP CONTENT AREA */

#topContent div.hr {
	height: 5px;
	background: url(../img/dotted_hr.gif) no-repeat 2px;
	clear: right;
}

/* TOP CONTENT LOADER */

#mainArea {
	height: 482px;
	width: 957px;
	position: relative;
}

#mainAreaInternal { /* Keeps layout from expanding in IE when no #glider is present */
	width: 957px;
	height: 482px;
	overflow: hidden;
}

#mainAreaLoading {
	height: 480px;
	width: 962px;
	top: 0;
	left: 0;
	background-color: #fff;
	z-index: 200;
	position: absolute;
}

#loader {
	position: relative;
	top: 250px;
	left: 450px;
}

#flashContainer {
	width: 962px;
	height: 480px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

#flashContainer object, #flashContainer embed {
	margin-right: auto;
	margin-left: auto;
	vertical-align: middle;
	position: absolute;
	top: 50%;
	left: 25%;
}

/* GLIDER NAV */

/*#gliderNavContainer {
	width: 383px;
	float: right;
}*/

ul#gliderNav {
	width: 388px;
	padding: 0;
	height: 26px;
	float: right;
	margin-top: 10px;
}

#gliderNav li {
	list-style: none;
	margin-right: 22px;
	height: 26px;
	float: left;
}

#gliderNav li a:link, #gliderNav li a:visited, #gliderNav li a:hover {
	display: block;
	text-indent: -9999px;
	border: none;
	height: 26px;
}

#gliderNav li a, #gliderNav li a.normal {
	width: 26px;
	background: url(../img/btn/next_button.png) no-repeat 0 -31px;
}

#gliderNav li a:hover, #gliderNav li a.active {
	background: url(../img/btn/next_button.png) 0 0;
}

/* GLIDER CONTAINER */

div.scroller {
	width: 957px;
	height: 436px;
	overflow: hidden;
}

div.scroller div.section {
	width: 957px;
	height: 436px;
	overflow: hidden;
	float: left;
	padding-top: 10px;
}

div.scroller div.content {
	width: 10000px;
}

/* BOTTOM CONTENT AREA */
#bottomContent {
	height: 141px;
	width: 957px;
	margin-top: 29px;
}

#workNav {
	width: 574px;
	float: left;
}

#descArea {
	width: 383px;
	height: 122px;
	float: right;
	position: relative;
}

#leftCol {
	width: 130px;
	background: url(../img/work_title.png) no-repeat;
	float: left;
	display: block;
}

#leftCol h2 {
	visibility: hidden;
	display: block;
}

#midCol {
	float: left;
	width: 113px;	
}

#rightCol{
	float: left;
	width: 304px;
}


/* PORTFOLIO NAV STYLES */
/*#subAreaLeft {
	float: left;
}*/

/*#subAreaRight {
	float: right;
}*/

#workNav ul#categories, #workNav ul.subCategories {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#workNav ul#categories a, #workNav ul#categories a:visited, #workNav ul#categories a.normal {
	color: #979797;
	text-decoration: none;
	font: bold 1.1em/1.8em Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}

#workNav ul#categories a:hover, #workNav ul#categories a.active {
	color: #000;
}

#workNav ul.subCategories a, #workNav ul.subCategories a:visited, #workNav ul.subCategories a.normal {
	color: #979797;
	text-decoration: none;
	font: 1.1em/1.8em Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}

#workNav ul.subCategories a:hover, #workNav ul.subCategories a.active {
	color: #000000;
}

ul.subCategories {
	width: 145px;
	float: left;
}

/* PORTFOLIO PROJECT DESCRIPTION AREA  */
#descAreaLoading {
	height: 172px;
	width: 383px;
	top: 0;
	left: 0;
	background-color: #fff;
	z-index: 200;
	position: absolute;
}

.descText p {
	position: absolute;
	top: 40px;
	width: 330px;
}

/*.descText p {
	color: #666666;
	font: bold 1.1em/1.3em Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}*/

 /* TEAM PAGE -------------------------------------------------------------*/
#teamContainer {
	margin-left: 139px;
	width: 738px;
}

#teamPageTitle {
	background: url(../img/team/teamPageTitle.png) no-repeat;
	height: 47px;
	width: 238px;
	margin-left: 148px;
}

.mInfoContainer {
	margin-top: 60px;
	float: left;
}

.mInfoSubContainer {
	width: 585px;
	float: right;
	margin-left: 25px;
}

.teamDesc {
	width: 575px;
	margin-left: 33px;
	margin-top: 11px;
}

.teamDesc p {
	line-height: 17px;
}

#fotoNancy {
	/*background: url(../img/team/fotoNancy.jpg) no-repeat;*/
	width: 124px;
	height: 197px;
	float: left;
}

#teamTitleNancy {
	background: url(../img/team/teamTitleNancy.png) no-repeat;
	height: 17px;
}

#fotoKim {
	/*background: url(../img/team/fotoKim.jpg) no-repeat;*/
	width: 124px;
	height: 197px;
	float: left;
}

#teamTitleKim {
	background: url(../img/team/teamTitleKim.png) no-repeat;
	height: 17px;
}

#fotoJenny {
	/*background: url(../img/team/fotoJenny.jpg) no-repeat;*/
	width: 124px;
	height: 197px;
	float: left;
}
#teamTitleJenny {
	height: 17px;
	background: url(../img/team/teamTitleJenny.png) no-repeat;
}

#fotoElena {
	background: url(../img/team/fotoElena.jpg) no-repeat;
	width: 124px;
	height: 197px;
	float: left;
}

#teamTitleElena {
	background: url(../img/team/teamTitleElena.png) no-repeat;
	height: 17px;
}

#fotoBenn {
	/*background: url(../img/team/fotoBenn.jpg) no-repeat;*/
	width: 124px;
	height: 197px;
	float: left;
}

#teamTitleBenn {
	background: url(../img/team/teamTitleBenn.png) no-repeat;
	height: 17px;
}

#fotoMichael {
	/*background: url(../img/team/fotoMichael.jpg) no-repeat;*/
	width: 124px;
	height: 197px;
	float: left;
}

#teamTitleMichael {
	background: url(../img/team/teamTitleMichael.png) no-repeat;
	height: 17px;
}

#fotoJanis {
	/*background: url(../img/team/fotoJanis.jpg) no-repeat;*/
	width: 124px;
	height: 197px;
	float: left;
}

#teamTitleJanis {
	background: url(../img/team/teamTitleJanis.png) no-repeat;
	height: 17px;
}

#teamTitleJeff {
	background: url(../img/team/teamTitleJeff.png) no-repeat;
	height: 17px;
}

#fotoJeff {
	/*background: url(../img/team/fotoJeff.jpg) no-repeat;*/
	width: 124px;
	height: 197px;
	float: left;
}


/**** BLOG ****/
#blogContainer {
	width: 952px;
	float: left;
}

#blogQuote {
	width: 222px;
	height: 468px;
	float: left;
	background: url(../img/quotes/luceQuote.png) no-repeat;
	margin-top: 21px;
}

#blogContent {
	width: 664px;
	float: right;
}

#blogPageTitle {
	height: 20px;
	background: url(../img/about/aboutPageTitle.png) no-repeat;
}

#blogContainer .descTop {
	background: url(../img/about/aboutDescTop.png) no-repeat;
}

/* ABOUT PAGE -------------------------------------------------------------*/

#aboutContainer {
	width: 952px;
	float: left;
}

#aboutQuote {
	width: 222px;
	height: 468px;
	float: left;
	background: url(../img/quotes/luceQuote.png) no-repeat;
	margin-top: 21px;
}

#aboutHotlist {
	width: 222px;
	height: 468px;
	float: left;
	background: url(../img/hotlist.png) no-repeat;
	margin-top: 21px;
}

#aboutContent {
	width: 664px;
	float: right;
}

#aboutPageTitle {
	height: 20px;
	background: url(../img/about/aboutPageTitle.png) no-repeat;
}

#aboutContainer .descTop {
	background: url(../img/about/aboutDescTop.png) no-repeat;
}

#aboutContainer .descMid {
	background: url(../img/about/aboutDescMid.png) no-repeat;
}

#aboutDescBottom {
	position: relative;
	height: 41em;
}

#aboutDescBottom ul {
	line-height: 1.6em;
	margin-bottom: 14px;
	font-size: 1.4em;
	width: 400px; /* Added a width to  correct bug in IE6 so the bullets will show */
}

#aboutDescBottom ul li {
	padding-left: 12px;
	background: url(../img/orangeBullet.png) no-repeat scroll 0 .5em;
}

#aboutDescBottom p {
	line-height: 17px;
	/*width: 57em;*/
}


#pineapple {
	background: url(../img/pineapple.jpg) no-repeat;
	width: 63px;
	height: 121px;
	position: absolute;
	left: 599px;
	bottom: 0;
}


/* CONTACT PAGE -------------------------------------------------------------*/

#contactContainer {
	width: 952px;
	float: left;
}

#contactQuote {
	width: 222px;
	height: 457px;
	float: left;
	background: url(../img/quotes/ybnQuote.png) no-repeat;
	margin-top: 21px;
}

#contactContent {
	width: 664px;
	float: right;
	position: relative;
}

#contactPageTitle {
	height: 20px;
	background: url(../img/contact/contactPageTitle.png) no-repeat;
}

#contactContainer .descTop {
	background: url(../img/contact/contactDescTop.png) no-repeat;
}

#contactDetailsBottom {
	position: relative;
	height: 40em;
	width: 664px;
	margin-top: 2px;
}

#contactDetailsBottom p {
	line-height: 18px;
	z-index: 2;
}

#ideaFactory {
	height: 33px;
	background: url(../img/ideaFactory.png) no-repeat 0;
	border-top: 1px solid #989898;
	position: static;
}

#orange {
	background: url(../img/orange.jpg) no-repeat;
	width: 81px;
	height: 84px;
	position: absolute;
	left: 581px;
	bottom: 0;
}

/*#directions {
	background: url(../img/contact/directions.png) no-repeat;
	width: 16.3em;
	height: 1.7em;
}*/

#map {
	height: 305px;
	width: 243px;
	position: absolute;
	right: 150px;
	top: 89px;
	background: url(../img/contact/promarMap.png) no-repeat;
}


/* HOMEPAGE STYLING -------------------------------------------------------------*/
#logoContainer{
	margin-top: 10px;
}

#topMenu ul{
	margin: 0px;
	float: right;
	padding: 0px;
	list-style-type: none;
}
#topMenu ul li{
	float: left;
	margin: 7px 10px 0px 0px;
}
#topMenu ul li.last{
	margin: 7px 20px 0px 0px;
}

ul#nav, ul#nav li, ul#nav li a:link{
	height: 15px;
}

ul#nav {
	margin-top: 25px;
	float: right;
}

#nav li {
	list-style: none;
	margin-left: 0px;
	float: left;
}

#nav li a:link, #nav li a:visited, #nav li a:hover {
	display: block;
	text-indent: -9999px;
	border: none;
}

#nav li#navAbout a { 
	width: 79px;
	background-image: url(../img/btn2/about.gif);
}

#nav li#navBlog a {
	width: 76px;
	background-image: url(../img/btn2/blog.gif);
}

#nav li#navWork a {
	width: 98px;
	background-image: url(../img/btn2/work.gif);
}

#nav li#navTeam a {
	width: 99px;
	background-image: url(../img/btn2/team.gif);
}

#nav li#navContact a {
	width: 110px;
	background-image: url(../img/btn2/contact.gif);
}

#nav li#navAbout a:hover, #nav li#navWork a:hover, #nav li#navTeam a:hover, #nav li#navContact a:hover,  #nav li#navBlog a:hover, #nav .uberlink, #nav li.current a{
	background-position: 0 -27px;
}


div#fruityMsg{
	background-image: url('../img/fruity-messages/02.jpg');
	height: 488px;
	position: relative;
	top: -95px;
	width: 953px;
	z-index: 1;
}
div#header, div#contentLeft, div#contentRight{
	z-index: 999;
}

div#contentLeft, div#contentRight{
	float: left;
	font-size: 95%;
	padding: 40px;
	width: 380px;
	margin-bottom: 25px;
}

div#contentLeft, div#contentRight, div#latestProjects{
	position: relative;
	top: -280px;
}
div#latestProjects{
	top: -310px;
}

div#contentLeft a:link, div#contentRight a:link, .orange,
div#column1 a, div#column2 a, div#column3 a{
	color: #E88D07;
}
.orange{
	font-size: 110%;
	font-weight: bold;
}

* html div#latestProjects, * html div.column{ 
	display: block;
	position: relative;
	top: -280px;
	z-index: 999;
}
* html div#latestProjects{
	height: 443px;
}
* html div.column{
	top: 10px;
}
div#latestProjects{
	background-image: url(../img/homepage/latestProjects_dotted.gif);
	background-repeat: no-repeat;
	border: none;
	clear: left;
	padding: 35px 0px 0px 0px;
}
	div#latestProjects a#viewMore{
		background-image: url(../img/homepage/moreProjects.gif);
		display: block;
		position: absolute;
		margin: -30px 0px 0px 800px;
		text-indent: -9999px;
		height: 37px;
		width: 144px;
	}
	* html div#latestProjects a#viewMore{
		margin: -37px 0px 0px -144px;
	}
		div.column{
			float: left;
			height: 243px;
			width: 315px;
		}
			div#column1, div#column2, div#column3{
				display: none;
				font-size: 85%;
				padding: 5px 30px 5px 8px;
			}
			a.thumb{
				border: 3px solid #b0b0b0;
				display: block;
				height: 132px;
				width: 296px;
			}
			a.thumb:hover{
				border: 3px solid #858585;
			}

div#copyright, a#footer{
	background-repeat: no-repeat;
	border: none;
	display: block;
	position: relative;
	text-indent: -9999px;
	font-size: 10px;
}
div#copyright{
	background-image: url(../img/copyright.gif);
	float: left;
	height: 22px;
	top: -250px;
	width: 486px;
}
a#footer{
	background-image: url(../img/homepage/blogFooter.gif);
	display: block;
	float: right;
	height: 81px;
	top: -350px;
	width: 207px;
}

.float-right{
	float: right;
	margin: 15px -60px 0px 20px;
}
.clear{ clear: both; }