/* GLOBAL STYLES  |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| 

		COLORS: 
		Gold - ffd100
		Dark - 2d2323
		Medi - 686158
		Lite - 97948c

Working NOTES :: Things to not forget:
-Senior Promo Page
-Retainer Page
-Contact form Popup
-Contact form Redirect
-Random title images on homepage
-Clickable auto slideshows
-PLACEHOLDER Images for slideshows

*/


* { margin: 0; padding: 0;}/* removes defaults from all elements */
html {background: #ffffff;}
body {margin-top: 0px; padding-top: 0px; font-size: 90%; text-align: center; background: #ffffff; border-top: #ffd100 solid 10px;}
p { font: 12px Helvetica, "Lucida Grande", Arial, sans-serif; color: #686158; padding:0; line-height: 19px;}
h3 { margin: 5px 0 10px 0; font-weight: bold; font: 14px Helvetica, "Lucida Grande", Arial, sans-serif; color: #2d2323; padding:0;}
strong {font-weight:bold;}
a {	color: #2d2323;	text-decoration: none;font-weight:bold; }
a:hover {color: #a1948e;text-decoration: underline;font-weight:bold;}
.fill {clear:both;}


/* IMAGES  ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

img {border: 0;}
.right {float: right;margin: 0 0 10px 10px;}
.left {float: left;	margin: 0 10px 10px 0;}
.center {position: relative;margin-left: auto;margin-right: auto;}
.rssicon {float: right; margin: 10px 10px auto 20px;} 
.more-link {font-style: italic;text-align: right;}


/* NAVIGATION  ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.small, small { font: 70%;}
#navnew { width: 802px; height: 39px; margin: 25px auto 15px auto; padding: 0; position: relative;}

#navnew li {margin: 0; padding: 0; list-style: none; float: left; top: 0;}

#navnew li, 
#navnew a {height: 39px; display: block; text-indent:-9009px; margin: 0; padding: 0; }

#navlogo {background: url(../images/2010/sp-logo-web.gif) top left no-repeat; width: 225px;}
#navlogo a:hover {background: url(../images/2010/sp-logo-web.gif) 0 -39px no-repeat;}

#navinfo {background: url(../images/2010/btn-info-1.gif)  0 -39px no-repeat; width: 36px;}
#navinfo a:hover {background: url(../images/2010/btn-info-1.gif) top left no-repeat;}

#navblog {background: url(../images/2010/btn-blog-1.gif)  0 -39px no-repeat; width: 65px;}
#navblog a:hover {background: url(../images/2010/btn-blog-1.gif) top left no-repeat;}

#navconnect {background: url(../images/2010/btn-connect-1.gif)  0 -39px no-repeat; width: 75px;}
#navconnect a:hover {background: url(../images/2010/btn-connect-1.gif) top left no-repeat;}

#navproofs {background: url(../images/2010/btn-proofs-1.gif)  0 -39px no-repeat; width: 57px;}
#navproofs a:hover {background: url(../images/2010/btn-proofs-1.gif) top left no-repeat;}

#btnspace { width: 80px; background: #ffffff; }

#navweddings {background: url(../images/2010/btn-weddings-1.gif)  0 -39px no-repeat; width: 70px;}
#navweddings a:hover {background: url(../images/2010/btn-weddings-1.gif) top left no-repeat;}

#navseniors {background: url(../images/2010/btn-seniors-1.gif)  0 -39px no-repeat; width: 66px;}
#navseniors a:hover {background: url(../images/2010/btn-seniors-1.gif) top left no-repeat;}

#navportraits {background: url(../images/2010/btn-portraits-1.gif)  0 -39px no-repeat; width: 80px;}
#navportraits a:hover {background: url(../images/2010/btn-portraits-1.gif) top left no-repeat;}

#navstock {background: url(../images/2010/btn-stock-1.gif)  0 -39px no-repeat; width: 44px;}
#navstock a:hover {background: url(../images/2010/btn-stock-1.gif) top left no-repeat;}


/* CONTENT BLOCK  ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

#container {text-align: left; margin: 20px auto; padding: 0; width: 802px;height: auto;}
h2 {width:200px; height: 26px; text-indent:-7009px; margin: 0; padding: 0; float:left;}
#crb { float:right; width:550px; margin:0; padding:0;}
#crb p { width:550px; margin: 0 10px 15px 10px;}
#crb ul { font: 11px Helvetica, Verdana, Arial, sans-serif; color: #686158; line-height: 19px; width:550px; margin: 0 10px 10px 10px; padding: 5px 10px 5px 30px; border-left: solid 3px #ffd100;}
#crb li { list-style-position: outside; list-style-type: square; margin: 0; padding: 5px;}


/* FOOTER  ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#footmenu { list-style: none; width: 860px; height: 39px; margin: 15px 50px 2px auto;padding: 0; position: relative; font: 9px Geneva, Arial, Helvetica, sans-serif; color: #686158;}
#footmenu li { float: left; padding: 5px 2px 3px 2px;}
#footmenu li a { display: block; padding: 8px 3px 3px 3px;
			text-decoration: none; font-weight: normal; color: #686158; border-top: 1px solid #ffd100; }
#footmenu li a:hover { color: #2d2323; background-color: #ffd100; }
#footmenu li.footmenubaldology, #footmenu li.footmenubaldology a, #footmenu li.footmenubaldology a:hover {float:left; padding: 0;border-top: 1px solid #ffffff;}
#footmenu li.footmenuspc { float: left; padding: 5px 8px 3px 5px;}
#footmenu li.footmenutxt { float: left; padding: 14px 10px 3px 3px; font-style: italic;}


/* POPUP BOX */
div.box-footer { float: left;width: 400px;margin: 0 0 0 10px;padding: 20px 10px 0 0;border-top: 3px solid #000000;}
#box-content-block {text-align: left; margin: 0px auto; width: 430px;height: auto; color: #ffffff;}
#box-content-block p { font-family: Helvetica, Verdana, Arial, sans-serif; margin: 0; color: #2d2323; line-height: 16px; font-size: 11px;}
#box-content-block ul { font-family: Helvetica, Verdana, Arial, sans-serif; margin: 10px 0 10px 20px; color: #2d2323; line-height: 16px; font-size: 11px;}
#box-content-block strong { font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: bold; margin: 0; color: #000000; line-height: 16px; font-size: 11px;}
#box-content-block h2 { font-family: Helvetica, Verdana, Arial, sans-serif; margin-bottom: 15px; font-style: normal; font-weight: normal; color: #3e3e3e; line-height: 28px; font-size: 26px;}
#box-content-block h3 { font-family: Helvetica, Verdana, Arial, sans-serif; font-style: normal; font-weight: normal; color: #3e3e3e; line-height: 18px; font-size: 14px;}
#box-content-block a, #content-block h3 a { color: #686158; text-decoration:none;}
#box-content-block h2 a { color: #686158; text-decoration: none;}
#box-content-block a:hover { color: #2d2323; text-decoration: underline;}


/* General form styles ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
div.box-contact { float: left;width: 270px;margin: 0 0 0 10px;padding: 10px 10px 0 0;}
fieldset { padding: 0;}
fieldset ul {list-style-type: none; list-style: none;padding: 0 0 10px 0;margin: 0 !important;}
fieldset ul li {list-style-type: none; padding-bottom: 0;}
fieldset input, fieldset select,fieldset textarea {	font-family: Helvetica, Verdana, Arial, sans-serif;	line-height: 1.7em;	border-bottom-color: #2d2323;border-width: 0;font: 1.3em/1.6em;font-weight: normal;border-bottom: 1px dotted;padding: 5px 5px 5px 5px;margin: 2px 0 0 0;color: #2d2323;background-color: #ffd100;}
fieldset input:hover, fieldset select:hover,fieldset textarea:hover {background-color: #ffe618; border-bottom-color: #ffd100; border-bottom: 1px solid;}
fieldset textarea {font-family: Helvetica, Verdana, Arial, sans-serif; overflow: auto;	font: 1.2em/1.6em;}
fieldset select { font-size: 1.1em; padding: 3px 2px 3px 0;}
fieldset select option {padding: 0 1em 0 2px;}
fieldset label {font-family: Helvetica, Verdana, Arial, sans-serif;font: 1.2em/1.6em; color: #2d2323;display: block;margin: 1em 0 0.5em 0;}
fieldset label.note {font: 1.2em/1.6em "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;  font-weight: normal; color: #686158; margin: 0.2em 1em 0 0; font-style: italic;}
.required {margin-top: 15px; font-size: 0.9em; padding: 5px 2px 2px 2px; font-weight: bold; font-style: italic; font-family: Helvetica, Verdana, Arial, sans-serif; color: #ff6600 !important;}
fieldset label.checkbox_note {font-weight: normal;display: inline;float: none;}
fieldset label.full, fieldset input.full,
fieldset select.full, fieldset textarea.full { width: 75%; }
fieldset label.full {float: left;}
fieldset p { margin-bottom: 0.5em !important;}


/* Buttons */

.buttons button{ text-transform: uppercase;display:block;float:left; margin:0 7px 0 0;background-color: #ffd100;border:1px solid #363636;font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;font-size:100%;line-height:130%; text-decoration:none; font-weight:bold; color: #2d2323; cursor:pointer; padding:5px 10px 6px 7px; }
.buttons button{width:auto; overflow:visible; padding:4px 10px 3px 7px; /* IE6 */ }
.buttons button[type]{ padding:5px 10px 5px 7px; /* Firefox */ line-height:17px; /* Safari */ }
.buttons button img, .buttons a img{margin:0 3px -3px 0 !important;padding:0;border:none;width:16px;height:16px;}
button:hover, .buttons a:hover{ background-color: #2d2323; border:1px solid #2a1b08; color: #ffd100;}
form, fieldset{ border-style: none; }