/* CREATE Studio Global CSS */

* {margin:0;}
body, html {background-color:#FFF; margin:0; padding:0; font:12px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif; text-align:left; color:#585554; height:100%;}
a:focus {outline:none;}
a {color:inherit; text-decoration:none;}
a:hover {color:inherit; text-decoration:underline;}

.left {float:left;}
.clear {clear:both;}
h1 { font:16px/20px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif; text-transform:uppercase; margin:5px;}
.wrapper {min-height:100%; height:auto !important; height:100%; margin:0 auto -100px;}
#footer, .push { height:100px; clear:both;}

/* Header.Nav Elements */

#gHeader {width:983px;height:124px;margin:auto; background:url(../images/headerBG.jpg) no-repeat; z-index:1;}
#gBuilderHeader { width:983px;height:124px;margin:auto; background:url(../images/headerBG.jpg) no-repeat; z-index:1; }
#gLogo {width:300px;height:75px; background-image:url(../images/createLogo.jpg);margin-top:25px; margin-left:50px; float:left; }
#gLogo a {display:block; width:300px; height:75px;}
#gTopNav {float:left; color:#36abc7; margin-top:35px; margin-left:325px;}
#gTopNav a { color:#36abc7; text-decoration:none;}
#gTopNav a:hover { color:#36abc7; text-decoration:underline; }
#gMainNav {width:992px;height:60px; background:url(../images/navBG.png) no-repeat center top; padding-top:10px; position:relative; z-index:1; margin:auto; }

#index #mitzvahNav { background:rgba(193,216,60,.25); }

ul.quickLinks { list-style-position:inside; list-style-type:none;margin:0; padding:0; float:left; margin-right:30px;}
ul.quickLinks li { line-height:18px;}

ul#nav { list-style-position:outside; list-style-type:none; width:992px; margin:0; padding:0;}
#nav li { font-size:14px; display:inline; border-left:1px dashed #e0e0e0; padding:10px 18px 12px; margin-left:-4px; }
#nav li a { color:#585554; text-decoration:none; }
#nav li a:hover { color:#585554; text-decoration:underline; }
#nav li:first-child {border-left:none; margin-left:48px;}
/* #nav li:last-child {padding-right:0px;} */

/* Content Elements */
.content {width:992px;margin:auto; }
#bottom {position:relative;z-index:2; background:url(../images/bottomBG.png) no-repeat center top; width:983px; height:225px;margin-top:-15px; margin-right:auto; margin-left:auto; color:#bfbfbf; }


/* Slider Elements */
#background {height:450px;margin-top:-70px; background:url(../images/sliderBG03.jpg) no-repeat -1000px 0; position:relative; z-index:0;}
#headline { background:rgba(0, 0, 0, .3) url(../images/greenSlash.png) no-repeat 410px 46px; position:relative; z-index:100; width:400px; height:35px; padding:15px; top:125px; left:60px; color:#FFF; text-transform:uppercase; font-size:34px; text-align:center;}
#subhead { background-color:#c1d83c; color:#FFF; font-variant:small-caps; position:relative; top:130px; left:60px; padding:5px; width:100px; text-align:center; font-size:14px;}
#subhead a { color:#FFF; text-decoration:none; }
#subhead a:hover { color:#FFF; text-decoration:none;}
#back { background-image:url(../images/left.png); position:absolute; left:15px; top:220px; width:37px; height:43px; float:left; cursor:pointer;}
	#back:hover { background-position:-47px; }
#forward { background-image:url(../images/right.png); position:absolute; left:900px; top:220px; width:37px; height:43px; float:left; cursor:pointer;}
	#forward:hover { background-position:-48px; }
#down { background-image:url(../images/down.png); position:absolute; left:450px; top:400px; width:43px; height:37px; cursor:pointer;}
	#down:hover { background:url(../images/down.png) no-repeat -48px;}
#up{ display:none; background-image:url(../images/up.png); position:absolute; left:450px; top:50px; width:43px; height:35px; cursor:pointer;}
	#up:hover { background-position:-48px 0; }


/* Gallery Elements */
.gallery {height:400px; margin-top:-20px; position:relative; z-index:0; background-color:#FFF; overflow:hidden; }
.images { position:absolute; width:960px;}
#selector { width:186px; height:323px; position:absolute; z-index:100; top:10px; left:0; padding-left:30px; padding-top:20px; background:url(../images/selector.png) no-repeat; }
#selector img { cursor:pointer; float:left; padding:10px 15px 10px 10px; }
#selector_left { background-image:url(../images/selector_left.png); width:30px; height:30px; position:absolute; left:55px; top:290px; cursor:pointer; z-index:100;}
#selector_left:hover { background:url(../images/selector_left.png) no-repeat -35px;}
#selector_right { background-image:url(../images/selector_right.png); width:30px; height:30px; position:absolute; left:95px; top:290px; cursor:pointer; z-index:100;}
#selector_right:hover { background:url(../images/selector_right.png) no-repeat -35px;}
#gallery_back { background-image:url(../images/left.png); position:absolute; left:200px; top:180px; width:37px; height:43px; float:left; cursor:pointer; z-index:100;}
#gallery_back:hover { background-position:-47px; }
#gallery_forward { background-image:url(../images/right.png); position:absolute; left:900px; top:180px; width:37px; height:43px; float:left; cursor:pointer; z-index:100; }
#gallery_forward:hover { background-position:-48px; }
#info { padding:50px 0 0; width:960px; margin-left:auto; margin-right:auto;}
#section {width:250px; padding-left:0; }
#carousel { list-style-type:none !important; }
#contact_sm { width:234px; height:95px; padding-top:0; }
#contact_sm p { font-size:16px; padding-bottom:0; line-height:12px; font-weight:bold; padding-left:15px; padding-top:10px;}
#contact_sm a { color:#bfbfbf; text-decoration:none; background:url(../images/contact_sm.jpg) no-repeat left top; display:block; width:234px; height:95px; padding-top:5px; }
#contact_sm a:hover { color:#bfbfbf; text-decoration:none; background:url(../images/contact_sm.jpg) no-repeat -234px top; }
p#blue {color:#4fc8eb; padding-top:15px; font-weight:normal; font-style:normal; margin-top:0;}
p#blue a { color:#4fc8eb; text-decoration:none; }
p#blue a:hover { color:#4fc8eb; text-decoration:none; }
.info_cols {float:left; padding:10px; width:400px; margin:0;}
.info_cols h2 { font-size:20px; text-transform:uppercase; font-weight:normal; font-style:normal; color:#000; width:250px; text-align:right; }
.info_cols p { font-size:14px; line-height:22px; margin:0; padding:0 5px 15px; color:#585554;}
.info_cols p a { color:#585554; text-decoration:none; }
.info_cols p a:hover { color:#585554; text-decoration:none; }
#contact_arrow { background:url(../images/selector_right.png) no-repeat; cursor:pointer; position:relative; top:10px; left:165px; width:30px; height:30px}
#contact_arrow:hover { background:url(../images/selector_right.png) no-repeat -35px;}
#contact_arrow a {display:block; width:30px; height:30px;}
p.title { position:relative; right:100px; top:-25px; text-align:right; font-size:11px;}

/* Footer Elements */
#footer { background-color:#585554; width:100%; height:100px; color:#FFF; padding:0;}
#footer p {float:left; margin:0;}
#narrowFix { width:992px; margin:auto; }
ul.footerLinks { list-style-position:inside; list-style-type:none; padding:25px 0 0; float:left; width:992px; background-color:#585554; height:75px; margin:0; }
.footerLinks li { color:#4fc8eb; display:inline; margin-left:15px; background-color:#585554; }
.footerLinks li a { color:#4fc8eb; text-decoration:none; }
.footerLinks li a:hover { color:#4fc8eb; text-decoration:underline; }
.footerLinks li:first-child {color:#FFF; margin-right:25px; margin-left:30px;}
.footerLinks li:last-child {color:#FFF; margin-left:280px; margin-right:0;}
.footerLinks li:last-child a {color:#FFF; text-decoration:none;}
.footerLinks li:last-child a:hover {color:#b2351f; text-decoration:none;}
#fbookSm, #twitterSm {margin-right:5px; margin-bottom:-3px;}
#fireman {margin-left:5px; margin-right:5px; margin-bottom:-3px;}


/* Index Elements */
#col_a { background:url(../images/abColBG.jpg) no-repeat left top; width:320px;height:178px;float:left; margin-top:15px; padding-top:25px;}
#col_b { background:url(../images/abColBG.jpg) no-repeat left top; width:320px;height:178px;float:left; margin-top:15px; padding-top:25px;}
#col_c { background:url(../images/cColBG.jpg) no-repeat left top; width:320px;height:178px;float:left; margin-top:15px; padding-top:25px;}
.colIcon {float:left;margin-left:25px; margin-right:20px; margin-bottom:45px;}
#col_c .colIcon {margin-bottom:30px;}
#col_a p, #col_b p { height: 85px; }
#col_a p, #col_b p, #col_c p { font-size:14px; line-height:20px; padding-right:15px; padding-bottom:5px; color:#918D8C;}
.goIcon {clear:both; margin:auto; width:103px; height:32px; display:block; border:0px;}
#blogIcon {margin-left:65px; width:196px; height:28px; border:0px;}
#fbookIcon {margin-left:65px; margin-right:2px;}
#fbookIcon, #twitterIcon {float:left; border:0px;}
img.action { padding-bottom:10px; }

/* Interior Elements */
#bgWrap { background:url(../images/intBg.jpg) no-repeat center top; width:976px; min-height:315px; }
#titleBg { position:relative; z-index:100; background:url(../images/titleBg.png) center top; color:#FFF; width:940px; height:100px; margin-left:13px;}
#title {width:700px; float:left; }
#title h1 { color:#FFF; font-size:36px; text-transform:uppercase; padding-top:25px; margin-left:50px; float:left;}
#hours {float:right;}
#sideBar {float:left; clear:both; padding-bottom:75px;}

#mainPic { background:url(../images/studio01.jpg) no-repeat left top; width:301px; height:242px; margin-top:-20px;margin-left:14px; position:relative; z-index:0;}
#designer #mainPic { background:url(../images/headShot.jpg) no-repeat left top; }
#mapDirections #mainPic { background-color:#FFF; background-image:none; }
#studio #mainPic { background:url(../images/studio03.jpg) no-repeat left top; }
#process #mainPic { background:url(../images/studio02.jpg) no-repeat left top; }
#upload #mainPic { background:url(../images/studio02.jpg) no-repeat left top; }

.links {background-color: rgba(190, 190, 190, .30); font-variant:small-caps; font-size:18px; margin-left:14px; margin-bottom:10px; margin-top:10px; padding:5px; padding-left:10px;}
.links a {display:block;}
div.links:hover {background-color: rgba(190,190,190, .50);}
.links a:hover {text-decoration:none;}
#text { float:left; width:500px; padding-top:25px; padding-left:50px; padding-bottom:75px;}
#text p {font-size:14px; line-height:22px; margin:0 5px 15px; }
#text ul {font-size:14px; line-height:22px;}
#text h2 {color:#000; padding-bottom:10px; padding-top:10px; font-size:16px;}
#text h3 {margin-top:10px; }
ul#contact { list-style-position:inside; list-style-type:none; margin:0; padding:0; margin-left:5px; margin-right:25px; margin-top:20px;}
#contact li { color:#FFF; text-transform:uppercase; font-size:14px; margin-top:5px;}
#text p.small { font-size:12px; line-height:16px; margin-top:10px;}
.small { font-size:12px; line-height:16px; }
.body_link {color:#585554; text-decoration:underline;}

/* Studio Elements */
#studio01, #studio02 {margin-top:8px; margin-left:3px;}
#studio01 {margin-left:14px;}
.map a { font-size:10px; color:#4fc8eb; text-decoration:underline; }

/* Testimonial Elements */
blockquote { color:#585554; font-size:14px; line-height:22px; padding-top:15px; clear:both; }
blockquote:before { content:'\201C';color:#e6e6e6; font:5em Georgia, "Times New Roman", Times, serif; float:left; padding:0;  margin:-15px 0 0; }
blockquote p { padding-left:25px; margin-bottom:0 !important;  }
em { color:#5b5b5b; font-style:italic; font-size:12px; margin:0; float:right; padding:10px 50px 25px 0; }
h3 { clear:both; }

/* Contact Elements */
form, fieldset { border-style:none; }
form h1 { color:#000; padding:15px 0; margin:0; text-transform:none; }
dt { padding-top:10px; padding-bottom:5px; }
dd.error { color:#c00; }
label { font:14px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif; padding-right:10px; }
label.error { display:none !important; }
input { width:300px; }
input.error { border:1px solid #c00; }
select.error { border:1px solid #c00; }
.red { color: #c00 !important; }
#submit { margin-top:10px; width:50px; }
.city { width:100px; margin-right:10px;}
.zip { width:50px; }
input.state { width:20px; text-transform:uppercase; }
.show_wedding, .show_fundraiser, .show_party, .show_mitzvah, #other { width:15px; padding:0; margin:0;}
.other { width:100px; margin-left:10px; color:#bfbfbf;}
.other_enabled { color:#000; }
.loading, .success { color:#b4c938; font-weight:bold; }
.ajax-error, .error { color:#c00; }

/* Uploader Elements */
h2.delete { padding-top:50px !important; }
input.delete { margin-right:15px; }
ul.delete { list-style-type:none;list-style-position:inside; }
ul.delete li { padding-top:15px; }
small { margin:0; padding:5px;}
a.logout { color:#FFF; text-decoration:none; }
a.logout:hover { color:#FFF; text-decoration:underline; }
td.delete { padding-left:15px; padding-right:25px; position:relative; top:-10px; }
td.thumbnail { padding-left:25px; }
td.order { padding-right:25px; position:relative; top:-10px; }