/*
 * TheSmartPoint CSS file
 *
 * @author TheSmartPoint
 * @copyright Copyright (C) TheSmartPoint All rights reserved.
 *  
 */ 

html {
	margin: 0 auto;
	border: 0px;
	padding: 0px;
	text-align: center;
}

body {
	margin: 0 auto;
	border: 0;
	padding:0;
	text-align: center;
	background: #b4d9ec url(../img/darynnzimmer_big_logo.jpg) center 520px no-repeat;
	font-family: Constantia, Times New Roman, Arial;
	font-size: 1em;
	color: #000000;
}

#divOldBrowser{
	font-family: Constantia, Times New Roman, Arial;
	font-size: 0.95em;
	width: 875px;
	height: 80px;
	border: 3px solid #FFFFFF;
	background-color: #CCDCEB;
	text-align: center;
	margin-top:10px;
	padding:5px;
	margin-left: auto;
	margin-right: auto;
}

#imgCloseOldBrowserAlertBox{
	position: relative;
	float:right;
	vertical-align:top;
	margin-right: 5px;
}

.clr {
	clear: both;
	font-size: 0px;
}

#entire_header {
  margin: 0 auto;
  margin-top: 10px;
  width: 904px;
  text-align: center;
  border: 0px solid lime;
}

#header_top {
  margin:0 auto;
  width: 904px;
  height: 10px;
  font-size: 0px;
  background: #b4d9ec url(../img/main_div_top.jpg) bottom center no-repeat;
  border: 0px solid #0000FF;
}

#language_navigation{
	float: right;
	text-align: right;
	font-size: 1.1em;
	padding-right: 10px;
	margin-left: 10px;
	border: 0px solid #FF0000;
}

#header_middle {
  margin:0 auto;
  width: 904px;
  height: 138px;
  text-align: center;
  font-size: 0px;
  background: #b4d9ec url(../img/main_div_middle.jpg) repeat-y;
  border: 0px solid yellow;
}

#pos_logo {
  float:left;
  width: 379px;
  height: 138px;
  margin: 0px 0px 0px 13px;
  background: url(../img/darynnzimmer_logo.jpg) 0 0 no-repeat;
  text-align:left;
}

#pos_navigation {
  margin:0 auto;
  float: left;
  width: 502px;
  height: 138px;
  background: url(../img/main_div_nav_bg.jpg) 0 0 no-repeat;
  position: relative;
  text-align: right;
  vertical-align: bottom;
}

#main_navigation {
  position: absolute;
  bottom: 0;
  right: 0;
  border: 0px solid #00FF00;
}

.Main_Navigation_Selected{
	color: #002237;
	font-size: 1.2em;
	padding-left: 20px;
	padding-bottom: 10px;
	color: #002237;
}

.Main_Navigation_Selected a:link, .Main_Navigation_Selected a:visited, .Main_Navigation_Selected a:active, .Main_Navigation_Selected a:hover{
	color: #002237;
	text-decoration: underline;
}

.Main_Navigation_Unselected{
	color: #0c5a86;
	font-size: 1.2em;
	padding-left: 20px;
	padding-bottom: 10px;
}

.Main_Navigation_Unselected a:link, .Main_Navigation_Unselected a:visited, .Main_Navigation_Unselected a:active{
	color: #0c5a86;
	text-decoration: none;
}

.Main_Navigation_Unselected a:hover{
	text-decoration: underline;
}










.Main_Sub_Navigation_Selected{
	color: #002237;
	font-size: 1.0em;
	padding-left: 20px;
	padding-bottom: 10px;
	color: #002237;
}

.Main_Sub_Navigation_Selected a:link, .Main_Sub_Navigation_Selected a:visited, .Main_Sub_Navigation_Selected a:active, .Main_Sub_Navigation_Selected a:hover{
	color: #002237;
	text-decoration: underline;
}

.Main_Sub_Navigation_Unselected{
	color: #0c5a86;
	font-size: 1.0em;
	padding-left: 20px;
	padding-bottom: 10px;
}

.Main_Sub_Navigation_Unselected a:link, .Main_Sub_Navigation_Unselected a:visited, .Main_Sub_Navigation_Unselected a:active{
	color: #0c5a86;
	text-decoration: none;
}

.Main_Sub_Navigation_Unselected a:hover{
	text-decoration: underline;
}












#header_bottom {
  margin: 0 auto;
  width: 904px;
  height: 4px;
  background: url(../img/bg_header_bottom.jpg) no-repeat;
  font-size: 0px;
  border: 0px solid #000000;
}

#page_container {
  width: 879px;
  height: 425px;
  text-align: center;
  margin-left: 13px;
  margin-bottom: 3px;
  padding:0px;
  border: 0px solid #0000FF;
  background-color: #f6fafb;
}

#page_container_with_overflow {
  width: 879px;
  height: 425px;
  text-align: center;
  margin-left: 13px;
  margin-bottom: 3px;
  overflow: auto;
  border: 0px solid #0000FF;
  background-color: #f6fafb;

}

