/* =Reset default browser CSS

-------------------------------------------------------------- */

body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, iframe, img, ins, kbd, samp, small, strong, sub, sup, tt, var, b, i, dl, dt, dd, object, ol, ul, li, form, label, legend, span, table, caption, tbody, tfoot, thead, tr, th, td {

	background-color: transparent;

	background-position: top left;

	background-repeat: no-repeat;

	border: 0;

	margin: 0;

	padding: 0;

	vertical-align: baseline;

}



ol, ul {

	list-style-type: none;

}



table {

	border-collapse: collapse;

	border-spacing: 0;

}



em, address, big, strong, cite, code, tt, var {

	font-style: normal;

}



a {

	text-decoration: none;

}

/* Standard HTML Tag Definition 

-------------------------------------------------------------- */

body,

form, input, select, textarea, fieldset, button {

	color: #000000;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	margin: 0px;

	padding: 0px;

}



body {

	background-image: url('../images/backPattern.jpg');

	background-repeat: repeat;

}

/* =Font Substitution: @font-face 

-------------------------------------------------------------- */

@font-face {

	font-family: 'myriadpro';

	src: url('../fonts/myriadpro.eot');

	src: local('myriadpro'), 

	url('../fonts/myriadpro.woff') format('woff'), 

	url('../fonts/myriadpro.ttf') format('truetype');

}

 @font-face {

    font-family: 'GothamBook';

    src: url('../fonts/gothambook.eot');

    src: url('../fonts/gothambook.eot') format('embedded-opentype'),

         url('../fonts/gothambook.woff') format('woff'),

         url('../fonts/gothambook.ttf') format('truetype'),

         url('../fonts/gothambook.svg#GothamBook') format('svg');

} 



@font-face {

    font-family: 'Gotham';

    src: url('../fonts/gotham.eot');

    src: url('../fonts/gotham.eot') format('embedded-opentype'),

         url('../fonts/gotham.woff') format('woff'),

         url('../fonts/gotham.ttf') format('truetype'),

         url('../fonts/gotham.svg#GothamBold') format('svg');

}

@font-face {

    font-family: 'TrajanProRegular';

    src: url('../fonts/trajanpro-regular.eot');

    src: url('../fonts/trajanpro-regular.eot') format('embedded-opentype'),

         url('../fonts/trajanpro-regular.woff') format('woff'),

         url('../fonts/trajanpro-regular.ttf') format('truetype'),

         url('../fonts/trajanpro-regular.svg#TrajanProRegular') format('svg');

}

@font-face {

    font-family: 'sabonitalic';

    src: url('../fonts/sabon_italic-webfont.eot');

    src: url('../fonts/sabon_italic-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/sabon_italic-webfont.woff') format('woff'),

         url('../fonts/sabon_italic-webfont.ttf') format('truetype'),

         url('../fonts/sabon_italic-webfont.svg#sabonitalic') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: 'sabonromanbook';

    src: url('../fonts/sabon_roman-webfont.eot');

    src: url('../fonts/sabon_roman-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/sabon_roman-webfont.woff') format('woff'),

         url('../fonts/sabon_roman-webfont.ttf') format('truetype'),

         url('../fonts/sabon_roman-webfont.svg#sabonromanbook') format('svg');

    font-weight: normal;

    font-style: normal;



}

/* =Custom Classes

-------------------------------------------------------------- */

.clear {

	clear: both;

}



/* =Layout

-------------------------------------------------------------- */

#wrapper {

	width: 995px;

	margin:20px auto;

	background-color: #fff;

}

#header {

		width:100%;

		display: none;

	}

/* =Main

-------------------------------------------------------------- */

#main {

	width: 100%;

	float: left;

}



.home-page #sidebar {

	padding-bottom: 230px;

	margin-bottom: 0;

}



#sidebar {

	width: 202px;

	float: left;

	margin:0 0 29px;

	position:relative;

	padding-bottom: 90px;

}



.home-page #sidebar .menu {

	padding:10px 5px 0 25px;

}

#sidebar .menu {

	width: 174px;

	float: left;

	margin:0;

	padding:36px 5px 0 25px;

}



#sidebar .menu li{

	display: block;

	clear:left;

	float: left;

	margin:3px 0;

	margin-left: 5px;

	font-family: 'GothamBook';

	font-size:13px;

	line-height: 18px;

	letter-spacing: 1px;

	word-spacing:1px;

}



#sidebar .menu li a{

	color: #928b85;

	padding:2px 0;

	float: left;

	font-family: 'GothamBook', sans-serif;

}



#sidebar .menu li:hover a, #sidebar .menu li.active a{

	color: #85a5b9;

}



#sidebar .logo {

	float: left;

	margin:0!important;

}



.home-page #sidebar img {

	margin:16px 0;

}



#sidebar img {

	float: left;

	margin:20px 8px 16px;

}



