@charset "UTF-8";
/* CSS Document */
/* Trinette Reed */
/* Author: Jen Fletcher Web Development */


/* ---- HTML & Body Information ---- */
html,body {
	height: 100%;
	padding: 0;
	color: #000;
	background: #fff;
}
body{
	margin: 35px auto 55px auto;
}
* html body
{
	text-align: center;
}

img {
	border: 0;
}

.hideme {
	display: none;
}

.abouttext {
	width: 550px;
	float: right;
	margin-top: 20px;
	margin-right: 25px;
}

.abouttext p {
	margin-bottom: 15px;
	}
.caption {
	clear: both;
	width: 300px;
	margin: 0 5px 0 5px;
	padding: 0;
	text-align: left;
	font-size: 10px;
	font-weight: normal;
	color: #5f6564;
}
.caption br {
	line-height: 0;

}
.caption h1 {
	font-size: 12px;
	font-weight: bold;
	color: #5f6564;
	margin: 0;
	padding: 0;
}

#counter {
	width: 100%;
	text-align: center;
	margin-top: 5px;
}

/* ---- Global Fonts & Typography ----*/

html, body {
	font-family: Verdana;
	font-size: 0.88em;
	color: #948588;
}

/* CCG Edit */
/*
h1 {
	font-size: 0.5em;
	font-weight: bold;
	color: #006699;
}
*/

h1 {
	font-size: 1.5em;
	font-weight: normal;
	color: #787a7c;
}

h2 {
	font-size: 1.0em;
	font-weight: normal;
	color: #787a7c;
}



/* CCG Edit */
/*a {
	text-decoration:none;
	color: #663333;
}
*/

a {
	text-decoration:none;
	color: #787a7c;
}

/* CCG Edit */
/*a:hover {
	color: #993300;
}
*/

a:hover {
	color: #b1b7bd;
}

a:focus { outline: none; }

#adminform {
	font-size: 10px;
}

#adminform table {
	font-size: 10px;
}


/* ---- Error Messages ---- */
div#errormessage {
	border: 1px solid #FF0000;
	background: #FF9966;
}

.error {
	color: #FF0000;
	font-size: 0.8em;
	font-weight: bold;
}

/* ---- Easy Clearing Method ---- */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	zoom: 1;
	display: block;
}


/* ---- Footer ---- */
#footer {
	position: absolute;
	bottom: 0;
	margin: 0;
	padding: 0;
	width: 1020px;
	height: 93px;
	border-top: 1px solid #ccc;
	border:0px solid black;
	z-index:2;
}

#innerfooter {
	height: 100%;
	width: 100%;
	position: relative;
}

#trinette-reed-logo {
	float: left;
	position: absolute;
	top: 1px;
	left: 0;
	width: 297px;
	height: 80px;
	background: #fff;
	border:0;
	padding-top:10px;
}

		
/* ---- Page Layout Elements ---- */
#seoTextContainer {
	min-height: 100%;
	margin: 90px auto auto auto;
	text-align: left;
	width: 1022px;
	position: relative;
	z-index: 0;
}

* html #seoTextContainer {
	height: 100%;
}
	
#pageContainer {
	min-height: 100%;
	margin: auto;
	text-align: left;
	width: 1022px;
	position: relative;
	z-index: 0;
}
	
* html #pageContainer {
  height: 100%;
  text-align:left;
  margin:0 auto;
}

.text {
      width: 580px;
      float: right;
	  margin-top: 5px;
	margin-right: 25px;
}

.text p{ padding-right: 20px; padding-top: 5px; font-weight: lighter; }

#admincontainer {
	width: 1020px;
	background: #fff;
	border: 1px solid #ccc;
	position: relative;
	z-index: 1;
}

#container-sitemap {
	width: 1020px;
	height: auto;
	background: #fff;
	border: 1px solid #ccc;
	position: relative;
	z-index: 1;
}

#container {
	width: 1020px;
	height: 600px;
	background: #fff;
	border: 1px solid #ccc;
	position: relative;
	z-index: 1;
}

#container .image {
	   margin: 0;
	   padding: 0;
	   float: left;
}

#slideshow img,
#slideshow2 img {
	   position: absolute;
	   z-index: 10;
}

#slideshow,
#slideshow2 {
	   position: relative;
	   height: 507px;
	   width: 1020px;
	   margin: 0;
	   padding: 0;
	   overflow: hidden;
		border-bottom:1px solid #ccc;
}