#homepage_left_container {
  margin-top: 20px;
  margin-left: 20px;
  text-align: left;
  width: 530px;
  height: 390px;
  float:left;
  border: 0px solid #00FF00;
}

#homepage_image {
  float:right;
  margin-top: 5px;
  margin-bottom: 2px;
  margin-right: 2px;
  background-position: center center;
  background-repeat: no-repeat;
  width: 305px;
  height: 417px;
  border: 0px solid #000000;
}

.list_items_titles {
	margin-top: 5px;
	margin-bottom: 8px;
	text-align: left;
	font-size: 0.95em;
	font-weight: bold;
	letter-spacing: 0.05em;
	color: #0C5A86;
	border: 0px solid #000000;
}

.list_items_container {
  text-align: left;
  padding: 0px;
  margin: 0px;
  overflow: none;
  float:left;
  border: 0px solid #000000;
}

.single_item_container {
  margin-left: 10px;
  margin-bottom: 10px;
  text-align: left;
  border: 0px solid #000000;
}

.single_item_image_container{
  float:left;
  margin-right: 20px;
  margin-bottom: 20px;
  width:  210px;
  height: 139px;
  background: url(../img/bg_review_image.jpg) center center no-repeat;
  text-align: center;
  border: 0px solid #000000;
}

.homepage_blue_line {
  margin-top: 5px;
  border-bottom: 1px solid #b4d9ec;
  width: 98%;
  font-size: 0px;
}

.homepage_read_more_pos{
  text-align: right;
  vertical-align:  bottom;
  padding-right: 10px;
  background: url(../img/next_small_icon.jpg) bottom right no-repeat;
  border: 0px solid #000000;
}

.read_more_link:link, .read_more_link:visited, .read_more_link:active {
	font-size: 1em;
	font-weight: normal;
	letter-spacing: 0.05em;
	color: #0c5a86;
	text-decoration: none;
}

.read_more_link:hover {
	text-decoration: underline;
}

#wrapper {
  margin: 0 auto;
  width: 904px;
  background: #F5FAFB url(../img/main_div_middle_2.jpg) 0 0 repeat-y;
  border: 0px solid #00FF00;
}

#wrap_body {
  float: left;
  width: auto;
}

.under_title {
	font-size: 1.2em;
	font-weight: normal;
	color: #00273c;
}

.standard_text {
	font-size: 0.75em;
	letter-spacing: 0.05em;
	line-height: 1.5em;
	margin-top: 6px;
	color: #002237;
}

.standard_text a:link, .standard_text a:visited, .standard_text a:active {
	text-decoration: none;
	color: #0c5a86;
}

.standard_text a:hover {
	text-decoration: underline;
	color: #0c5a86;
}

/* REVIEWS page*/
#review_page_container {
  margin-top: 20px;
  margin-left: 20px;
  text-align: left;
  width: 835px;
  height: 370px;
  float:left;
  border: 0px solid #00FF00;
}

/* One image and text on the side */
#OneImageAndText_ImagePosition{
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
	float: left;
	background-position: top;
	background-repeat: no-repeat;
	border: 0px solid #000000;
}

#OneImageAndText_pdf_list{
	margin-left: 20px;
}
#OneImageAndText_TextContainer{
	font-size: 0.75em;
	font-weight: normal;
	letter-spacing: 0.1em;
	text-align: left;
	line-height: 16px;
	margin-top: 20px;
	margin-left: 280px;
	margin-right: 20px;
	color: #002639;
}

.OneImageAndText_Paragraph{
	font-size: 1em;
	font-weight: normal;
	letter-spacing: 0.05em;
	line-height: 1.5em;
	padding-bottom: 10px;
	color: #002237;
	border: 0px solid #000000;
}

/* REPERTOIRE */
#repertoire_left_container{
	margin-top: 20px;
	margin-left: 30px;
	margin-right: 20px;
	text-align: left;
	width: 360px;
	height: 360px;
	float:left;
	border: 0px solid #00FF00;
}

#repertoire_album {
	text-align: center;
	vertical-align: middle;
	border: 1px solid #abcfe7;	
}

.repertoire_download_link{
	font-size: 0.75em;
	margin-top: 3px;
	text-align: center;
	color: #0c5a86;
}

.repertoire_download_link a:link, .repertoire_download_link a:visited, .repertoire_download_link a:active{
	text-align: center;
	color: #0c5a86;
	text-decoration: none;
}

.repertoire_download_link a:hover{
	text-decoration: underline;
}

#repertorire_right_container{
	float:left;	
	margin-top: 20px;
	border: 0px solid #000000;
}

#repertoire_list_header {
  text-align: left;
  height: 20px;
  width: 427px;
  font-size: 0.9em;
  color: #00598b;
  border: 0px solid #000000;
}

#repertoire_list {
  text-align: left;
  height: 360px;
  width: 445px;
  overflow: auto;
  font-size: 0.9em;
  color: #00598b;
  border: 0px solid #000000;
}

.repertoire_author_title{
	float:left;
	width: 140px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #b1daee;
	color: #002438;
}

