/*Separate into sections - elements, classes and ids, making sure that the elements are first, then alphabetize.*/
/*************************************************elements*********************************************************/
* {
  padding: 0;
  margin: 0;
  /*border: 1px solid red;*/
}
a:link {
  color: #418AB7; /*has to be a shade of blue*/
}
a:visited {
  color: #94b946;
  color: #60782d;
    color: #804080;
    color: #999999;
}
a:hover {
    color: #94b946;
  }
a img {
  border: none;
}
body {
  background: url("image/bg5.gif") repeat-x 0 0;
  font: 12px/20px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  text-align: center; /*IE workaround*/
  color: #333333;
  background-color: white;
}
#content fieldset {
  border: none;
  border-top: 1px solid #CAE4FD;
  border-bottom: 1px solid #CAE4FD;
  padding: 8px;
  background-color: #EFF6FD;
}
#content fieldset p {
  margin: 0 0 10px 0;
}
h1, h2, h3 {
  font-family: Dolly, Georgia, "Times New Roman", serif; /*from croft*/
  margin-top: 25px;
  margin-bottom: 10px;
  clear: both; /*this prevents floated images from causing weird indent problems*/
}
h1 {
  /*line-height line-height: 25px;*/
  font-size: 25px;
}
h2 {
  /*background: transparent url(images/heading_flurry.gif) no-repeat bottom left;
  padding-left:30px;*/
  font-size: 20px;
}
h3 {
  font-size: 15px;
}
img {
  border: 1px solid #999999;
}
input, textarea, select {
  margin-bottom: 10px;
  border-color: #CAE4FD;
  border: 1px solid #999999;
  /*border-left-color: #CCCCCC;
  border-top-color: #CCCCCC;*/
  padding: 1px;
}

/*this cotnrols (negates) the margin between small_text sentences and buttons
.submit input {
  margin-bottom: 0;
}*/
input.note {
  margin: 0;
}
input.checkbox {
  border: none;
  margin: 0 5px 0 0;
}
/*whoa, there are pseudo selectors for form elements? source: http://www.ozzu.com/ftopic76687.html
#content input[type=checkbox] {
  padding: 80px;
}*/
label {
  display: block;
}
label.checkbox {
  display: inline;
}
/*
strong {
  background-color: #FFFFCC;
  font-weight: normal;
}*//*
.submit {
  margin-bottom: 10px;
  margin: 16px 0 0px 0;
}*/
/*cool buttons courtesty of wordpress & carterdea*/
#content .submit input, #content .submit input:focus {
	/*background: url("images/button-fade.png");*/
	/*background: url("image/bg4.gif");*/
	background-color: #EEEEEE;
	border: 3px double #999999;
	border-left-color: #CCCCCC;
	border-top-color: #CCCCCC;
	padding: 5px;
	font-size: 15px;
}

#content .submit input:active {
	background: #f4f4f4;
	border: 3px double #CCCCCC;
	color: #999999;
}
ul, ol {
  margin-bottom: 16px;
  margin-left: 16px;
}
ul {
  list-style-type: square;
}
#content li, #sidebar li {
  /*padding-bottom: 5px;*/
}
p#intro {
  font-size: 130%;
  color: #777777;
}
.small_text, div.inline p, .optional {
  font-size: 10px;
  line-height: 12px;
  color: #777777;
}
/*************************************************classes*********************************************************/
.align {
  text-align: left; 
}
.phone {
  text-align: center;
  font-size: 80px;
  line-height: 80px;
}
/*default testimonial_box display*/
#testimonial .align, #solid .align, #creative .align, #fun .align {
  text-align: right;
}
.testimonial_box h2 {
  margin-top: 0;
}
.testimonial_box p {
  margin: 0;
}
#index .testimonial_box p {
  text-align: center;
  margin: 0;
}
.error {
  color: #971414;
}
.normal_text {
  font-size: 12px;
}
.small_text {
  font-size: 10px;
}
.song_box h3 {
  float: left;
  margin: 0 5px 0 0;
}
.song_box {
  padding: 5px;
  margin-bottom: 16px;
  border-top: 1px solid #CAE4FD;
  border-bottom: 1px solid #CAE4FD;
  background-color: #EFF6FD;
  clear: both;
}
/*************************************************ids*********************************************************/
/*i used to include navigation in this, but no need now, because the nav is INSIDE the relatively positioned header, to keep the baseline the same source: http://www.stopdesign.com/articles/absolute/*/
#container, #header {
  width: 720px;
  margin: 0 auto;
  text-align: left;
  padding: 0 50px 0 50px;
}
#content {
  float: left;
  width: 510px;
  /*border-right: 1px dotted #333333;*/
  padding: 10px 20px 30px 0;
}
/*this makes the page full width of the container (which right now is 720px)*/
#faq #content, #index #content, #privacy #content, #phone #content, #full-length-music #content {
  float: none;
  width: 100%;
}
#content p, #sidebar p {
  margin-bottom: 16px;
}
/*though a duplicate, this has to come after content to negate the margin used above*/
#content p.submit, #sidebar p.submit {
  margin: 16px 0 0 0;
}
#cta {
  text-align: center;
  border-top: 1px solid #94b946;
  border-bottom: 1px solid #94b946;
  padding: 10px;
  background-color: #d6efa1;
  margin-bottom: 16px;
  clear: both;
}
#cta a {
  color: #333333;
}
#cta a:hover {
  color: #94b946;
}
#content #cta h2, #content #cta p {
  padding: 0;
  margin: 0;
}
#footer {
  color: #999999;
  text-align: center;
  border-top: 1px solid #999999;
  padding: 1px;
  margin-bottom: 16px;
  clear: both;
}
#header {
  position: relative;
  background-image: url("image/url3.gif");
  background-repeat: no-repeat;
  background-position: 142px 25px;
  height: 142px;
}
/*generally this hides the header if I have a photohoped image*/
#header h1, #header p {
  display: none;
}
/*standard logo*/
#header img.logo {
  margin: 8px 0 0 -25px;
  border: none;
}
/*standard url/tagline
it worked in FF until crap IE came along
#header img.url {
  position: absolute;
  top: 23px;
  left: 140px;
  border: none;
}*/
/*take away borders*/
#music img {
  float: left;
  border: none;
  margin: 0 25px 16px 0;
}
/*float the nav left so it flies up against the img*/
#index .text_box {
  float: left;
  width: 200px;
}
#index #content img {
  float: left;
  /*declare width of img just in case*/
  width: 400px;
  margin: 0 16px 16px 0;
}
#index .text_box h2 {
  margin: 0 0 10px 0;
}