/* ---- Navigation Sprite ---- */
#trinettelogo {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 250px;
	font-family: helvetica, verdana, sans-serif, arial;
}
#trinettelogo .logo {
	font-size: 18px;
}
#trinettelogo .tagline {
	clear: left;
	font-size: 13px;
}


#navigation {
	    position: relative;
	 	font-family: helvetica, verdana, sans-serif, arial;
	    width: 430px;
	    height: 20px;
	    margin: 0px 0 0 0;
	    padding: 0;
	    font-size: 15pt;
}

#navigation li {
	    margin: 0;
	    padding: 0;
	    list-style: none;
	    position: absolute;
	    top: 0;
}

#navigation li, #navigation a {
	    height: 83px;
	    display: block;
		color: #c9d0cf;
}
#portfolio-pager-container {
	position: absolute;
	width: 100px;
	height: 22px;
	right: 20px;
	bottom: 71px;
	display:block;
	z-index: 1000;
}
#portfolio-pager-container a {
	display:block;
}

#portfolio-pager-container ul li {
	padding: 0;
	float: right;
	width: 12px;
	height: 22px;
	display:block;
	border:0px black solid;

}

#portfolio-pager-container li.navnext:hover img,
#portfolio-pager-container li.navprev:hover img {
	visibility:hidden;
}

#portfolio-pager-container li.navprev {
	margin-top:1px;
	margin-right: 30px;
}
#portfolio-pager-container li.navnext {
	margin-top:1px;
}
#portfolio-pager-container li.navnext:hover {
	background: transparent url(../images/nexth.png) 0 0 no-repeat;
	display:block;
	z-index: 1001;
}
#portfolio-pager-container li.navprev:hover {
	background: transparent url(../images/previoush.png) 0 0 no-repeat;
}
#navcontainer {
	   z-index:1;
	   position: absolute;
	   width: 445px;
	   height: 100%;
	   top: 15px;
	   right: 0px;
	   float: right;
	   text-align:right;
}
#cssdropdown ul li {
	padding: 0;
	float: left;
}
#cssdropdown a { display:block; }
#cssdropdown li.headlink a { height: 40px; }
#cssdropdown li.galleries { width: 62px; }
#cssdropdown li.headlink ul { display: none; text-align: left; }
#cssdropdown li.headlink:hover ul { display: block; }


#cssdropdown li.headlink:hover ul { display: block; }
#cssdropdown li.headlink { float: left; margin: 0 18px 0 0px; padding: 0; height: 40px; background: transparent;}
#cssdropdown li.headlink.buy {margin-left:2px;}
#cssdropdown li.home:hover img,
#cssdropdown li.galleries:hover img,
#cssdropdown li.about:hover img,
#cssdropdown li.clients:hover img,
#cssdropdown li.connect:hover img,
#cssdropdown li.blog:hover img,
#cssdropdown li.buy:hover img,
#cssdropdown li.homehover img,
#cssdropdown li.gallerieshover img,
#cssdropdown li.abouthover img,
#cssdropdown li.clientshover img,
#cssdropdown li.connecthover img,
#cssdropdown li.buyhover img,
#cssdropdown li.bloghover img {
	visibility:hidden;
}
#cssdropdown li.home:hover,
#cssdropdown li.homehover {
	background: transparent url(/images/nhomeh.jpg) 0 0 no-repeat;
}
#cssdropdown li.galleries:hover, #cssdropdown li.gallerieshover {
	background: transparent url(/images/ngalleriesh.jpg) 0 0 no-repeat;
}
#cssdropdown li.about:hover, #cssdropdown li.abouthover { 
	background: transparent url(/images/nabouth.jpg) 0 0 no-repeat;
}
#cssdropdown li.buy:hover, #cssdropdown li.buyhover {
	background: transparent url(/images/nbuyh.jpg) 0 0 no-repeat;
}
#cssdropdown li.clients:hover, #cssdropdown li.clientshover {
	background: transparent url(/images/nclientsh.jpg) 0 0 no-repeat;
}
#cssdropdown li.connect:hover, #cssdropdown li.connecthover {
	background: transparent url(/images/nconnecth.jpg) 0 0 no-repeat;
}
#cssdropdown li.blog:hover, #cssdropdown li.bloghover {
	background: transparent url(/images/nblogh.jpg) 0 0 no-repeat;
}
/* Edit: 24.07.2011 / Nick Spitzer / Added "still life" and "food" */
/* ------------------------ */

