@import url(http://fonts.googleapis.com/css?family=Josefin+Sans);
@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(http://fonts.googleapis.com/css?family=Dancing+Script);

::-webkit-scrollbar {width: 32px; height: 3px; background: #ffffff;}
::-webkit-scrollbar-thumb {background-color: #CB9AB7; border: 5px;}

html, body {
        height: 100%;
        margin:0;
}

body {
        background-image:url(images/bg.jpg);
        font-family: 'Roboto', sans-serif!important;
        font-weight: 400!important;
        text-align:center;
        font-size: 13px;
        color: #9E9177; overflow-x: hidden;
}

.nav {
top:0;
left:0;
background-color:#ffffff;
width:100%;
margin-bottom:30px;
z-index:1;
position:fixed;
text-align:center;
font-size:30px;
letter-spacing:3px;
line-height:30px;
padding:25px;
padding-bottom:30px;
height:30px;
border-top: 3px dashed #CB9AB7;
border-bottom: 3px dashed #CB9AB7;
opacity:0.6;
}
			
.nav a {
text-transform:uppercase;
letter-spacing:6px;
padding:23px;
font-size:25px;}

.nav A:link { 
font-family: 'Gabriela';
text-decoration: none; 
text-transform:uppercase;
letter-spacing:6px;
padding:17px;
font-size:13px;
color:#CB9AB7;
}

.nav A:visited { 
font-family: 'Gabriela';
text-decoration: none; 
text-transform:uppercase;
letter-spacing:6px;
padding:13px;
font-size:18px;
color:#CB9AB7;
}

.nav A:active { 
font-family: 'Gabriela';
text-decoration: none; 
text-transform:uppercase;
letter-spacing:6px;
padding:13px;
font-size:18px;
color:#CB9AB7;
}

.nav A:hover { 
font-family: 'Gabriela';
text-decoration: none; 
text-transform:uppercase;
letter-spacing:6px;
padding:17px;
font-size:13px;
color:#8C8DC4;
}

#header {

        background-image: url('images/header.png'),url(images/bg.jpg);
        background-repeat: no-repeat, repeat;
        background-position: top; 
        height:747px;
        width:100%;
        margin-top:-20px;
}

#space {
        height:15px;
}

#wrapper{
        float:center;
        width: 1025px;
}

#container{
        overflow:hidden;
        float:center;
        width:1025px;
}

#footer{
        background-repeat: repeat;
        background-position: center;
font-family: 'Cormorant Garamond', serif;
        font-weight: 400!important;
        text-transform:none;
        text-align:center;
        font-size:14px;
        padding:20px;
        line-height:23px;
        color: #000000;        height:309px;
        width:100%;background-image: url('images/footer.png'), url(images/bg.jpg);
        background-repeat: no-repeat;
}

a:link {
        text-decoration:none; 
        color: #8C8DC4;
	font-size: 17px;
        font-family: ''Gabriela', sans-serif!important;
        font-weight: 400!important;
        letter-spacing:0px;
        padding:0px;
        line-height:11px;
        font-style:none;
        -webkit-transition: opacity 0.3s linear;
        -webkit-transition: all 0.3s ease-out; 
        -moz-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out; }

a:visited {
        text-decoration:none; 
        color: #8C8DC4;
	font-size: 17px;
        font-family: 'Gabriela', sans-serif!important;
        font-weight: 400!important;
        letter-spacing:0px;
        padding:0px;
        line-height:11px;
        font-style:none;
        -webkit-transition: opacity 0.3s linear;
        -webkit-transition: all 0.3s ease-out; 
        -moz-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out; }

a:active {
        text-decoration:none; 
        color: #8C8DC4;
	font-size: 17px;
        font-family: 'Gabriela', sans-serif!important;
        font-weight: 400!important;
        letter-spacing:0px;
        padding:0px;
        line-height:11px;
        font-style:none;
        -webkit-transition: opacity 0.3s linear;
        -webkit-transition: all 0.3s ease-out; 
        -moz-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out; }

