@import url("BodyUser.css"); /* Body and fck editor styles */
@import url("/css/base.css"); /* Grid layout */

@import url("/css/common.css");
@import url("/css/modules.css");
	
	
/* Colour Refs */
	
	
	
/*------------------------------------*\
  RESET
\*------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0b1 | 201101
   NOTE:WORK IN PROGRESS
   USE WITH CAUTION AND TEST WITH ABANDON */

html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  font:inherit;
  vertical-align:baseline;
}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{
  display:block;
}
body{
  line-height:1;
}
ol,ul{
  list-style:none;
}
blockquote,q{
  quotes:none;
}
blockquote:before,blockquote:after,
q:before,q:after{
  content:'';
  content:none;
}
/* remember to define visible focus styles!
:focus{
  outline:?????;
} */

/* remember to highlight inserts somehow! */
ins{
  text-decoration:none;
}
del{
  text-decoration:line-through;
}

table{
  border-collapse:collapse;
  border-spacing:0;
}

/*---------------MAIN---------------------*/
body								{font-family: 'Source Sans Pro', sans-serif; }

h1									{font-size: 30px;}
h2									{font-size: 25px;}
h3									{font-size: 20px;}
h4									{font-size: 16px;}
h5									{font-size: 13px;}
p									{font-size: 13px;}

.clearfix							{clear: both}



.container							{width: 960px; margin:auto;}