#cssdropdown li.headlink ul.dropdown {

	position: absolute;
	right: 0px;
	width: 555px;
	height: 50px;
	background: transparent url(/images/tree_2.jpg) 0 0 no-repeat;
	top: 40px;
	border:0px black solid;
}
#cssdropdown li.headlink ul.dropdown li {
	float: left;
	padding: 0;
	margin: 20px 0px 0 0;
}
#cssdropdown li.headlink ul.dropdown li.video:hover img, 
#cssdropdown li.headlink ul.dropdown li.resort:hover img, 
#cssdropdown li.headlink ul.dropdown li.food:hover img, 
#cssdropdown li.headlink ul.dropdown li.stilllife:hover img, 
#cssdropdown li.headlink ul.dropdown li.fashion:hover img, 
#cssdropdown li.headlink ul.dropdown li.architecture:hover img,
#cssdropdown li.headlink ul.dropdown li.videohover img, 
#cssdropdown li.headlink ul.dropdown li.resorthover img, 
#cssdropdown li.headlink ul.dropdown li.foodhover img, 
#cssdropdown li.headlink ul.dropdown li.stilllifehover img, 
#cssdropdown li.headlink ul.dropdown li.fashionhover img, 
#cssdropdown li.headlink ul.dropdown li.architecturehover img {
	visibility: hidden;
}
#cssdropdown li.headlink ul.dropdown li.video, 
#cssdropdown li.headlink ul.dropdown li.videohover {
	background: transparent url(/images/navmotionh.jpg) 0 0 no-repeat;
}
#cssdropdown li.resort:hover, 
#cssdropdown li.resorthover {
	background: transparent url(/images/navresorth.jpg) 0 0 no-repeat;
}
#cssdropdown li.food:hover, 
#cssdropdown li.foodhover {
	background: transparent url(/images/navfoodh.jpg) 0 0 no-repeat;
}
#cssdropdown li.stilllife:hover, 
#cssdropdown li.stilllifehover {
	background: transparent url(/images/navstilllifeh.jpg) 0 0 no-repeat;
}
#cssdropdown li.headlink ul.dropdown li.fashion:hover, 
#cssdropdown li.headlink ul.dropdown li.fashionhover {
	background: transparent url(/images/navfashionh.jpg) 0 0 no-repeat;
}
#cssdropdown li.headlink ul.dropdown li.architecture:hover, 
#cssdropdown li.headlink ul.dropdown li.architecturehover {
	background: transparent url(/images/navarchitectureh.jpg) 0 0 no-repeat;
}
/* ------------------------ */

#cssdropdown li.headlink ul.dropdown li img {
	visibility:visible;
}
#navnext {
	float:right; margin-top: 1px; z-index: 9999;
}

#category-navigation ul {
	margin: 0;
	padding: 0;
}		     
#category-navigation li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#category-navigation a:hover {
	color: #EEE685;
}
#category-navigation #luxuryspa,
#category-navigation #fashion,
#category-navigation #architecture,
#category-navigation #video {
	height: 25px;
	width: 275px;
}

#category-navigation #luxuryspa a {
	display: table-cell;
}

#category-navigation #luxuryspa a:hover {
}

#category-navigation #fashion a {
	display: table-cell;
}

#category-navigation #fashion a:hover {
}

#category-navigation #architecture a {
	display: table-cell;
}

#category-navigation #architecture a:hover {
}

#category-navigation #video a {
	display: table-cell;
}

#category-navigation #video a:hover {
}


/* ---- Portfolio Paging ---- */

#portfolio-pager {
	position: relative;
	background: url(/images/portfolio-nav.png) no-repeat;
	width: 58px;
	height: 18px;
	margin: 0;
	padding: 0;
}

#portfolio-pager li {
	    margin: 0;
	    padding: 0;
	    list-style: none;
	    position: absolute;
	    top: 0;
}

#portfolio-pager li, #portfolio-pager a {
	    height: 18px;
	    display: block;
}

#next { left: 30px; width: 16px; }
#next a:hover { background: transparent url(/images/portfolio-nav.png) -125px 0px no-repeat; }

#previous { left: 0; width: 16px; }
#previous a:hover { background: transparent url(/images/portfolio-nav.png) -85px 0px no-repeat; }

#blank { left: 0px; width: 16px; background: #fff; }
#blank2 { left: 40px; width: 16px; background: #fff; }