/*tabbed navigation*/
#navigation {
  float:left;
  width:100%;
  /*background:yellow;*/
  font-size:93%;
  line-height:normal;
  /*background:yellow url("image/bg.gif") repeat-x bottom;*/
  
}
#navigation ul {
  list-style:none;
  /*padding:10px 10px 0;*/
  position: absolute;
  left: 125px;
  bottom: 0;
}
#navigation li {
  float:left;
  background:url("image/tab_n_r.gif") no-repeat right top;
  border-bottom:1px solid #333333;
}
#navigation a, #navigation span {
  float:left;
  padding:5px 15px 4px;
  display:block;
  background:url("image/tab_n_l.gif") no-repeat left top;
  padding:5px 15px 4px;
  text-decoration:none;
  font-weight:bold;
  color:#333333;
}
#navigation a {
  color: #EBECEC;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navigation a {float:none;}
/* End IE5-Mac hack */
#navigation a:hover {
  color: #94b946;
}
#navigation #current {
  background-image:url("image/tab_a_r.gif");
  border-width:0;
}
#navigation span {
  padding-bottom:5px;
  background-image:url("image/tab_a_l.gif");
}
/*thumbnails, this is freaking sweet css, so simple, so clean*/
#photo #content ul {
  margin: 0 0 20px 0;
  float: left;
  width: 100%;
  background-color: #333333;
  /*background: url("image/bg4.gif") repeat;*/
  background-color: white;
}
#photo #content li {
  list-style:none;
  width: 154px;
  padding: 0 7px 7px 0;
  line-height: 0;
  float: left;
}
#photo #content a  img {
  border: 3px solid white;
}
#photo #content a:hover img {
  border: 3px solid #94b946;
}
/*linear navigation*/
/*
#navigation {
  margin-top: 2px;
  border-top: 2px solid #443A36;
  border-bottom: 2px solid #443A36;
}
#navigation li {
  list-style-type: none;
  padding-right: 5px;
  display: inline;
}
#navigation li strong {
  color: #CCCCCC;
}
#navigation a {
  padding-right: 5px;
  color: #443A36;
  text-decoration: none;
  font-weight: bold;
  }
#navigation a:hover {
  color: #AF9987;
  color: #CF6F0F;
}*/
#sidebar {
  float: right;
  width: 170px;
  font-size: 11px;
  line-height: 16px;
  padding: 10px 0 30px 0px;
}
#sidebar fieldset {
  border: none;
}
#sidebar input {
  margin-bottom: 5px;
}
/*text container carries the testimonial, do it differently on four pages*/
#testimonial .testimonial_box, #solid .testimonial_box, #creative .testimonial_box, #fun .testimonial_box, #invite .text_box {
  margin-bottom: 16px;
  border-top: 1px solid #CAE4FD;
  border-bottom: 1px solid #CAE4FD;
  padding: 10px 10px 0 10px;
  background-color: #EFF6FD;
}