@charset "utf-8";
/* Sonia - Layout CSS Document */

#wrapper {
	width:580px;
	margin:0 auto;
	padding:25px 0px 20px 0px;
}
#logo {
	padding:0px 0px 12px 0px;
	text-align:center;
}

/* Top Navigation */
ul#tpNav {
	list-style:none;
	margin:0px;
	padding:0px 0px 55px 0px;
	text-align:center;
	font-weight:300;
	font-style:Light;
}
ul#tpNav li {
	padding:0px 12px 0px 7px;
	border-right:1px solid #FFF;
	display:inline;
	letter-spacing:1px;
}
ul#tpNav li.last { border-right:0px; }
ul#tpNav li a {
	text-decoration:none;
}

/* Intro Text */
.intro {
	padding:8px 42px 8px 42px;
	line-height:18px;
	text-align:center;
	vertical-align:middle;
}

/* Header */
#homeSlide{
  width: 100%;
  color: #000;
}
.rsGCaption .hdrtxt { 
	font-style: normal;
	font-weight: 300;
	font-size:3.2em;
	letter-spacing:6px;
	padding:14px 0px 16px 0px;
	margin:0px;
	text-transform:uppercase;
	text-align:center;
}

/* Collections */
.collectionsList {
	margin-bottom:18px;
}
.collectionsList ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
.collectionsList ul li {
	float:left;
	padding:18px 0px 18px 0px;
	/*border-right:1px solid #FFF;*/
	width:192px;
	text-align:center;
}
.collectionsList ul li.last {
	border-right:0px;
}
.proList {
	text-align:center;
}
.proList ul {
	list-style:none;
	padding:0px;
	margin:0px;
	display:inline-block;
	
}
.proList ul li {
	width:134px;
	height:134px;
	background-color:#99927d;
	margin:0px 8px 12px 0px;
	text-align:center;
	color:#000;
	font-size:0.85em;
	display:inline-block;
	vertical-align:top;
}
.proList ul li div {
	margin-top:42%;
}
@-moz-document url-prefix() {
   .proList ul li div {
	margin-top:42%;
}
}
.proList ul li.last {
	margin-right:0px;
}
.proList ul li a {
	color:#000;
	text-decoration:none;
}
.proDtils { position:relative; }
.proDtils ul {
	margin-top:-59px;
	margin-bottom:20px;
}
.proDtils ul li {
	background:none !important;
}

.pro_pgntn {
	margin-top:40px;
	letter-spacing:2px;
}
.pro_pgntn a {
	text-decoration:none;
}

.arwLft {
	position:absolute;
	top:46%;
	left:-50px;
}
.arwRgt {
	position:absolute;
	top:46%;
	right:-50px;
}

/* Product Details */
.proDtlLft {
	width:280px;
	float:left;
}
.proDtlRgt {
	width:275px;
	float:right;
}
.proDtlRgt h3 {
	font-weight:normal;
	letter-spacing:1px;
	margin:0px;
	padding:10px 0px 14px 0px;
}
#proSlide {
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;  
  user-select: none;
}

/* Contact */
.contactInfo {
	padding:0px 70px 0px 70px;
	letter-spacing:1px;
}
.contactInfo a {
	text-decoration:none;
}
.contactInfo h3 {
	font-style:normal;
	font-weight:300;
	font-size:1.5em;
	padding-bottom:10px;
	margin:0px ;
	text-align:center;
	
	
}
.linetxt {
	font-size:1.5em;
	text-align:center;
	margin:20px 0px 30px 0px;
	border-bottom:1px solid #FFF;
}
.linetxt span {
	padding:4px 10px 4px 10px;
	margin-bottom:-15px;
	display:inline-block;
	background-color:#4e3f2e;
}
.ht52 {
}
label.control-label { font-weight:normal; }


/* Contact */
.BioInfo {
	padding:0px;
	text-align:justify;
	font-weight:300;
	font-style:Light;
}

.viewCv {
	width:268px;
	text-align:center;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	padding:4px 0px 6px 0px;
	font-size:1.4em;
	margin:36px auto 0px;
}
.viewCv a { text-decoration:none; }

.popupWin { width:600px;
 position:relative;
 margin:0 auto;
}

/* Event */
ul.evntList {
	margin:0px;
	padding:0px;
	list-style:none;
}
ul.evntList li {
	padding:20px 0px 20px 0px;
	border-bottom:1px solid #FFF;
}
ul.evntList li.last { border-bottom:0px; }