.repertoire_opera_title{
    float:left;
	width: 150px;
	padding-left: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #b1daee;
	color: #002438;
}
.repertoire_role_title{
	float:left;
	width: 127px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #b1daee;
	color: #002438;
}

.repertoire_author{
	float:left;
	padding-left: 10px;
	width: 140px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.repertoire_opera{
	float:left;
	width:150px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.repertoire_role{
	float:left;
	width:120px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.repertoire_blue_line{
	border-top: 1px solid #b1d9f2;
}

/* CONTACT PAGE */
#contact_page_left_container{
	margin-top: 20px;
	margin-left: 30px;
	margin-right: 20px;
	text-align: left;
	width: 350px;
	height: 350px;
	float:left;
	border: 0px solid #00FF00;
}

#contact_page_right_container{
	float:left;	
	margin-top: 20px;
	margin-left: 20px;
	width: 450px;
	border: 0px solid #000000;
}

#contact_page_form{
	width: 400px;
	font-size: 1em;
	letter-spacing: 0.05em;
	border: 0px solid #000000;
}

.contact_page_field_title{
	font-size: 0.75em;
	letter-spacing: 0.05em;
	color: #002237;
	width: 100px;
	text-align: left;
	padding: 0px;
	float: left;
	border: 0px solid #000000;
}

.contact_page_field_input{
	margin-left: 0px;
	text-align: left;
	width: 280px;
}

.contact_page_security_code_input{
	margin-left: 0px;
	width: 100px;
	text-align: left;
	margin-left: -15px;
	margin-right: 40px;
	vertical-align: top;
}

.contact_page_security_code_image{
	margin-left: 0px;
	width: 120px;
	height: 30px;
	text-align: right;
	margin-right: 0px;
	vertical-align: top;
}

.contact_page_field_text_area{
	margin-left: 0px;
	width: 280px;
	height: 80px;
}

.contact_page_field_checkbox{
	font-size: 0.75em;
	margin-right: 7px;
	text-align: right;
	width: auto;
}

.contact_page_field_checkbox a:link, .contact_page_field_checkbox a:visited, .contact_page_field_checkbox a:active {
	color: #0c5a86;
	text-decoration: none;
}

.contact_page_field_checkbox a:hover {
	text-decoration: underline;
}

.contact_page_interline{
	clear: both;
	height: 5px;
	font-size: 0px;
}

#facebook_link{
	margin-top: 20px;
	margin-right: 20px;
	float:left;
	vertical-align: bottom;
}

#skype_link{
	margin-top: 20px;
	vertical-align: bottom;
}

#contact_page_submit_button_position{
	margin: 0 auto;
	text-align: right;
	width: 375px;
	border: 0px solid #000000;
}

.contact_page_submit_button{
	text-align: right;
	vertical-align:  bottom;
	padding-right: 10px;
	background: url(../img/next_small_icon.jpg) center right no-repeat;
	border: 0px solid #000000;	
	cursor: pointer;
}

.contact_page_warning_message{
	margin: 0 auto;
	margin-bottom: 5px;
	margin-left: 0px;
	padding: 2px;
	width: 400px;
	color: #db4f6d;
	font-size: 0.90em;
	letter-spacing: 0.05em;
	border: 1px solid #db4f6d;
}

.contact_page_thankyou_message{
	margin: 0 auto;
	margin-left: 0px;
	padding: 2px;
	width: 400px;
	color: #76c34c;
	font-size: 0.90em;
	letter-spacing: 0.05em;
	border: 1px solid #76c34c;
}
.contact_page_disclaimer_message {
	font-size: 0.65em;
	border-top: 1px solid #002237;
	margin: 0 auto;
	margin-top: 5px;
	margin-left: 0px;
	text-align: left;
	width: 100%;
	color: #002237;
}

/* FOOTER */
#footer {
  margin: 0 auto;
  padding-top: 5px;
  width: 904px;
  height: 10px;
  background: url(../img/bg_footer.jpg) center top no-repeat;
  text-align: left;
  border: 0px solid #000000;
}

#footer_navigation_container {
  font-size: 0.8em;
  margin: 0 auto;
  margin-top:6px;
  width: 904px;
  color: #0c5a86;
  text-align: left;
  padding-left: 10px;
  border: 0px solid #00FF00;
}

#service_navigation_container{
	font-size: 0.8em;
	float: right;
	text-align: right;
	padding-right: 10px;
	border: 0px solid #000000;
}
.service_navigation_link, .service_navigation_link:link, .service_navigation_link:visited, .service_navigation_link:active {
	padding-left: 10px;
	color: #0c5a86;
	text-decoration: none;
}

.service_navigation_link:hover {
	text-decoration: underline;
}

#Powered_by_TheSmartPoint {
	font-size: 0.8em;
	padding-left: 10px;
	padding-top: 3px;
}

#Powered_by_TheSmartPoint a:link, #Powered_by_TheSmartPoint a:visited, #Powered_by_TheSmartPoint a:active {
	color: #86b2c9;
	text-decoration: none;
}

#Powered_by_TheSmartPoint a:hover {
	color: #26556d;
}