.home-page  #sidebar .midiya {

	margin:0 20px 0;

}



#sidebar .midiya {

	float: left;

	margin:0 20px 30px;

}



#sidebar .midiya li  {

	float: left;

	margin:21px 6px;

	display: inline;

}



.home-page #sidebar .midiya li  {

	margin:19px 6px 0;

}



#sidebar .midiya li a {

	float: left;

	margin:0;

	width: 35px;

	height: 49px;

	background-image: url('../images/fb-twitter-icon.png');

	background-position: top left;

}



#sidebar .midiya .twitter a {

background-position: top right;

}



#sidebar .bottom-img {

	float: none;

	margin:20px auto !important;

	display: block;

	clear: both;

}



#sidebar .address {

	width: 174px;

	float: left;

	margin:0;

	padding: 0 5px 29px 20px;

	font-size:13px;

	line-height: 16px;

	color: #012331;

	font-family: 'GothamBook';

}

#sidebar .market-square {

	color: #85a5b9;

	font-size:19px;

	line-height: 20px;

	font-family: 'sabonromanbook';

	float: left;

	clear:left;

	padding: 6px 26px;

	letter-spacing: 1px;

}



#sidebar .cup {

	position:absolute;

	bottom:70px;

	left: 0;

}



#sidebar .uklogo {

	position: absolute;

	bottom: 5px;

	left: 55px;

}

.home-page #content {

	margin:0;

}



#content {

	width: 793px;

	float: right;

	margin:0 0 42px;

	position:relative;

}



/* gallery-------------------  */

#gallery {

	width:100%;

	float: left;

}



#gallery .banner img {

	float: left;

}



#gallery .caption {

	width:420px;

	float: left;

	padding:23px 0 18px 41px;

	font-weight: normal;

	font-family: 'myriadpro', Arial, Helvetica, sans-serif;

}



#gallery .caption h3 {

	color:#68655f;

	font-size:17px;

	font-weight: normal;

	margin: 30px 0 11px;

}



#gallery .caption p {

	margin: 0;

	color:#68655f;

	font-size:13px;

	padding: 11px 0;

	font-weight: normal;

	line-height: 16px;

}



#gallery .request-box {

	width:304px;

	float: right;

	padding:10px 0;

	background-color: #011325;

	height:284px;

}



#gallery .request-box span {

	width:100%;

	float: left;

	font-family: 'GothamBook';

	font-size:29px;

	line-height: 29px;

	padding:4px 0 0;

	color:#fff;

	text-align: center;

}

#gallery .request-box span sub {

	font-weight: bold;



}



#gallery .request-box img {

	margin:0 auto;

	display: block;

	float: none;

}



#gallery .request-box p {

	margin:0;

	font-family: 'GothamBook';

	font-size:13px;

	line-height: 16px;

	color:#fff;

	text-align: right;

	float: right;

	padding:0px 33px;

}



#slider-box {

	width: 793px;

	margin: 8px 0 0;

	float: left;

}



#content .nav {

	width: 777px;

	margin: 0;

	float: left;

	font-family: 'GothamBook',arial;

	font-size:15px;

	line-height: 14px;

	padding: 13px 0 11px 16px;

	letter-spacing: 4px;

	background-color:#85a5b9;

	position: absolute;

	top: 0;

	left:0;

	z-index:9999;

}



#content .nav ul {

	width: 100%;

	margin: 0;

	float: left;

}



#content .nav ul li{

	display: inline;

	margin: 0;

	float: left;

	border-right: 1px solid #fff;

}



#content .nav .last-child{

	border: 0;

}



#content .nav ul li a{

	color: #fff;

	float: left;

	padding: 0 10px 0 14px;

	font-family: 'GothamBook',arial, sans-serif;

}



#content .nav ul li:hover a,#content .nav ul li.active a{

	color: #012331;

	text-decoration: none;

}



#content .bottom-box {

	width: 100%;

	float: left;

	margin:17px 0;

}



#content .bottom-box p {

	font-size:27px;

	color:#85a5b9;

	line-height: 33px;

	margin:0;

	padding:2px 5px 0 10px;

	font-family: 'sabonitalic';

	float: left;

}



#content .bottom-box img {

	margin:16px 0 0;

	float: left;

}



.home-page #content .bottom-box p {

	padding-left:41px;

}

/* =Footer

-------------------------------------------------------------- */

#footer {

	width: 100%;

	float: left;

	background-color:#a2a2a2;

	padding: 6px 0;

	height: 39px;

}



#footer p {

	font-family: 'myriadpro', Arial, Helvetica, sans-serif;

	font-size: 13px;

	line-height: 20px;

	font-weight: normal;

	text-align:center;

	color: #fff;

	padding: 10px 0;

}

