/* Layout for desktop version */
body {
	background: url(../images/body.png) repeat;
}
.clearself:before, .clearself:after {
	content: " ";
	display: block;
	height: 0;
	overflow: hidden;
}
.clearself:after {
	clear: both;
}
.clearself {
	zoom: 1;
} /* IE < 8 */
.socialmedia {
	font-weight:600;
}
.pagecontent {
	background: url(../images/rip-white.png) repeat-x top;
	padding: 4px 5px 0;	
	margin-top: -17px;
}
.content p {
	margin: 10px;
}
.content ul {
	margin: 0;
}
.tagline {
	text-align: center;
	font-style:italic;
	padding: 6px 4px;
	border: #666 solid 1px;
	font-size:16px;
	margin: 10px 0;
}
.gradient1 {
	background: #f6e6b4; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZTZiNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZDkwMTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #f6e6b4 0%, #ed9017 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6e6b4), color-stop(100%, #ed9017)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f6e6b4 0%, #ed9017 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f6e6b4 0%, #ed9017 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f6e6b4 0%, #ed9017 100%); /* IE10+ */
	background: linear-gradient(top, #f6e6b4 0%, #ed9017 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e6b4', endColorstr='#ed9017', GradientType=0 ); /* IE6-8 */
}
.gradient2 {
	background: #91cc5d; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkxY2M1ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NDgxNTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #91cc5d 0%, #648156 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #91cc5d), color-stop(100%, #648156)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #91cc5d 0%, #648156 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #91cc5d 0%, #648156 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #91cc5d 0%, #648156 100%); /* IE10+ */
	background: linear-gradient(top, #91cc5d 0%, #648156 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#91cc5d', endColorstr='#648156', GradientType=0 ); /* IE6-8 */
}
.gradient3 {
	background: rgb(197,222,234); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M1ZGVlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMxJSIgc3RvcC1jb2xvcj0iIzhhYmJkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNjZkYWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(197,222,234,1) 0%, rgba(138,187,215,1) 31%, rgba(6,109,171,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(197,222,234,1)), color-stop(31%, rgba(138,187,215,1)), color-stop(100%, rgba(6,109,171,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(197,222,234,1) 0%, rgba(138,187,215,1) 31%, rgba(6,109,171,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(197,222,234,1) 0%, rgba(138,187,215,1) 31%, rgba(6,109,171,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(197,222,234,1) 0%, rgba(138,187,215,1) 31%, rgba(6,109,171,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(197,222,234,1) 0%, rgba(138,187,215,1) 31%, rgba(6,109,171,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5deea', endColorstr='#066dab', GradientType=0 ); /* IE6-8 */
}
.gradient4 {
	background: rgb(235,241,246); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZjFmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2FiZDNlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzg5YzNlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNWViZmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(235,241,246,1) 0%, rgba(171,211,238,1) 50%, rgba(137,195,235,1) 51%, rgba(213,235,251,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(235,241,246,1)), color-stop(50%, rgba(171,211,238,1)), color-stop(51%, rgba(137,195,235,1)), color-stop(100%, rgba(213,235,251,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(235,241,246,1) 0%, rgba(171,211,238,1) 50%, rgba(137,195,235,1) 51%, rgba(213,235,251,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(235,241,246,1) 0%, rgba(171,211,238,1) 50%, rgba(137,195,235,1) 51%, rgba(213,235,251,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(235,241,246,1) 0%, rgba(171,211,238,1) 50%, rgba(137,195,235,1) 51%, rgba(213,235,251,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(235,241,246,1) 0%, rgba(171,211,238,1) 50%, rgba(137,195,235,1) 51%, rgba(213,235,251,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#d5ebfb', GradientType=0 ); /* IE6-8 */
}
.gradient5 {
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxNyUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYWRhZGFkIiBzdG9wLW9wYWNpdHk9IjAuNjUiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 17%, rgba(173,173,173,0.65) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(17%,rgba(0,0,0,0)), color-stop(100%,rgba(173,173,173,0.65))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 17%,rgba(173,173,173,0.65) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 17%,rgba(173,173,173,0.65) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 17%,rgba(173,173,173,0.65) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(0,0,0,0) 17%,rgba(173,173,173,0.65) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6adadad',GradientType=0 ); /* IE6-8 */

}
.gradient6 {
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdkYjllOCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMDZmYTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(125,185,232,0) 0%, rgba(32,111,160,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,185,232,0)), color-stop(100%,rgba(32,111,160,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(32,111,160,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(32,111,160,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(32,111,160,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(32,111,160,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#206fa0',GradientType=0 ); /* IE6-8 */

}
figcaption {
	position: relative;
	text-align:center;
	font-variant:small-caps;
	font-style:italic;
}
.radius {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.navcontainer {
	position: fixed;
	top: 0;
	right: 100px;
}
nav[role="navigation"] ul {
	float: right;
	margin: 0;
	padding: 0;
	right: 1px;
	list-style: none;
	z-index:99999;
}
nav[role="navigation"] ul li {
	display:inline;
}
nav[role="navigation"] ul li a {
	display: block;
	float:left;
	margin: -2px 3px 0;
	width: 105px;
	height: 24px;
	background: #eaa216 no-repeat 50% 22px;/*#E7F2F9*/
	border:1px solid #fff;/*#BDDCEF*/
	text-decoration:none;
	text-align:center;
	padding-top: 0;
	-moz-border-radius:0px 0px 7px 7px;
	-webkit-border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-khtml-border-bottom-right-radius: 7px;
	-khtml-border-bottom-left-radius: 7px;
	border-radius:0px 0px 7px 7px;
	opacity: 0.8;
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-transition: padding 1s; /* Firefox 4 */
	-webkit-transition: padding 1s; /* Safari and Chrome */
	transition: padding 1s;
}
nav[role="navigation"] ul li a:hover {
	color: #e1e1e1;
	border-top: none;
	font-size: 1.2em;
	padding-top: 90px;
}
nav[role="navigation"] .home a {
	background-image: url(../images/H.png);
	background-position: bottom center;
}
nav[role="navigation"] .about a {
	background-image: url(../images/A.png);
	background-position: bottom center;
}
nav[role="navigation"] .design a {
	background-image: url(../images/D.png);
	background-position: bottom center;
}
nav[role="navigation"] .contact a {
	background-image: url(../images/C.png);
	background-position: bottom center;
}
nav[role="navigation"] li a:hover {
	background-color:#fff;
}
nav[role="navigation"] li a span {
	letter-spacing:2px;
	font-weight:bold;
	color: #6a3a01/*#60ACD8*/;
	text-shadow: 0 -1px 1px #fff;
}
nav[role="navigation"] ul li.current {
	color: #dae1e6;
	font-size: 1em;
}
header {
	background: url(../images/rip-orange-down.png) repeat-x top, url(../images/rudy-header.png) no-repeat top left, url(../images/smallquares-bg.jpg) repeat;
	
}
header .row {
	height: 150px;	
	margin: 0 auto;
}
header #logo {
	margin: 25px auto 0;
	background: url(../images/rudy_header.png) no-repeat;
	text-indent: -9999px;
	width: 802px;
	height: 115px;
	display: block;
}
footer {
	border-top: #ccc solid 1px;
	border-bottom: #ccc solid 1px;
	background: url(../images/footer-bg.png) repeat-x top;
	margin-top: 20px;
	text-align:center;
	background: #999;
	font-size:1.2em;
	padding: 10px;
	color: #333;
}
footer .row {
	
}
.html5 {
	margin:0 15px;
}
.opac {
	-webkit-transition: opacity 400ms linear;
	-moz-transition: opacity 400ms linear;
	-o-transition: opacity 400ms linear;
	transition: opacity 400ms linear;
	opacity:0.4;
}
a:hover.html5 img {
	opacity:1;
}
.chad:hover {
	opacity:1;
}
.rotate {
-webkit-transform: rotate(10deg);
    -moz-transform:rotate(10deg);
    -o-transform:rotate(10deg);
    -ms-transform:rotate(105deg);
    transform:rotate(10deg);
}
#basic-modal-content {
	display:none;
}

/*-------------CONTACT PAGE---------------*/
#contactform {
	width:90%;
	float:left;
	padding-top:0;
	margin-top:15px;
}
#contactform label {
	display:block;
	width: 280px;
	float: left;
	margin:5px 0px 10px 0px;
	font-family: 'AvQestRegular';
	font-size:24px;
}
#contactform input {
	border:1px solid rgba(0,0,0,.5);
	background-color:rgba(234,162,22,.5);
	padding:1%;
	color:#222;
	width:40%;
	font-size:18px;
}
#contactform input[type="submit"] {
	border:1px solid rgba(0,0,0,.5);
	background-color:rgba(234,162,22,.5);
	padding:1%;
	color:#fff;
	width:150px;
	font-size:2em;
}
#contactform textarea {
	border:1px solid rgba(0,0,0,.5);
	background-color:rgba(234,162,22,.5);
	padding:2%;
	color:#222;
	width:94%;
	font-size:18px;
	height:150px;
	overflow:auto;
}
#contactform input:focus, #contactform textarea:focus {
	background-color:rgba(255,255,255,.3);
	outline:none;
}
#contactform input:active, #contactform textarea:active {
	background-color:rgba(255,255,255,.3);
}
#contactform .error {
	font-size:12px;
	font-style:italic;
	color:#D05A47;
	font-family: 'DekkaDenseJLRegular', Arial, sans-serif;
}
#contactform .hasError + textarea, #contactform .hasError + input {
	border: 1px solid #D05A47;
}
#contactform #confirmation {
	padding-top:100px;
	font-size:30px;
	font-family: 'AvQestRegular';
	text-align:center;
}
/*-------------BUTTON----------------*/
.button {
	border:1px solid #181109;
	-webkit-box-shadow: inset 0 0 5px rgba(255,255,255,.8);
	cursor:pointer;
	padding:12px 28px;
	border-radius:4px;
	font-family:'arvo-1', 'arvo-2', 'arvo';
	color:#f6e6b4;
	text-decoration:none;
	font-size:24px;
	background: #847c71; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg0N2M3MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYTI1MjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #847c71 0%, #2a2522 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #847c71), color-stop(100%, #2a2522)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #847c71 0%, #2a2522 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #847c71 0%, #2a2522 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #847c71 0%, #2a2522 100%); /* IE10+ */
	background: linear-gradient(top, #847c71 0%, #2a2522 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#847c71', endColorstr='#2a2522', GradientType=0 ); /* IE6-8 */
}
.button:hover {
	color: #fff;
	background: #2a2522; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJhMjUyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4NDdjNzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #2a2522 0%, #847c71 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2a2522), color-stop(100%, #847c71)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #2a2522 0%, #847c71 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #2a2522 0%, #847c71 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #2a2522 0%, #847c71 100%); /* IE10+ */
	background: linear-gradient(top, #2a2522 0%, #847c71 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a2522', endColorstr='#847c71', GradientType=0 ); /* IE6-8 */
}
.button:active {
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.3);
	-moz-box-shadow: inset 0 0 5px rgba(0,0,0,.3);
	box-shadow: inset 0 0 5px rgba(0,0,0,.3);
}
.designs {
	margin: 15px 0;
}
.designs .item {
	margin: 10px 0;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.3);
	-moz-box-shadow: inset 0 0 5px rgba(0,0,0,.3);
	box-shadow: inset 0 0 5px rgba(0,0,0,.3);
	padding: 5px 10px;
}
.designs .item h3 {
	margin-bottom: 15px;
	border-bottom: dotted 2px #ccc;
	
}

.mask {
    position:relative;
    height:225px;
    width:300px;
	float: left;
    overflow:hidden;
    margin:0 10px 15px 10px;
    border:5px solid #f6f6f6;
    box-shadow:5px 5px 10px #99;
    -moz-box-shadow:5px 5px 7px #999;
    -webkit-box-shadow:5px 5px 7px #999;
}
.mask img {
	position:absolute;
	width: 400px;
	height: 300px;
	margin-top: -150px;
	margin-left: -200px;
	top: 50%;
	left: 50%;
	-webkit-transform: rotate(15deg);
    -moz-transform:rotate(15deg);
    -o-transform:rotate(15deg);
    -ms-transform:rotate(15deg);
    transform:rotate(15deg);
}

.mask:hover {border-color:#eaa216;}
.rolewrapper {float: right; border-left: solid 3px #f6f6f6; border-right: solid 3px #f6f6f6; border-bottom: solid 3px #f6f6f6; padding: 5px; margin: 0 15px 15px 10px;box-shadow:7px 7px 7px #99;
    -moz-box-shadow:7px 7px 7px #999;
    -webkit-box-shadow:7px 7px 7px #999;}
.role {
	display: inline;
	margin: 0;
	border:1px solid #181109;
	-webkit-box-shadow: inset 0 0 5px rgba(255,255,255,.8);
	padding:5px;
	font-family: 'AvQestRegular';
	color:#f6e6b4;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	font-size:18px;
	background: #847c71; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg0N2M3MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYTI1MjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #847c71 0%, #2a2522 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #847c71), color-stop(100%, #2a2522)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #847c71 0%, #2a2522 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #847c71 0%, #2a2522 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #847c71 0%, #2a2522 100%); /* IE10+ */
	background: linear-gradient(top, #847c71 0%, #2a2522 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#847c71', endColorstr='#2a2522', GradientType=0 ); /* IE6-8 */
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
/* Styles */
}