.evntDate {
	width:14%;
	float:left;
	font-size:2em;
	text-transform:uppercase;
	font-weight:300;
}
.evntDate span {
	padding:4px;
	display:block;
	border:1px solid #FFF;
	text-align:center;
	font-weight:300;
	font-style:Light;
}
.evntDesc {
	width:75%;
	float:right;	
}
.evntDesc p {
	font-weight:300;
	font-style:Light
	}
.evntDesc h4 {
	margin:0px;
	padding:0px 0px 10px 0px;
	font-style:Semibold;
	font-weight:600;
}
.evntHd {
	font-size:1.9em;
	padding-top:16px;
	text-align:left;
	padding: 16px 20px;
}
.evntHd2 {
	font-size:1.9em;
	padding-top:16px;
	text-align:left;
	padding:20px 0px 20px 0px;
	font-weight:700;
	font-style:normal;
	display:none;
}

.ht52 {
	height:52px;
}

/* Responsive for small screens */

@media (min-width:481px) and (max-width:575px) {
	body {
		padding-bottom:20px;
		min-height: inherit;/* for good browsers*/
		min-width: inherit;/* for good browsers*/
	}
	#left, #right {
	position: fixed;
	top: 0;
	bottom: 0;
	width: 4px;
	}
	#top, #bottom {
	position: fixed;
	left: 0;
	right: 0;
	height: 4px;
	}

	#wrapper {
		width:100%;
	}
	#container { height:auto; }
	.intro {
		padding:8px 8px 8px 8px;
	}
	h1 {
		font-size:2em;
	}
	.collectionsList ul li {
		width:33%;
	}
	.proList ul li.last { margin-right:16px; }
	.contactInfo { padding:10px; }
	.proDtlLft, .proDtlRgt { width:100%; float:none; padding:0px 10px 0px 10px; }
	.closeIcon { padding:0px 10px 0px 10px; }
	.ht52 {
	height:36px;
	}
}

@media (max-width:480px)
{
	html,body {
		max-height:475px;
		width:inherit;
		min-height: inherit;/* for good browsers*/
		min-width: inherit;/* for good browsers*/
	}
	#logo {
	padding:0px 0px 8px 0px;
	text-align:center;
	}
	#wrapper {
	max-width:480px;
	width:100%;
	padding:10px 0px 10px 0px;
	}
	ul#tpNav {
	padding:0px 0px 15px 0px;
	}
	.intro {
	padding:0px 3px 3px 0px;
	min-height:40px;
	min-width:320px; 
	width:100%; 
	text-align:center;
	vertical-align:central;
	}
	h1 {
		font-size:1.5em;
	}
	/* Collections */
.collectionsList {
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	margin-bottom:18px;
	}
.collectionsList ul {
	list-style:none;
	margin:0px;
	padding:0px;
	}
	.collectionsList ul li {
	float:left;
	padding:8px 0px 8px 0px;
	border-right:1px solid #FFF;
	width:104px;
	text-align:center;
	}
	.collectionsList ul li.last {
	border-right:0px;
	
	}
	.BioInfo img
	{
	max-width:478px;
	width:99%;
	}
	.BioInfo p
	{
	max-width:478px;
	width:99%;
	font-size:.85em;
	word-spacing:0px;
	}
	.viewCv {
	width:208px;
	padding:4px 0px 6px 0px;
	font-size:1.2em;
	margin:25px auto 0px;
	}
	.proList ul li
	{
		
		max-width:133px;
		max-height:133px;
	}
	.proList ul li.last {
	margin-right:10px;
	
	}
	.proList ul {
	padding:0px;
	margin-left:10px;
	max-width:468px;
	}
	.arwLft {
	position:absolute;
	top:46%;
	left:-5px;
}
.arwRgt {
	position:absolute;
	top:46%;
	right:-5px;
}
.evntHd {
	font-size:1.7em;
	text-align:left;
	padding: 16px 8px;
}
.evntDate {
	width:18%;
	float:left;
	font-size:1.4em;
	text-transform:uppercase;
}
.evntDate span {
	margin-left:5px;
}
.evntDesc {
	width:75%;
	float:right;	
	padding:0px 5px 0px 0px;
}
.evntDesc h4 {
	margin:0px;
	padding:0px 0px 5px 0px;
	font-size:1.35em;
}
ul.evntList li {
	padding:0px 0px 16px 0px;
	border-bottom:1px solid #FFF;
}

	.contactInfo {
	padding:0px 3px 0px 3px;
	
	}
	
	.contactInfo h3 {
	
	font-size:1.2em;
	padding-bottom:5px;
		
	
	}
	
	.linetxt {
	font-size:1.2em;
	margin:10px 0px 20px 0px;
	
	}

.form-horizontal .form-group {
    margin-right: 0px;
    margin-left: 0px;
}
}