/* =Responsivei 

	Platform : Pad/Tablet, iPhone/Mobile

-------------------------------------------------------------- */



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

	#wrapper {

		width: 98%;

		margin:0 auto;

	}

	

	#header {

		background-color: #000;

		display: block;

	}



	#header a {

		width: 31%;

		display: block;

		margin: 0 auto;

	}

	#header .logo{

		width: 100%;

		height: auto;

		display: block;

	}

	#content {

		width: 100%;

	}

	#content .nav {

		width: 98.4%;

		padding: 13px 0 11px 1.6%;

		position:relative;

	}

	#content .nav ul {

		width: 96%;

		margin:0 auto;

		float: none;

		text-align: center;

	}

	#content .nav ul li {

		display: inline-block;

		margin: 5px 0;

		float: none;

	}

	#gallery .banner img {

		width: 100%;

		height: auto;

	}

	#gallery .caption {

		width: 60%;

		padding: 23px 0 18px 15px;

	}

	#gallery .request-box {

		width: 35%;

		height: auto;

	}

	#gallery .request-box span {

		font-size: 20px;

	}

	#gallery .request-box img {

		width: 64%;

	}

	#gallery .request-box p {

		text-align: center;

		float: none;

		padding: 0;

	}

	

	.home-page #content .bottom-box p {

		font-size: 24px;

		padding: 2px 5px 0 15px;

		width: 73%;

	}

	#content .bottom-box p{

			padding: 2px 2% 0px;

			width: 96%;

	}

	.home-page #content .bottom-box p {

			padding: 2px 2% 0px;

			width: 80%;

	}

	#sidebar {

		width: 78%;

		margin: 0 auto 29px;

		display: block;

		float: none;

	}

	#sidebar .logo {

		display: none;

	}

	#sidebar .market-square {

		z-index: 10;

		position: relative;

	}

	#sidebar .cup {

		position: relative;

		clear: both;

		margin: 0 auto!important;

		float: none;

		display: block;

		bottom: 50px;

	}

	

	#sidebar .uklogo {

		position: relative;

		clear: both;

		margin: 0 auto!important;

		float: none;

		display: block;

		left: initial;

	}

	.home-page #sidebar img {

		width: 40%;

		height: auto;

	}

	#sidebar .cup {

		width: 70%!important;

	}

	#footer {

		padding: 5px 0;

		height: auto;

	}

	#footer p {

		padding: 10px;

	}

	#sidebar img {

		margin: 0;

	}

}



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

	#content .nav {

		width: 100%;

		padding: 0 0 11px;

	}

	#content .nav ul  {width: 100%;}

	#content .nav ul li {

		display: block;

		margin: 0 0 10px;

		float: left;

		width: 100%;

		border: 0;

	}

	#content .nav ul li a {

		float: none;

		padding: 5px 0;

		width: 160px;

		margin: 0 auto;

		text-align:center;

		display: block;

		font-size: 20px;

		line-height: 22px;

	}

	#content .nav ul li:hover ,#content .nav ul li.active {

		background-color:#fff;

	}

}

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

	#gallery .caption {

		width: 92%;

		padding: 23px 4% 18px;

	}

	#gallery .request-box {

		width: 100%;

	}

	#gallery .request-box span {

		font-size: 29px; 

	}

	#content .bottom-box p, .home-page #content .bottom-box p {

		font-size: 24px;

		padding: 2px 5%;

		width: 90%;

		text-align: center;

	}

	

	#content .bottom-box img {

		margin: 10px auto;

		display: block;

		clear: both;

		float: none;

	}

	#sidebar {

		width: 100%;

		float: left;

	}

	.home-page #sidebar {

		padding-bottom: 0;

	}

	.home-page #sidebar .menu, #sidebar .menu {

		width: 100%;

		padding: 10px 0;

		text-align: center;

	}

	#sidebar .menu li {

		width:100%;

		margin:2px 0;

		font-size: 16px;

		line-height: 20px;

	}

	#sidebar .menu li a {

	

		width: 176px;

		margin: 0 auto;

		float: none;

		padding: 5px 0;

		display: inline-block;

	}

	#sidebar .menu li:hover , #sidebar .menu li.active {

		background-color:#85a5b9;

	}

	#sidebar .menu li:hover a, #sidebar .menu li.active a{

		color: #fff;

	}

	.home-page #sidebar .midiya {

		margin: 0 auto;

		display: block;

		float: none;

		width: 94px;

	}

	.home-page #sidebar img {

		width: 100%;

	}

	#sidebar .midiya {

		float: none;

		margin: 0 auto;

		display: block;

		width: 94PX;

	}

	#sidebar img {

		width: 98%;

		height: auto;

		margin: 20px 8px 16px;

	}

	#sidebar .bottom-img {

		width: 50%;

	}

	#sidebar .cup {

		margin: 0 auto;

		float: none;

		display: block;

		width: 80%;

		bottom:45px;

	}

	#sidebar .uklogo {

		width: 45%!important;

	}

}