a:hover {
        text-decoration:none; 
        color: #B97B7D;
        border-bottom: #B97B7D;
	font-size: 17px;
        font-family: ''Gabriela', sans-serif!important;
        font-weight: 400!important;
        letter-spacing:0px;
        padding:0px;
        line-height:11px;
        font-style:none;
        -webkit-transition: opacity 0.3s linear;
        -webkit-transition: all 0.3s ease-out; 
        -moz-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out; }

b { 
        color: #B97B7D; 
        border-bottom: #B97B7D;
}

i { 
        color: #B97B7D; 
        border-bottom: #B97B7D;
}

#sidebar {
        float:left;
        margin-left:0px;
        width:326px;
        margin-top:16px;
}

.sidebarcontainer{
        background-color:#e8e8e8;
        border:1px solid #e8e8e8;
        padding:5px;
        font-size:12px;
        text-align:justify;
        line-height:18px;
        color:#6c6c6c;
        margin-left:2px;
        margin-right:2px;
}

.sidebartitle{
        border-bottom:2px solid #dcdcdc;
        font-family: 'Roboto', sans-serif!important;
        font-weight: 400!important;
        text-transform:none;
        letter-spacing:0px;
        padding-left:10px;
        padding-right:8px;
        padding-top:9px;
        padding-bottom:9px;
	font-size: 13px; 
        line-height:20px;
        font-weight:none;
        text-align:center;
	color: #646464;
        margin-bottom:5px;
}

.sidebartitle i {
	color: #646464;
	font-family: 'FontAwesome';
	font-style: normal;
}

#content {
        float:center;
        margin-right:0px;
        margin-top:0px;
        margin-bottom:20px;
        width:1025px;
}

.contentcontainer{
       background-image:url(images/bg.jpg);
        background-repeat: repeat;
        padding:8px;
        margin-left:0px;
        margin-right:0px;
        line-height:27px;
        font-size:17px;
        font-family: 'Gabriela', sans-serif!important;
        font-weight: 400!important;
        text-align:justify;
        color:#575757;
        margin-bottom:-18px;
}

hr {
        border: 0;
        width: 100%;
        color: #575757;
        height: 1px;
}

ul { 
        margin:0 auto;
        padding:0px; 
}

li { 
        margin:0 auto; 
        padding:5px; 
        color:#575757;
        list-style:none;
}

li:hover { 
        margin:0 auto; 
        padding:5px; 
        color:#575757;
        list-style:none;
}

blockquote {
 	background-color:#E9EAF1; width: 460px;
 	padding: 10px;
	text-align:justify; border:3px solid #F3A8C6;
	color:#575757;
	font-style:italic; background-position:center; background-image: url(images/block.jpg);
}

h1 {
 	background-color:#ffffff; 
        border-top: 2px solid #E6BCBD;
border-border: 2px solid #E6BCBD;
	color:#9F9FC9;
        letter-spacing:1px;
        text-transform:none;
        font-family: Gabriela;
        font-weight:none;
        font-style:none;
        font-size:22px;
        padding:10px;
}

h2 {
        font-family: 'Roboto', sans-serif!important;
        font-weight: 400!important;
        text-transform:none;
        letter-spacing:0px;
        text-decoration:none;
        padding:8px;
	font-size: 14px;
        line-height:14px;
        font-style:italic;
        text-align:left;
	color: #9F9FC9;
        margin-bottom:-10px;
}

input,
textarea,
select {
	width: 80%;
	padding: 20px 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #9F9FC9 !important;
	color: #ffffff;
	border: 1px solid rgba(194,178,128,0.18);
	border-radius: 18px;
	font-family: 'Georgia', serif;
	font-size: 14px;
	letter-spacing: 1px;
	line-height:2.7;
	outline: none;
	box-sizing: border-box;
	transition:
		border-color 0.35s ease,
		background 0.35s ease,
		box-shadow 0.35s ease,
		transform 0.35s ease;
}

.work-wrap {
    overflow: hidden;
    display: inline-block;
    margin-bottom: 220px;
}

column {
  float: left;
  width: 50%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.clearfooter {
        height:100px;
        clear:both;
}

.clear{
        clear:both;
}