/* ---- Portfolio Slider ---- */

.stripNav { display: none; }
.stripNavR {
	   position: absolute;
	   top: 530px;
	   left: 950px;
	   width: 16px;
	   z-index: 99;
	   background: url(/images/portfolio-nav.png) -40px 0 no-repeat;
	   text-indent: -9000px;
}
.stripNavL {
	   position: absolute;
	   top: 530px;
	   left: 900px;
	   z-index: 99;
	   background: url(/images/portfolio-nav.png) 0 0 no-repeat;
	   text-indent: -9000px;
	   width: 16px;
}

.stripNavR a, .stripNavL a {
	    display: block;
	    width: 16px;
	    height: 14px;
}

#blank { left: 0px; width: 16px; background: #fff; }
#blank2 { left: 40px; width: 16px; background: #fff; }

.stripViewer {
	     overflow: hidden;
	     width: 1020px;
	     height: 600px;
	     position: relative;
}

.stripViewer .panelContainer {
	     position: relative;
	     left: 0; 
	     top: 0;
	     list-style-type: none;
	     -moz-user-select: none;
}

.stripViewer .panelContainer .panel {
	     float: left;
	     height: 100%;
	     position: relative;
	     width: 1020px;
}

.stripViewer .panelContainer .panel .wrapper {
	     padding: 0;
}

.stripNav {
	 margin: auto;
}

.stripNav ul {
	  list-style: none;
}

.stripNav ul li {
	  float: left;
	  margin-right: 2px;
} 
 
.csw {width: 100%; height: 460px; background: #fff; overflow: hidden;}
.csw .loading { position: absolute; bottom: 0;}


/* ---- Admin Screens ----- */
#adminnavigation {
	position: absolute;
	top: 50px;
	right: 30px;
}

#adminnavigation ul {
	list-style:none;
	margin: 0;
	padding: 0;
}

#adminnavigation li {
	display: inline;
	margin: 0 0.5em 0 0;			 
}

#adminnavigation li a {
	padding: 0 1em;
}

#adminbullets ul,
#adminbullets li {
	list-style-type: none;
	padding: 0;	  
}

#updatecategories {
	margin: 0;
	padding: 0;
}		  



#uploaderContainer {
	margin: 0;
	padding: 0;
}



/* ---- loading bar ---- */
#loadingZone{
	margin:0 auto;
	width:410px;
	text-align:center;
}
#loadingBar{
	border:1px solid #c2c2c2;
	height:2px;
	text-align:left;
	line-height:0;
	margin:0;
	padding:0;
	overflow:hidden; /*fix for IE 6*/
}
#progressBar{
	height:2px;
	line-height:0;
	margin:0;
	padding:0;
	background:#b3f83d;
	width:0%;
}
#loadingSms{
	color:#6ea1fa;
	float:left;
	padding:10px 2px;
}
#infoProgress{
	color:#6ea1fa;
	float:right;
	padding:10px 2px;
}
#infoLoading{
	padding:10px;
	color:#b9b9b9;
	font-size:10px;
}

/* ---- drag and drop ---- */
div#listContainer {
	width: 100%;
}

div#listContainer ul, li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	
div#listContainer div {
	cursor: move;
}

div#listContainer .checkboxes {
	float: left;
	width: 230px;
	margin-right: 30px;
}

div#listContainer .checkboxes2 {
	float: left;
	margin-right: 30px;
}

div#listContainer .item {
	height: 175px;
	border-bottom: 1px solid #ccc;
	padding: 10px;
}

div#listContainer .itemimage {
	float: left;
	margin-right: 30px;
}

div#listContainer .orderid {
	float: left;
	margin-right: 30px;
}

div#listContainer .orderid input {
	width: 20px;
	text-align: center;
	border: 1px solid #ccc;
}

div#listContainer .metaarea {
	float: left;
	margin-right: 30px;
}	

.pics { padding:0; margin:0; overflow: hidden; border:0px black solid;}
.pics img {
	top: 0;
	left: 0;
	-moz-border-radius: 0px; -webkit-border-radius: 0px;
}

.link{
	position:absolute;
	right:24px;
	bottom:-20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}
.cont{
	padding:30px;
}
.cont h1{
	margin-bottom:20px;
}
.sitemap{
	margin-left:25px;
}
.sitemap li{
	list-style:disc;
	margin-bottom:7px;
}
.sitemap ul{
	margin-left:20px;
	margin-top:5px;
}