/* CSS */
@charset "utf-8";

@import url("fonts/alegreya_sansother/stylesheet.css"); 
@import url("fonts/alex_brushregular/stylesheet.css"); 




* {margin: 0px; padding: 0px;}
 
html {}
body {background: url('images/background.jpg') ; font-family: 'alegreya_sansregular',Arial, Helvetica, sans-serif; color: #622913; font-size: 18px;}

#bodyshell {}
.noscript {background: #990000; font-weight: bold; color: #FFCC00; padding: 5px; text-align: center; }

h1, h2, h3, h4, h5 {font-weight: bold; font-size: 14px;}
a {color:#bf325d; text-decoration: none;}
a:hover {text-decoration: underline; color: #622913;}
a img, .pureimg {border: none;}


.h2msg {color: #0094DE; padding: 10px; margin-bottom: 10px; background: #eeeeee; border-top: 3px solid #0094DE;  border-bottom: 3px solid #0094DE;} 

/* Classes */
.clearfix:after, .clearfix:before {content: " "; display: table;}
.clearfix:after {clear: both;}
.clear {clear: both; font-size: 0px; height: 0px;}
.seorobots {visibility: hidden; height: 0px; width: 0px; overflow: hidden;}
.bold {font-weight: bold;}
.center {text-align: center;}
.fl {float: left;}
.fr {float: right;}
.hidden {display: none;}
	
.pink {color:#bf325d;}
.alexbrush { font-family: 'alex_brushregular';  color: #bf325d;  }
.lineshell {height: 0px; position: relative; top: -10px; width: 960px; margin: 0px auto;}
.linebox {height: 28px; background: url('images/ornamentline.png') repeat-x;}	
.lineleft {height: 28px; background: url('images/ornamentleft.png') no-repeat; width: 92px; float: left;}
.lineright {height: 28px; background: url('images/ornamentright.png') no-repeat; width: 92px; float: right; }
	
	
/* HEADER */
#theader {  width: 100%; top: 0px; background: url('images/background.jpg'); }

	#theader-content {height: 190px; width: 960px; margin: 0px auto; padding-top: 30px; }
	#th-left {float: left; width: 250px;}
	#th-middle {width: 460px; float: left; text-align: center; padding-top: 10px;}
		h2.alexbrush {font-size: 80px; font-weight: normal;}
	#th-right {float: right; width: 250px; font-family: 'alegreya_sansmedium'; padding-top: 20px;}
	#th-right p {padding-top: 20px; text-transform: uppercase; font-size: 15px;}
	#th-right p.pink {font-family: 'alegreya_sansbold'; font-size: 18px; padding-top: 15px;}
	#th-right p.pink span {display: block;}
	#th-right span {padding: 0px 5px;}
	#langs {font-size: 18px;}
	#langs a {font-family: 'alegreya_sansbold';}
	
	.lineshell {width: 1060px; margin: 0px auto;}
	#menushell {background: url('images/background.jpg'); font-size: 24px; font-family: 'alegreya_sansmedium'; width: 100%;  }
	#menubox {background: url('images/pinkback.png'); width: 100%;}
	#menushellin {width: 960px; margin: 0px auto;}
	#menushellin .lineshell {width: 960px; }

	#menushell.f-nav {position: fixed; top: 0px; z-index:3;}
	

#nav-trigger {  display: none;  text-align: center;  font-size: 16px; color: #622913;}
#nav-trigger span {display: inline-block;padding: 10px 30px; cursor: pointer;  text-transform: uppercase; }
#nav-trigger span strong {padding-left: 10px; font-size: 30px;display: inline-block; line-height: 14px; position: relative; top: 4px;}
#nav-trigger span:after { display: inline-block; margin-left: 10px; width: 20px; height: 10px;  border-left: solid 10px transparent;
      border-top: solid 10px #fff;    border-right: solid 10px transparent; }
#nav-trigger span:hover {  background-color: #bf325d; color: #fff;}
#nav-trigger span.open:after { border-left: solid 10px transparent; border-top: none; border-bottom: solid 10px #fff;  border-right: solid 10px transparent; }
nav { font-size: 24px; }
nav#nav-main {  padding: 0px 0px;}
nav#nav-main ul {   list-style-type: none;    margin: 0;    padding: 0;    text-align: center; }
nav#nav-main li {    display: inline-block;    padding: 0px 2px; }
nav#nav-main li:last-child {      border-right: none; }
nav#nav-main a {    display: block;    color: white;    padding: 15px 10px; color: #622913; }
nav#nav-main a:hover {      background-color: #bf325d; color: #fff; text-decoration: none; }

nav#nav-mobile { position: relative;  display: none; z-index: 1;  }
nav#nav-mobile ul {    display: none;    list-style-type: none;    position: absolute;    left: 0;    right: 0;    margin-left: auto;
						    margin-right: auto;    text-align: center;   background: url('images/background.jpg');  }
nav#nav-mobile li {    display: block;    padding: 5px 0;    margin: 0 5px;    border-bottom: solid 1px #ea9d98; background: url('images/pinkback.png');}
nav#nav-mobile li:last-child {      border-bottom: none; }
nav#nav-mobile a {    display: block; color: #622913;  padding: 10px 30px; }
nav#nav-mobile a:hover {      background-color: #bf325d;  color: #fff; text-decoration: none; }
@media all and (max-width: 900px) {  #nav-trigger { display: block; }  nav#nav-main { display: none; }  nav#nav-mobile {  display: block; } }


/* BODY */
	h3.title {padding: 20px 0px; font-size: 46px; text-align: center; font-weight: normal;  font-family: 'alegreya_sansregular'; color: #bf325d;}
	
	#bannershell {height: 420px;  }
	
	
	
	#greetingbar {width: 1060px; margin: 0px auto; padding: 50px 0px;line-height: 26px;}
	#greetingbar .fl {width: 630px;  text-align: justify;}
	#greetingbar h3 {font-size: 46px; color:#bf325d; font-family: 'alegreya_sanslight'; padding-bottom: 30px; font-weight: normal; }

	#quickinfobar-shell {background: url('images/pinkmain.png');}
	#quickinfobar { padding: 20px 0px; width: 1060px; margin: 0px auto;}
		#quickinfobar .fl {width: 45%; }
		#quickinfobar .fr {width: 45%; }
		#quickinfobar ul {margin: 0px; padding-bottom: 20px;}
		#quickinfobar ul li {list-style-type: none; padding-bottom: 18px;}
		#quickinfobar ul strong {font-weight: normal;  font-family: 'alegreya_sansbold';}
		#quickinfobar h3 {font-size: 46px; color: #bf325d;  font-family: 'alegreya_sansbold'; line-height: 50px; padding-bottom: 10px;}
		#quickinfobar h3 strong {font-size: 72px;}
		#quickinfobar p {color: #bf325d; padding-bottom: 30px;}
	#quickinfobarin {padding: 0px 50px; clear: both; background:url('images/wedcouple.png') center center no-repeat; background-size: 100%;}
		#quickinfobar div div h3 {font-family: 'alegreya_sansbold'; font-size: 46px; padding-bottom: 10px; color: #622913;}
	
	#svcalendar-shell {}
	#svcalendar {padding: 20px 0px; width: 1060px; margin: 0px auto; overflow-x: hidden;}
	#calendar {font-family: 'alegreya_sansmedium'; padding: 20px 0px 30px 0px; color: #652b14;}
	#calendar p.arrowbox {width: 31%; float: left; color: #617835; font-size: 28px; font-family: 'alegreya_sansbold'; }
	#calendar p.arrowbox a:hover {background-color: #bf325d; color: #fff; border-radius: 4px;}
	#prevmonth {display: block; float: left; text-decoration: none; color: #652b14; background: url('images/prevmonth.png') no-repeat center left+10px; padding: 0px 10px 5px 30px;}
	#prevmonth:hover {background-image:url('images/prevmonth-over.png'); }
	#nextmonth {display: block; float: right; text-decoration: none; color:#652b14; background: url('images/nextmonth.png') no-repeat center right+10px; padding: 0px 30px 5px 10px;}
	#nextmonth:hover {background-image: url('images/nextmonth-over.png');}
	#currentmonth {width: 38%; float: left; text-align: center;  font-weight: normal;  font-size: 38px; position: relative; top: -10px; color: #000;}
	#currentmonth a {color: #212e0a;}
	#caldaylist {clear: both; text-align: center; padding-top: 20px; float: left; left: 50%; position: relative;}
	#caldaylistcenter {position: relative;float: left; left: -50%;}
	#caldaylist .day {display: block;  margin: 2px 1px 0px 1px; float: left;  color: #652b14; min-height: 66px;}
	#caldaylist .day p {display: block; margin: 0px; padding: 0px 3px 8px 3px ;font-size: 26px; border-radius: 4px; min-width: 25px; line-height: 24px;}
	#caldaylist .day.events p:hover {background: #431604; cursor: default;}
	#caldaylist .day span {display: block; font-size: 12px;}
	#caldaylist .day.events p {background: #d84975; color: #fff;}
	#caldaylist .day.weekend p {color: #aa1341; }
	#caldaylist .day.events.weekend p {background: #aa1341; color: #fff;}
	#caldaylist .day.events.current p, #caldaylist .day.current.events p, #caldaylist .day.events.today.current p,
	#caldaylist .day.events.weekend.current p {background-color: #652b14;}
	
	#caldaylist .day.today {margin: 0px; background: url('images/redarrow.png') center bottom+20px no-repeat;}
	#caldaylist .day.today p {background: #652b14; color: #fff; }
	#caldaylist .day span.mark { height: 30px; border-radius: 10px;}
	#caldaylist .day.today span.mark span {position: relative; top: 10px; padding: 2px 4px; background: #652b14; color: #fff; border-radius: 3px; font-family: 'alegreya_sansmedium'; }
	#caldaylist .day span.tip {height: 0px; overflow: hidden; display: block;  text-align: center; margin-bottom: 1px; color: #192d09; padding-top: 1px;}
	#caldaylist .day span.tip.on {  background: url('images/darkgreenarrow.png') center bottom+2px no-repeat; text-transform: uppercase; }



	#servicesform-shell {background: url('images/pinkmain.png');}
	#servicesform { padding: 20px 0px 60px 0px; width: 1060px; margin: 0px auto;}
	
		.topformgroup {width: 23%; margin: 10px 1%; float: left;}
		
		.checkgroup {width: 23%; margin: 10px 1% 10px 1%; float: left;}
		.ikonyback {background: url('images/ikonyback.png') no-repeat; width: 110px; height: 110px; background-size: 100%; margin: 0px auto; }
		.ikonyback img {width: 100%; height: 100%; float: none; margin: 0px;}
		.fieldgrouptitle {color: #bf325d; text-align: center; font-size: 24px; padding: 10px 0px;}
		.checkboxes {padding: 0px 10px;}
		.prettycheckbox label, .prettyradio label {margin-top: 4px;}
		.checkgroup.only3 {display: none;}




	#svfotogallery-shell {}
	#svfotogallery  { padding: 20px 0px 30px 0px; width: 1060px; margin: 0px auto;}
	#svfotogallery img {width: 190px; height: auto; display: block; float: left; margin: 10px 6px 10px 6px; border: 5px solid #fff;}
	#svfotogallery {margin-bottom: 30px;}
	
	#svcontacts-shell {background: url('images/whiteback.png');}
	#svcontacts { padding: 40px 0px 0px 0px; width: 1060px; margin: 0px auto;font-size: 18px; }
		#svcontacts h4 {font-size: 80px; font-weight: normal; text-align: center; padding-bottom: 20px;}
		#svcontacts .fl {width: 55%-140px; padding-left: 140px; padding-bottom: 20px;}
		#svcontacts h5 {color: #bf325d;  font-family: 'alegreya_sansbold'; font-weight: normal; font-size: 30px;}
		#svcontacts p{  padding-bottom: 20px;}
		#svcontacts h6 {font-size: 20px; font-weight: normal;  font-family: 'alegreya_sansbold'; }
		
		#svcontacts .fr {width: 45%;position: relative; bottom: 0px; height: 100%;}
		#svcontacts .fr img {width: 100%; height: auto; display: block; float: none; }
		#svcontacts table {margin-bottom: 10px;}
		#svcontacts table td {vertical-align: top; }
/* FOOTER */
	#tfooter-shell {background: url('images/brownback.png')}
	#tfooter {padding: 10px; text-align : center; font-size: 16px; }
	#tfooter span , #tfooter a {color: #bf325d;}
	#tfooter p {display: inline; padding: 0px 2px;}






.gallery-shell {padding: 30px 0px 20px 0px;}
.gallery-shell h4 {padding-bottom: 0px; font-size: 24px;}
.gallery-shell.fix {padding-top: 0px;}
.galppic-box {float: left; margin: 0px 10px 3px 0px; padding: 5px 3px;}
.galppic-box img {padding:3px 5px 3px 0px; border-radius: 7px; height: 100px;}
.galtitle {padding: 5px 5px 5px 0px; border-bottom: 1px solid #779D2D; margin: 0px 0px 10px 5px; color: #779D2D;}
.gallery-shell h3 {font-size: 18px;   padding: 0px 0px 0px 0px;}
.gallery-shell .p5 { padding-bottom: 10px;}


.filebox-shell {padding: 10px 0px 5px 0px; }

.filebox-shell .file-row {clear: both; margin-bottom: 5px; }
.filebox-shell .file-row a {background: url('images/downloadicon.png') no-repeat; padding: 0px 0px 10px 40px; color: #fff; display: block; font-size: 18px; display: block;}
.filebox-shell .file-row a.pic {background: url('images/downloadicon.png') no-repeat;}
.filebox-shell .file-row a:hover {color: #eb681a; text-decoration: underline;}
.filebox-shell .file-row a span.size {font-size: 11px; display: block;}
.filestitle {padding: 5px 5px 5px 0px; margin: 10px 0px 0px 0px; }
.filesshell {padding: 0px 15px 0px 0px; border-radius: 5px; margin-top: 10px;}
.filesshell h4 {padding: 10px 0px 0px 0px; font-size: 24px;}






/* --------------------------------------------------- FORM ---------------------------------------------------*/	

		.clear4 {clear: both;}
		
		#formsection1 {} 
		#formsection2 {}
		#formsection2 {}
		#formsection3 {}
		
		.formsectiontitle {padding: 10px 0px 15px 0px; font-weight: normal; color: #e7cdab; font-sizE: 24px;  text-transform:none; }
		.formrow { } 
		.formrow.horizontal {}
		.formrow.highlight {}
		.formrow .fr1, .formrow .fr2 {min-height: 20px; padding: 2px 0px;}
		.formrow .fr1.hidden, .formrow .fr2.hidden {min-height: 0px; margin: 0px; display: none;} 
			.formrow .fr1 label {display: block;}
			.formrow .fr2 label.highlight {color: #ea4141; font-weight: bold;}
			.formrow .fr2.highlight {background: #ff7373; border: 1px solid #ea4141; border-radius: 3px; padding-bottom: 0px;}
				.formrow .fr2.highlight > * {position: relative; left: 10px;}
			.formrow .fr1 p { font-size: 11px; font-weight: normal; padding: 3px 0px 10px 0px;} 
		.formrow .fr1 { float: left; text-align: right;font-size: 16px;  padding-top: 10px;}
		.formrow .fr2 { float: left;}
		
			.formrow .fr2 label {margin: 0px 0px 0px 5px;}
			.formrow .fr2 label p {display: inline; font-size: 24px;}
			#formsection1 .formrow .fr2 label p {font-size: 14px; white-space: normal; cursor: pointer;}
			
			.formrow .fr2 a { }
			.formrow .fr2 a:hover {}
		.formrow .fr2 > p {padding-top: 8px; margin-right: 10px;}
		.formrow .fr2 > div > a {}
		.formrow.horizontal .fr1, .formrow.horizontal .fr2 { float: none; text-align: left; }
		
		.formrow.horizontal .fr2.labelfix {width: 152px;}
		.formrow.horizontal.up {position: relative; top: -7px; padding-bottom: 5px;}
		
		.formrow .fr2 input[type=text] { background: #fdeee4; border: 1px solid #652b14; font-size: 18px; width:94%; padding: 7px 2%; color: #000;}
		.formrow .fr2 input[type=text].half {width: 320px;}
		.formrow .fr2 input[type=text].quarter {width: 160px;}
		.formrow .fr2 input[type=text].highlight {background: #ff7373; border: 1px solid #ea4141;}
		.formrow .fr2 input[type=radio] {margin-top: 8px;}
		.formrow .fr2 input[type=checkbox] {margin-top: 8px;}
		.formrow.horizontal .fr2 input[type=text] { font-size: 18px; color: #431604; }
		.formrow.horizontal .fr2 input[type=text].long { text-align: left;}
		.formrow.horizontal .fr2 input[type=text].middle {width: 220px;}
		.formrow .fr2 textarea {width: 98%; height:178px; overflow: auto; background: #fdeee4;border: 1px solid #652b14;  color: #431604;  font-family: 'alegreya_sansmedium'; 
								padding: 5px; font-size: 20px; resize: none;}
		.formrow .fr2 textarea.highlight {background: #ff7373; border: 1px solid #ea4141;}
		.formrow .fr2 select {width: 652px; height: 30px; background: #fff; border: 1px solid #d3d3d3; border-radius: 3px; padding: 3px 0px 0px 0px; font-size: 16px;}
		.formrow .fr2 select.half {width: 328px;}
		.formrow .fr2 select.highlight {background: #ff7373; border: 1px solid #ea4141;}
		.formrow .fr2 select option {padding: 2px 5px;}
		.formrowhtml {margin-bottom: 10px; }
		.formrowhtml .fr1 {float: none; text-align: left;  font-weight: bold;}
		/*{width: 248px; float: left; text-align: left; color: #666; font-size: 14px; font-weight: bold; padding: 7px 10px; background: #fff; text-transform: uppercase; margin: 1px;}*/
		.formrowhtml .fr1 p {text-align: justify; text-transform: none; font-size: 11px; font-weight: normal; color: #999; padding: 2px 0px;}
		.formrowhtml .fr2 {background: none; min-height: auto;width: auto;float: left;text-align: left;font-size: 16px; color: #bf325d;
							 padding: 3px 5px 5px 5px; border: none;  }
		.formrowhtml .fr2 p {display: inline;}
		.formrowhtml .fr2 a {color: #E6CEAD; text-decoration: underline;}
		.formrowhtml .fr2 a:hover {color: #fff; text-decoration: none;}
		.formrowhtml.horizontal { border: none;}
		
		.formrowhtml.horizontal .fr1, .formrowhtml.horizontal .fr2 {float: left; }
		.formrowhtml.horizontal .fr1 {margin: 1px 1px 3px 1px;}
		.formrowhtml.horizontal .fr2 {margin: 0px 1px 3px 1px; }
		.formrowhtml.horizontal.seofix .fr2 {overflow: auto; min-height: 85px; height: auto; width: 432px;}
		.formrobofield {width: 1px; heigh: 1px; border: none; background: none; visibility: hidden;}
		.formclearinputbtn {font-weight: bold; background: #bbb; color: #fff; padding: 3px 5px; border-radius: 3px; position: relative; top: -1px; cursor: pointer;}
		.formclearinputbtn:hover { background: #666;}
		.formrow .infoblock {width: 230px; font-size: 12px; text-align: justify;}
		
		#formsection1 .formrowhtml {text-align: center;}
		#formsection1 .formrowhtml div {display: inline;}
		#formsection1 .formrowhtml .fr2 {float: none;}
		
		.normallinkbutton {width: 120px; margin: 0px auto; margin-top: 10px; margin-bottom: 10px; font-size: 12px; text-transform: uppercase; background: #025fb6; padding: 5px 10px; display: block; color: #fff; font-weight: bold; border-radius: 3px;text-align: center; }
		.normallinkbutton.grey {background: #bbb; margin-top: 30px;}
		.normallinkbutton:hover {background: #c90c0d; text-decoration: none; color: #fff;  }
		
		.defaultbox .formmessage {text-align: center; padding-bottom: 10px;}
		.formmessage{text-align: center; background: #fff; color: #777; border: none; padding: 10px; margin: 10px 0px 10px 0px; font-size: 16px; }
		.formmessage.error {color: #fff; border: none; background: #b00;}
		.formmessage.alert {color: #fff; border: none; background: #F60;}
		.formmessage.ok {padding: 10px; background:#019b01; color: #fff; border: none; font-weight: bold;}


		#formsection1 {padding-top: 10px;}
		#formsection1 .formrow .fr1 label {font-size: 30px;  font-family: 'alegreya_sansbold';}
		#formsection1 .formrow .fr1 {float: left;}
		#formsection1 .formrow .fr2 input[type="text"] {width: 90px; height: 50px; line-heifght: 40px; font-size: 40px; padding: 5px 10px; 
														font-family: 'alegreya_sansbold'; text-align: center; margin-left: 20px;}
		.formrow .fr3 {float: left;}
		#formsection1 .formrow .fr3 {font-family: 'alegreya_sansbold'; font-size: 30px; }
		#formsection1 .formrow .fr3 .formlabelafter {padding: 10px 10px; display: block;}
		#formsection1 .formrow {padding-left: 12%;}
		
		
		#formsection2 {padding-top: 20px;}
		#formsection2 .formrow .fr2 input[type="text"] {width:50px; padding: 10px 10px; height: 20px; font-size: 20px; text-align: center;}														
		#formsection2 .formrow .fr1 label, #formsection2 .formrow .fr1 span,  #formsection3 .formrow .fr1 span  {color: #bf325d; font-size: 20px; font-family: 'alegreya_sansbold';}
		#formsection2 .formrow .fr1 {padding-bottom: 5px;}
		#formsection2 .formrow .fr2 {padding-left: 20%;}
		#formsection2 .formrow .fr2 label, #formsection2 .formrow .fr1 label.hidden,   #formsection3 .formrow .fr1 label, #formsection3 .formrow .fr2 label {display: none;}
		#formsection2 .formrow .fr3 {padding: 12px 0px 0px 10px; }
		#formsection2 .formrow .fr2 .prettycheckbox {position: relative; top: 10px;}
	

		#formsection3 {padding-top: 40px;}
		#formsection3 .formrow .fr2 .formlabelafter {position: relative; top: 0px; padding-left: 5px; font-family: 'alegreya_sansbold'; font-size: 20px;}
		#formsection3 .formrow .fr2 > p {font-size: 14px; position: relative; top: 0px; padding: 0px 5px 5px 5px;}

		#formsection4 {width: 30%; float: left; padding-left: 15%;}
		#formsection5 {float:right;  width: 35%; padding-right: 15%;}

		#orderbuttonbox {padding: 60px 0px 20px 0px;}
		#orderbuttonbox p {padding: 10px 0px; color: #bf325d;}
		*.boxmore {display: inline-block; padding: 10px 40px; background: #bf325d; color: #fff; border: none;  font-family: 'alegreya_sansbold'; 
				  cursor: pointer; text-transform: uppercase; text-shadow: none; text-align :center; font-size: 48px;}
		*:hover.boxmore {background: #431604; color: #fff; border: none; text-decoration: none;}
		
		#tbody .classic-form, #tbody h3.recap, #tbody .formrowhtml, #tbody .formmessage {text-shadow: none; }

		.termsbox {background: url('images/lightbrownback.png'); border: 1px solid #cfa28b;  width: 70%; margin: 0px auto; padding: 20px 40px; 
				   margin-top: 30px; margin-bottom: 60px; font-size: 17px;}
		.termsbox p {color: #bf325d; font-size: 20px; font-family: 'alegreya_sansmedium'; padding-bottom: 5px; text-align: center; }
		.termsbox ul {margin: 0px;}
			.termsbox ul li {list-style-type: none;}

		#pricebox {text-align: center; font-family:'alegreya_sansblack'; font-size: 48px; color: #bf325d; padding-bottom: 30px;}
		#pricebox p {display: inline; color: #652b14;}
		#priceprefix {padding: 0px 0px 0px 10px;}
		#price {font-size: 56px;}	





input[type=checkbox] {	visibility: hidden;}


/* SQUARED TWO */
.squaredTwo {
	width: 24px;	height: 24px;	background: #622913;

/*
	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
	

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
*/
	position: relative;
}

.squaredTwo label {
	cursor: pointer;	position: absolute;	width: 20px;	height: 20px;	left: 2px;	top: 2px;

/*
	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
*/



	background: -webkit-linear-gradient(top, #f7ddcd 0%, #f0d6c6 100%);
	background: -moz-linear-gradient(top, #f7ddcd 0%, #f0d6c6 100%);
	background: -o-linear-gradient(top, #f7ddcd 0%, #f0d6c6 100%);
	background: -ms-linear-gradient(top, #f7ddcd 0%, #f0d6c6 100%);
	background: linear-gradient(top, #f7ddcd 0%, #f0d6c6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7ddcd', endColorstr='#f0d6c6',GradientType=0 );		
	
}

.squaredTwo label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);	opacity: 0;	content: '';	position: absolute;	width: 9px;	height: 5px;
	background: transparent;	top: 4px;	left: 4px;	border: 4px solid #622913;	border-top: none;	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.squaredTwo label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.squaredTwo input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}


	.topformgroup .squaredshell {clear: both; padding: 10px 0px 0px 25%;}
	.squaredshell > div {float: left;}
	.topformgroup .formlabelafter {display: block; float: left; padding: 3px 0px 0px 7px; }
	.formrow {padding: 10px 0px 10px 0px;}
	.formrow .formlabelafter {display: block; float: left; position: relative; top: -2px; padding: 0px 0px 0px 7px; font-size: 20px;  font-family: 'alegreya_sansbold'; }
	.formrow p {font-size: 14px; clear: both;}
	
/* ======================== DEVICES ======================== */

@media screen and (max-width: 1200px) {
	
	
	#menushellin .lineshell,
	.lineshell,
	#theader, #theader-content, #menushellin,
	#tbody-shell,
	#tbody,	#refrences,#quickinfobar,
	#greetingbar,  #svcalendar, #servicesform,#svfotogallery, #svcontacts,
	#downdata,
	#tfooter {width: 100%; padding-left: 0px; padding-right: 0px; }


	#th-left {width: 25%;}
	#th-middle {width: 50%;}
	#th-right {width: 25%;}

	nav {font-size: 20px;}
	nav#nav-main a { padding: 10px 15px; }	
	
	
	#greetingbar .fl {width: 58%; padding: 0px 5% 0px 2%;}
	#greetingbar .fr {width: 35%;}
	#greetingbar .fr img {width: 100%; height: auto;}

	#quickinfobar img {width: 20%;}
	#quickinfobarin {}
	
	#calendar {padding: 20px 10px 10px 10px;}
	
	.ikonyback {width: 40%; height: auto;}
	
	.topformgroup {width: 46%; margin: 10px 2%;}
	#formsection2 .formrow .fr2 {padding-left: 10px;}
	
	#svfotogallery > div {padding: 0px 3%;}
	#svfotogallery img { margin: 10px 5px 10px 5px;  width: 17.5%;}

	#svcontacts .fl {width: 50%-90px; padding-left: 90px;}

	.topformgroup .squaredshell {clear: none; }
	#formsection2 .formrow .fr1 {margin-right: 10px;}

}


@media screen and (max-width: 900px) {
	
	
	
	.mainmenu {padding: 10px 0px; font-size: 14px;}
	.mainmenu li {padding: 0px 7px;}
	
	#theader-content {height: auto; padding-top: 20px; }
	#th-left {display: none;}
	#th-right {width: 25%; padding-top: 5px;}
	#th-right p {display: none;}
	#th-right p.pink {display: block; padding-top: 5px; font-size: medium;}
	#th-right p.pink span:first-child {display: none;}
	#th-right p.pink span:nth-child(2){display: none;}
	#th-middle {width: 75%; padding-top: 0px;}
	#th-middle h2 {position: relative; top: -5px; font-size: 70px;}
	#th-middle a {display: block; float: left;}
	#th-middle a img { margin-left: 20px;}
	

	#bannershell {height: 300px !important;}
	
	
	
	.formrow .fr2 textarea, .formrow.horizontal .fr2 input[type="text"] {font-size: 14px;}
	
	#greetingbar {padding: 20px 0px;}
	#greetingbar h3	{font-size: xx-large; padding: 0px 0px 10px 0px;}
	
	#greetingbar {line-height: normal; font-size: medium;}

	#quickinfobar {font-size: medium;}
	#quickinfobar ul li {padding-bottom: 10px;}
	#quickinfobar p { padding-bottom: 10px;}
	#quickinfobar h3 strong {font-size: 66px;}
	#quickinfobar div div h3 {font-size: xx-large;}

	#svfotogallery {margin-bottom: 10px;}	
	#svfotogallery img { margin: 8px 4px 8px 4px;  width: 16%;}

	#svcontacts h4 {font-size: 70px; font-weight: normal; text-align: center; padding-bottom: 10px;}
	#svcontacts h5 {font-size: 22px;}
	#svcontacts p{ font-size: 18px; padding-bottom: 15px;}
	#svcontacts h6 {font-size: 18px; }	
	
	#pricebox {font-size: 40px;}
	#price {font-size: 46px;}
	#formsection4 {width: 35%; padding-left: 10%;}
	#formsection5 { width: 40%; padding-right: 10%;}
	
	.termsbox {width: 86%;}
	
	#formsection2 .formrow .fr1 label, #formsection2 .formrow .fr1 span, #formsection3 .formrow .fr1 span {font-size: 18px;}
	#formsection2 .formrow .fr3 {padding-left: 2px;}
	#formsection2 .formrow .fr2 input[type="text"] {width: 40px; font-size: 18px;}
	
}


@media screen and (max-width: 760px) {
	
	#th-middle a {width: 40%;}
	#th-middle a img {width: 90%; margin-right: 10%;}
	#th-middle h2 {width: 60%;float:right; font-size: 60px;}
	
	#bannershell {height: 200px !important;}
	
	h2.title {font-size: 20px; padding: 20px 0px;}
	h3.subtitle, #tbody-left h3, #tbody-right h3  {font-size: 18px;}
	h3.title {font-size: xx-large; padding: 0px 0px 5px 0px;}

	#greetingbar .fl {width: 68%; padding: 0px 5% 0px 2%;}
	#greetingbar .fr {width: 25%; padding-top: 30px;}

	#quickinfobarin {padding: 0px 30px;}
	#quickinfobar .fl, #quickinfobar .fr {width: 48%;}

	#quickinfobar h3 {font-size: xx-large; line-height:30px;}
	#quickinfobar h3 strong {font-size: 50px;}
	#quickinfobar div div h3 {font-size: x-large;}

	#calendar p.arrowbox  {font-size: 26px;}
	#currentmonth {font-size: 32px; top: 0px;}

	.checkgroup {width: 31.3%; margin: 10px 1% 10px 1%; }
	.checkgroup.none {display: none;}
	.clear3 {clear:both;}
	.checkgroup.only3 {display: block;}
	
	.clear4 {clear:none;}


	#svfotogallery img { margin: 8px 4px 8px 4px;  width: 30%;}

	#svcontacts {padding-top: 15px;}
	#svcontacts .fl {width: 50%-50px; padding-left: 50px;}
	#svcontacts h4 {font-size: 40px; font-weight: normal; text-align: center; padding-bottom: 10px;}
	#svcontacts h5 {font-size: 20px;}
	#svcontacts p{ font-size: 16px; padding-bottom: 15px;}
	#svcontacts h6 {font-size: 16px; }	

	#svcontacts table tr {display: block;}
	#svcontacts table td {display: block;}
	
	.formrow.topformgroup .fr1 {float: none; text-align: center;}
	#formsection2 .formrow .fr2 {padding-left: 30%;}
	#formsection2 .formrow .fr2.has-pretty-child {position: relative; top: -5px;}
	
	.formrow .fr2 textarea, .formrow.horizontal .fr2 input[type="text"] {font-size: 14px;}

	#formsection4 {width: 40%; padding-left: 5%;}
	#formsection5 { width: 45%; padding-right: 5%;}
	#pricebox {font-size: 34px;}
	#price {font-size: 40px;}


	.termsbox {width: 80%; margin-bottom: 30px;}
	#orderbuttonbox {padding: 30px 10px 0px 10px;}
	#orderbuttonbox p {}
	*.boxmore {font-size: 40px; padding: 10px 30px;}
	
	#tfooter p {font-size: small;}
	
	
}


@media screen and (max-width: 600px) {

	#th-middle h2 {font-size: 50px;}
	#th-right p.pink {display: none;}
	#th-right {padding-top: 10px; text-align:center;}
	h3.title {font-size: x-large; clear:both;}	
	
	#greetingbar .fl {width: 94%; padding: 0px 3% 0px 3%;}
	#greetingbar .fr {display: none;}


	


	#quickinfobar .fl, #quickinfobar .fr {width: 100%; float: none; clear: both;}
	#quickinfobar h3 {font-size: x-large; line-height: 20px;}
	#quickinfobar h3 strong {font-size: xx-large;}
	#quickinfobar div div h3 {font-size: large;}
	#quickinfobar div.center {display: none;}

	#calendar p.arrowbox {font-size: 22px;}
	#currentmonth {font-size: 28px;}

	.checkgroup {width: 48%; margin: 10px 1% 10px 1%; }
	.checkgroup.only3 {display: none;}
	.clear3 {clear: none;}
	.clear2 {clear: both;}


	#svfotogallery img {   width: 28%;}

	#svcontacts {padding-top: 10px;}
	#svcontacts .fl {width: 50%-20px; padding-left: 20px;}	
	#svcontacts h4 {font-size: 40px; font-weight: normal; text-align: center; padding-bottom: 10px;}
	#svcontacts h5 {font-size: 16px;}
	#svcontacts p{ font-size: 14px; padding-bottom: 10px;}
	#svcontacts h6 {font-size: 14px;font-family: 'alegreya_sansregular'; }	
	
	#svcontacts h4 {padding-bottom: 0px;}
	#svcontacts h5 {text-align: center; padding-bottom: 5px;}
	#svcontacts .fl	{width: 100%-20px; padding: 0px 10px 20px 10px; float: none;}
	#svcontacts .fr {display: none;}
	#svcontacts .fl p { padding-bottom: 10px; text-align: center;}
	#svcontacts .fl h6 {text-align: center;}
	#svcontacts table {width: 100%; text-align: center;}
	
	.formrow .fr2 textarea, .formrow.horizontal .fr2 input[type="text"] {font-size: 12px;}
	#formsection4 {width: 89%; float: none; padding: 0px 5%;}
	#formsection5 {width: 87%; float: none; padding: 0px 5%;}

	#pricebox {font-size: 30px; padding: 0px 0px 10px 0px;}
	#price {font-size: 36px;}
	
	
	#tfooter p:last-child {display: block;}
	
}


@media screen and (max-width: 480px) {

	#langs {font-size: small;}
	#th-right span {padding: 0px 2px;}
	#th-middle {width: 80%}
	#th-right {width: 20%; padding-top: 5px;}
	#th-middle h2 {font-size: 36px;}

	#greetingbar h3 {font-size: medium; padding: 0px;}
	#greetingbar {font-size: small;}
	
	#bannershell {height: 150px !important;}


	#quickinfobar h3 {font-size: large; line-height: 20px;}
	#quickinfobar h3 strong {font-size: x-large;}
	#quickinfobar div div h3 {font-size: normal; padding-bottom: 5px;font-family: 'alegreya_sansmedium'; }
	#quickinfobar {font-size: small; }
	#quickinfobar ul li {padding-bottom: 2px;}
	
	#calendar p.arrowbox {font-size: 18px;}	
	#currentmonth {font-size: 24px; top: -5px;}
	
	
	.checkgroup {width: 98%; margin: 10px 1% 10px 1%; float: none; }
	.ikonyback {width: 110px; height: 110px;}
	.clear2 {clear: none;}
	
	#svfotogallery img {   width:44%;}
	
	#pricebox {font-size: 24px;}
	#price {font-size: 30px;}
	#pricebox p {display: block; }

	.termsbox {width: auto;}	
	#orderbuttonbox {padding: 20px 0px 0px 0px;}
	#orderbuttonbox p {}
	*.boxmore {font-size: 30px; padding: 10px 30px;}

	#formsection2 .formrow .fr1 label, #formsection2 .formrow .fr1 span, #formsection3 .formrow .fr1 span {font-size: 16px;}
	.topformgroup {float: none; clear: both; width: 98%; padding: 0px 1%;}
	.formrow.topformgroup .fr1 {float:left; text-align: left; width: 190px;}
	#formsection2 .formrow .fr2 {float: left; padding-left: 10px;}
	
	#tfooter p {display: block;}
	
}


@media screen and (max-width: 340px) {
	
	
	#th-middle h2 {font-size: 30px;}
}
/* Banners */