/*--header--*/
header								{width:100%; height: 593px; background-image:url(../images/sorrento-costiera-02.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; padding: 100px 0 0 0;}

#introtitle							{width: 300px; height: 119px; margin: auto; background-image: url(../images/txt/1-weddingof.png); background-position:center;}

#names								{width:100%; height: 121px; background-image: url(../images/whitebg-30.png); margin: 56px 0 0 0;  -moz-box-shadow:0px 0px 15px rgba(0,0,0,0.3); -webkit-box-shadow:0px 0px 15px rgba(0,0,0,0.3); box-shadow:0px 0px 15px rgba(0,0,0,0.3);}
#names h1							{width: 410px; text-align:center; font-size:45px; color:white; font-weight:100; float: left; padding: 35px 0; }
#names h2							{width: 140px; text-align:center; color:white; float: left; margin: 6px 0 0 0;}

#homenav							{width: 720px; margin: 200px auto 0 auto;}
#homenav li							{width: 140px; color:white; font-weight:100; padding: 10px; font-size:25px; background-image: url(../images/whitebg-75.png); text-align:center; float: left; margin: 10px; -moz-box-shadow:0px 0px 15px rgba(0,0,0,0.3); -webkit-box-shadow:0px 0px 15px rgba(0,0,0,0.3); box-shadow:0px 0px 15px rgba(0,0,0,0.3);}
#homenav li a						{ text-decoration:none; color: black;}

/*--White bar--*/
.whitebarborder						{background-image: url(../images/whitebg-75.png); padding: 10px 0; margin: -10px 0 0 0; z-index:3; position:relative;  -moz-box-shadow:0px 0px 25px rgba(0,0,0,0.3); -webkit-box-shadow:0px 0px 25px rgba(0,0,0,0.3); box-shadow:0px 0px 25px rgba(0,0,0,0.3);}
.whitebar							{width: 100%; background-image: url(../images/bgbar.jpg); background-position:50% 50%;}

.twocol								{width: 458px; float: left; padding: 70px 0; text-align:center; margin: 0 10px;}
.twocol h1							{ color:#666666; font-weight:100;}
.twocol p							{ color:#666666; font-weight:100; font-size: 20px; text-align:left; padding: 0 0 10px 0;}
.twocol strong						{ font-weight:500;}

.twocol ul							{width: 100%; padding: 20px 0 30px 0;}
.twocol li							{background: #BA9954; margin: 0 10px 0 0; color:white; float:left; padding: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.twocol li a						{ text-decoration:none; color:white;}

/*--gold button bottom--*/
.goldbutton							{background: #BA9954; margin: 0 10px 0 0; color:white; float:left; padding: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.goldbutton a						{ text-decoration:none; color:white;}

.picbutton							{margin: 20px 20px 20px 0; background: #BA9954; color:white; float:left; padding: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.picbutton a						{ text-decoration:none; color:white;}

/*--picture bg--*/
.picturebar							{width: 100%; padding: 50px 0; margin: -10px 0 0 0; position:relative;  z-index:1;}
.picturebar h1						{ font-weight:100; font-size:30px; }
.picturebar p						{}

.picbarcontainer					{width: 100%; margin: 20px 0 0 0; }
.picimg								{ width:400px; height: 290px; background: url(../images/whitebg-75.png); float: left; margin: 0 20px 0 0;}
#picimgbox							{width: 380; height: 270px; margin: 10px; background: black; background-size:cover;}
.picdescription						{ width: 540px; /*height: 290px;*/ padding: 0 0 20px 0; background: url(../images/whitebg-75.png); float: left;}
.picdescription p					{padding: 20px 20px 0 20px; font-size:20px; font-weight:100; color:black;}

#imageboxcontainer					{ width: 400px;}
#picdescriptioncontainer			{ width: 540px;}

/*-img bar photos-*/
#barimg1							{background-image: url(../images/S01_2.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
#barimg2							{background-image: url(../images/S34.jpg); background-position:center; background-repeat:no-repeat; background-size:cover;}
#footer								{background-image: url(../images/S37.jpg); background-position:center; background-repeat:no-repeat; background-size:cover; }

#footerimg							{width: 728px; margin: auto; padding: 60px 0;}
#glowcreddit						{background: url(../images/whitebg-75.png); float: right;}
#glowcreddit p						{padding: 10px; font-size: 13px;}
#glowcreddit a						{ text-decoration:none;}

/*--hotels--*/
#hotelscontainer					{width: 100%;}
.hotel								{width: 300px; height: 380px; background: url(../images/whitebg-75.png); float: left; margin: 0 10px; position: relative;}
.hotel	h1							{padding: 0 10px;}
.hotel	p							{padding: 10px; font-size:14px; font-weight:100;}
.hotelbutton						{margin: 10px; position: absolute; bottom: 0px; right: 0px;}
.hotelimg							{width: 280px; height: 190px; margin: 10px; background: black;}

.hotelsheader						{margin: 20px 10px;}

.onestar							{margin: 5px; float:left; padding: 10px; width: 150px; height: 30px; position: absolute; bottom: 0px; background: url(../images/1star.png); background-position:center; background-repeat:no-repeat;}
.twostar							{margin: 5px; float:left; padding: 10px; width: 150px; height: 30px;  position: absolute; bottom: 0px; background: url(../images/2star.png); background-position:center; background-repeat:no-repeat;}
.threestar		 					{margin: 5px; float:left; padding: 10px; width: 150px; height: 30px;  position: absolute; bottom: 0px; background: url(../images/3star.png); background-position:center; background-repeat:no-repeat;}
.fourstar		 					{margin: 5px; float:left; padding: 10px; width: 150px; height: 30px;  position: absolute; bottom: 0px; background: url(../images/4star.png); background-position:center; background-repeat:no-repeat;}
.fivestar		 					{margin: 5px; float:left; padding: 10px; width: 150px; height: 30px;  position: absolute; bottom: 0px; background: url(../images/5star.png); background-position:center; background-repeat:no-repeat;}

/*--back up page--*/
#backup								{padding: 0px; background: url(../images/whitebg-75.png); position:fixed; bottom: 0px; right: 0px; z-index:4; -moz-box-shadow:0px 0px 5px rgba(0,0,0,0.3); -webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.3); box-shadow:0px 0px 5px rgba(0,0,0,0.3); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 20px;}
#backup a							{text-decoration: none; color:black;}


.flexslider							{width: 100%; background: none !important; border: none !important;}




/*-- 0 650 960--*/
/*---------------------0---------------------
@media screen and (min-width: 0px) {
}
*/

/*------------------------------------*/
/* GO! */