/* Preview bar layout */
.previewBar{font-size: 12px; line-height: 1.3em; display: block; background: #e7e7e7 url(../images/back.jpg) left top repeat-x; width: 100%; height: 51px;}
.previewBar #preview-back {position: relative; width: 755px; margin: 0 auto; background: #e7e7e7;}

  #preview-header {height: 49px; padding: 2px 5px 0 5px; background: #fff url(../images/top-bar-back.jpg) left top repeat-x;}
	#preview-header a {font-size: 1.2em; font-weight:normal; font-family: Verdana, Helvetica, sans-serif;}
	
	#preview-header div.buttons {float: right;}
	#preview-header .buttons label.inside {margin: 7px; font-size: 0.9em;}
	#preview-header input.button {width: 93px; height: 30px; border: none; background: #ccc url(../images/button-out.gif) center center no-repeat; text-align: center;}
	#preview-header .buttons .button {margin: 0 0 0 10px;}
	#preview-header a.button-link, #preview-header a.button-link:visited {display: block; float: left; height: 32px; margin: 2px; padding: 0 10px 0 10px; border-top: 2px solid #bebebe; border-right: 2px solid #2f2f2f;  border-bottom: 2px solid #2f2f2f; border-left: 2px solid #b4b4b4; background: #000 url(../images/button-link-back.jpg) left top repeat-x; color: #fff; line-height: 32px; text-align: center; text-decoration: none;}
	#preview-header a.button-link:hover, #preview-header a.button-link.on {border-top: 2px solid #141414; border-right: 2px solid #959595;  border-bottom: 2px solid #959595; border-left: 2px solid #141414; background: #595959;}

	#preview-header a.right-button, a.right-button:visited {display: block; float: left; width: 97px; height: 25px; margin: 8px 5px 0 5px; background: #fff url(../images/right-button-out.jpg) center center no-repeat; color: #000; font-size: 0.96em; line-height: 25px; text-align: center; text-decoration: none;}
	#preview-header a.right-button:hover {background: #fff url(../images/right-button-over.jpg) center center no-repeat;}
	#preview-header a.right-button.goto-admin, a.right-button.goto-admin:visited {width: 115px; background: #fff url(../images/right-button-big-out.jpg) center center no-repeat;}
	#preview-header a.right-button.goto-admin:hover {background-image: url(../images/right-button-big-over.jpg);}

.indicator { text-align:center; padding:20px; vertical-align:middle; }
/* -------------------------------------------
project:  Phixative
date:    2008/11/17
------------------------------------------- */

/* Reset
------------------------------------------- */
* {margin: 0; padding: 0; color: #333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.5em;}
a, span, strong {font-size: 1em;}
span {color: inherit;}
a, a:visited {text-decoration: underline;}
a:hover {text-decoration: none;}
img {border: none;}
html {height: 100.01%; background: #fff;}

/* basic text elements */
h1 {margin-bottom: 1em; font-size: 1.9em;}
h2 {margin: 0; font-size: 1.6em;}
h3 {margin: 1em 0 0.8em 0; font-size: 1.4em; font-weight: normal;}
h4 {margin: 1em 0 0.8em 0; font-size: 1.1em;}
p {margin: 1.5em 0 1.5em 0;}
ul, ol {margin: 1em 0 1em 0;}
ul li {margin: 0 0 0 20px;}
ol li {margin: 0 0 0 20px;}

/* basic form elements */
fieldset {border: none;}
legend {display: none;}
label {display: block; float: left; clear: left; width: 150px; margin: 5px 0 5px 0;}
input {width: 275px; margin: 5px 0 5px 0; padding: 2px; border: 1px solid #000; background: #fff;}
	input.chk, input.radio {width: auto; border: none;}
textarea {width: 275px; height: 50px; margin: 5px 0 5px 0; padding: 2px; border: 1px solid #000; background: #fff;}
select {width: 275px; margin: 5px 0 5px 0; padding: 2px; border: 1px solid #000; background: #fff;}
button {border: none; cursor: pointer;}

/* layout
------------------------------------------- */
body {position: relative; width: 755px; margin: 0 auto;}
	#header {height: 117px; background: url(../images/top.png) no-repeat;}
		#header h1 {margin: 0;}
		#logo {display: block; position: relative; top: 17px; overflow: hidden; width: 90px; height: 75px; margin: 0 auto; text-indent: -10001px;}
#footer {height: 50px; margin-top: 30px; border-top: 1px solid #ADADAD;}
	#footer * {color: #333;}
	#footer .mailingList {float: right;}
		#footer label {width: auto; height: 20px; margin-top: 1.5em;}
		#footer input {width: 110px; margin: 1em 5px 0 5px;  border: 1px solid #c3c3c3; border-top: 1px solid #7c7c7c; background: url(../images/input-back.png) left top repeat-x;}
		#footer .submit {width: 129px; height: 21px; margin: 1em 20px 0 5px; background: url(../images/button-submit.jpg) no-repeat; color: #fff; font-weight: bold; line-height: 20px; border:none; cursor:pointer;}
	#footer p {float: left;}
		#footer p#copyright {margin-right: 80px; margin-left: 20px;}
		#footer #contact-data a, #footer #contact-data a:visited {margin-left: 15px; color: #333; text-decoration: none;}
		#footer #contact-data a:hover {text-decoration: underline;}
		
/* repetitive stuff
------------------------------------------- */
.clear {overflow: hidden; clear: both; height: 0;}
.secret {display: none;}
.section-content {display:none; position: relative; z-index: 20; top: -11px; overflow: hidden; width: 750px; margin-bottom: -3px; border: 1px solid #999; border-top: none;}
.r-column {float: right; width: 310px; margin: 20px 50px 20px 0;}
.l-column {float: left; width: 320px; margin: 20px 0 20px 30px; text-align: center;}
.separator {clear: both; height: 0; margin: 0 20px 0 20px; border-top: 1px dashed #999;}
.section-menu {float: right; height: 25px; margin:7px 20px 0 0;}
	.section-menu li {float: left; list-style: none; margin: 0 10px 0 10px; padding: 0; }
	.section-menu a, .section-menu a:visited {display: block; float: left; height: 25px; color: #000; font-weight: bold; line-height: 25px; text-decoration: none; text-align: center;}
		.section-menu a#sm2-1, .section-menu a#sm2-1:visited {width: 58px; background-position: 0 23px;}
		.section-menu a#sm2-2, .section-menu a#sm2-2:visited {width: 57px; background-position: -76px 23px;}
		.section-menu a#sm2-3, .section-menu a#sm2-3:visited {width: 80px; background-position: -148px 23px;}
		.section-menu a#sm2-4, .section-menu a#sm2-4:visited {width: 60px; background-position: -247px 23px;}
	.section-menu a:hover {color: #fff; text-decoration: underline;}
	.section-menu a.current, .section-menu a.current:visited {color: #fff; text-decoration: underline;}
.pagination {clear: both; height: 25px; margin: 0 20px 5px 20px; border-top: 1px dashed #999; font-size: 1.3em; line-height: 21px; text-align: right;}
.works {overflow: hidden; height: 270px; margin: 0; padding: 0;}
	.works li {overflow: hidden; clear: both; list-style: none; width: 720px; margin: 0; padding: 0;}
		.works li div {margin: 8px 0 8px 0;}
		
a#prev, a#next {display: block; float: right; overflow:hidden; width: 15px; height: 21px; margin: 2px 0 0 0; background: url(../images/nextprev.jpg) no-repeat; line-height: 21px; text-indent: -10001px; text-decoration: none;}
a#prev, a#prev:visited {background-position: 0 0;}
a#prev:hover {background-position: 0 -21px; color: #B6C732;}
a#next, a#next:visited {background-position: -17px 0;}
a#next:hover {background-position: -17px -21px;  color: #B6C732;}
/* unique stuff
------------------------------------------- */
#section1 .section-content {background: url(../images/section1-back.gif) repeat-y;}
#section2 .section-content {background: url(../images/section2-back.gif) right top repeat-y;}
#section3 .section-content {background: url(../images/section1-back.gif) repeat-y;}
#section4 .section-content {background: url(../images/section1-back.gif) repeat-y;}
#section5 .section-content {background: url(../images/section1-back.gif) repeat-y;}

#sm2 a, #sm2 a:visited {background: url(../images/sm2.jpg) 23px 0 no-repeat;}
	.section-menu a#sm2-1:hover {background-position: 0 0;}
	.section-menu a#sm2-2:hover {background-position: -76px 0;}
	.section-menu a#sm2-3:hover {background-position: -148px 0;}
	.section-menu a#sm2-4:hover {background-position: -247px 0;}
	.section-menu a#sm2-1.current, .section-menu a#sm2-1.current:visited {background-position: 0 -23px;}
	.section-menu a#sm2-2.current, .section-menu a#sm2-2.current:visited {background-position: -76px -23px;}
	.section-menu a#sm2-3.current, .section-menu a#sm2-3.current:visited {background-position: -148px -23px;}
	.section-menu a#sm2-4.current, .section-menu a#sm2-4.current:visited {background-position: -247px -23px;}
	
.pagination {margin-bottom: 2px; padding-right: 30px;}
.pagination span {font-size: 16px;}
.pagination span#count {margin-right: 10px;}

/*#confirmation {display: none; position: absolute; left: 50%; top: 195px; z-index: 50px; width: 233px; height: 90px; margin-left: -117px; padding-top: 27px; background: url(../images/thx.png);}*/
#simplemodal-overlay { background:#000; }
#confirmation {display: none; width: 233px; height: 90px; padding-top: 27px; background: url(../images/thx.png);}
	#confirmation p {margin: 0; color: #000; font-weight: bold; line-height: 1.8em; text-align: center;}
	#confirmation a, #confirmation a:visited {font-size: 0.9em; font-weight: normal; text-decoration: underline;}
	#confirmation a:hover {text-decoration: none;}

#clients h3 {float: left; margin-left: 10px;} 	
.client-list {float: left; width: 180px; margin-right: 10px;}
.client-list li {list-style: none; margin: 7px 0 7px 0; line-height: 1.2em;}

/* Admin Login */
#adminLogin h2 { margin-bottom:20px; text-align:center; color:#333; }
#adminLogin .header {background: url(../images/top_alt.gif); height:117px;}
#adminLogin .form {width:355px; margin:0 auto; overflow:hidden;}
#adminLogin .box {background:transparent url(../images/box.png) no-repeat scroll 0 0; padding-top:6px; margin-top: 15px;}
#adminLogin .box-bottom {background:transparent url(../images/box.png) no-repeat scroll 0 100%; padding-bottom:6px;}
#adminLogin .box-middle {background:#FFFFFF none repeat scroll 0 0; border-color: #729BC7; border-style:none solid; border-width:medium 1px; overflow:hidden; padding:6px 12px; width:329px;}
#adminLogin .form p {overflow:hidden; margin:0 0 10px;}
#adminLogin .form p span {float:left; padding-right:5px; text-align:right; width:95px;}
#adminLogin .form p input{margin:0;border:1px solid #729BC7; width:154px;}
#adminLogin .form p.forgot-pw{padding-left: 100px;}
#adminLogin .form p.text-center{padding-left: 100px; }
#adminLogin .form p.text-center input{width:80px;}

#errorContainer { margin:10px 0; }

#errorPage { text-align:center; }