﻿/*@import url("thickbox.css");*/

/*===ELEMENTS============================================================================================================================*/
BODY        {text-align:center; font-family:Verdana; color:#ffffff; font-size:13px;margin:0px; padding:0px; background:#191919 url(../gfx/site/body.gif) repeat-x 0px 101px;}
HTML		{width:100%;}
FIELDSET	{padding:0px; margin:0px; border:0px;}
FORM		{padding:0px; margin:0px;}
SELECT		{float:left; font: 11px Tahoma; margin:0px; margin:0px; width:150px;}
LABEL		{float:left; font: 11px Tahoma; padding:0px; margin:0px;}
INPUT		{padding:0px; margin:0px;}
OPTION		{padding:0px; margin:0px;}
RADIO		{padding:0px; margin:0px;}
CHECKBOX	{padding:0px; margin:0px;}
TEXTAREA	{padding:0px; margin:0px;}

A:link			{color: #555555; text-decoration: underline;}
A:visited		{color: #555555; text-decoration:none;}
A:active		{color: #555555; text-decoration:none;}
A:hover			{color: #555555; text-decoration:none;}
ul				{color: #555555; text-decoration: none;}

P				{color:#555555; margin:0px; padding:10px 0px 0px 0px; line-height:19px;}
H1				{padding:0px 0px 8px 0px; margin:0px; font-size:20px; color:#558e25; font-weight:normal;}

/*===WEBPAGE============================================================================================================================*/

DIV#topBarContainer		{height:99px; background-color:#1f1d1a; width:100%; border-bottom:solid 1px #47423c;}
	DIV#topBar				{height:99px; width:855px; margin:0px auto;}
		A#topBarLogo			{height:100px; width:327px; float:left; background:url(../gfx/site/logo.jpg) no-repeat center top;}
		DIV#topBarNavigation	{height:99px; width:500px; float:left; padding: 0px 0px 0px 22px;}

DIV#mainContainer		{height:520px; background:url(../gfx/site/mainContainer.jpg) no-repeat center top; width:100%; padding:51px 0px 0px 0px;}
DIV#contentContainer	{height:520px; background:url(../gfx/site/contentContainer.jpg) no-repeat center top; width:100%; padding:51px 0px 0px 0px;}
DIV#portfolioContainer	{height:520px; background:url(../gfx/site/portfolioContainer.jpg) no-repeat center top; width:100%; padding:51px 0px 0px 0px;}


	DIV#mainBox				{width:855px; margin:0px auto;}
		DIV#contentArea			{float:right; width:519px; text-align:left; padding:23px 25px 25px 24px;}
		DIV#photoArea			{float:left; height:284px; width:280px; padding:3px; padding-left: 4px;}
		* html DIV#photoArea		{float:left; height:284px; width:280px; padding:3px; padding-left: 3px;}
		DIV#contentFooter		{clear:both; height:3px; background-color:Transparent; font-size:1px;}
		DIV.portfolioItem		{float: left; width: 100px; height: 100px; border: 1px solid #c3c3c3; padding: 5px; margin-right: 5px; margin-bottom: 5px;}
		DIV.mainBoxPhoto		{height:284px; width:210px; float:left; background-color:Black; margin:3px 0px 3px 3px;}
		DIV.mainBoxPhotoLeft		{height:284px; width:210px; float:left; background-color:Black; margin:3px 0px 3px 3px;}
		* html DIV.mainBoxPhotoLeft {margin-left: 1px;}
		
/* Navigation */
.jqueryslidemenu		{font: 15px Arial;}
.jqueryslidemenu ul		{margin: 0; padding: 0; list-style-type: none;}
.jqueryslidemenu ul li	{position: relative; display: inline; float: left;}
.jqueryslidemenu ul li a{display: block; background: #1f1d1a; /*background of tabs (default state)*/ color: white; padding:42px 0px 20px 26px; background: url(../gfx/site/navigationStripe.gif) no-repeat left 15px; color: #2d2b2b;text-decoration: none;}
* html .jqueryslidemenu ul li a		{ /*IE6 hack to get sub menu links to behave correctly*/display: inline-block;}
.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited		{color: white;}
.jqueryslidemenu ul li a:hover{ /*tab link background during hover state*/color: #877e73;}
.jqueryslidemenu ul li ul{position: absolute; left: 0; background-color:#1f1d1a; padding:0px; display: block; visibility: hidden; padding:0px 0px 22px 0px;}
.jqueryslidemenu ul li ul li{display: list-item; float: none; padding:6px 25px 3px 25px;}
.jqueryslidemenu ul li ul li a{ font: normal 12px Arial; width: 140px; /*width of sub menus*/ padding: 0px; margin: 0; border-top-width: 0; text-align:left; border-bottom: 1px solid #47423c;}
.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/ background: #eff9ff; color: black;}
.downarrowclass{top: 47px; padding:0px 0px 0px 10px;}

