@font-face {
  font-family: 'Bitstream-Vera';
  src: url('/fonts/Vera.ttf');
}

BODY
{
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0;
	padding: 0;
	background:#F0F0FF url(/images/bg-pat.gif) 0px 0px repeat;
/*	background-color:#F0F0FF;
*/}

/*#page {
	margin-top:1px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 1002px;
	height: auto;
	background-color:#FFF;
}
*/
#page {
	margin-top:1px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 95%;
	max-width:1000px;
	height: auto;
}

.right {
	text-align: right;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 150%;
	font-weight: normal;
	color: #3333CC;
	text-align: left;
	line-height:1.3em;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 130%;
	font-weight: bold;
	font-style: italic;
	color: #CCCCCC;
}

h3 {
	font-size: 90%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
}

.PageText {
	color: #3333CC;
	font-size: 90%;
	text-align: justify;
	display: block;
}

#PageHeader {
	height:auto;
	border:1px solid #ddd;
	text-align:center !important;
	padding:30px 20px 30px 20px;		
	/*background-color: #102773;*/
	/*background: rgb(16,39,115);
	background: linear-gradient(90deg, rgba(16,39,115,1) 0%, rgba(9,9,121,1) 50%, rgba(66,89,165,1) 100%);*/
	background:rgb(16,39,115) url(/images/bg-pat.png) 0px 0px repeat ;
	color:#ffffff;
	text-align:left; 
	font-family: 'Bitstream-Vera',sans-serif; 
	font-weight: 400; 
	font-style: normal;
	position: relative;
}
#PageHeader .name {
	font-size:250%;
	margin-right:10px;	
}
#PageHeader .tag {
	font-size:188%;
	white-space: nowrap;
}
#PageHeader .tel {
	font-size:160%;
	white-space: nowrap; 
	margin-right:20px; 
	margin-top:30px; 
	display:inline-block;
}
#PageHeader .email {
	font-size:160%;
	white-space: nowrap; 
	margin-top:10px; 
	display:inline-block;
}
#PageHeader .social {
	position:absolute;
	right:20px;
	width:33px;
	height:33px;
	background:url(/images/sprites.png) 0 0 no-repeat;
	bottom:30px;
}
#PageHeader .social:hover {
	background:url(/images/sprites.png) 0 -33px no-repeat;
}
#PageHeader a {
	color:#ffffff !important;
	text-decoration: none !important;
}

#TopMenu {
	/*padding-left:40%;*/
	width:100%;
	margin-left:0px;
	position:absolute;
	height:40px;
	z-index: 10;
}
#TopMenuTable {
	padding:5px 0px 5px 5px;
	text-shadow:#777 2px 2px 4px;
	width:594px;
	right:0;
	position:absolute;
}

#ProductHeader {
	background-color: #ffffff;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	border-top:1px solid #ddd;
	margin-top: 40px;
}
#ProductHeader.index {
	padding: 20px 30px 10px 30px;
}
#ProductHeader.other {
	padding: 10px 60px 10px 60px;
}
#ProductHeader.product {
	padding: 20px 30px 10px 30px;
}

banner {
	position:absolute;
	overflow:hidden;
	height:440px;
	width:calc(100% - 2px);
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	background-color:#ffffff;
}
banner.index {
	margin-top:36px;
	border-top:1px solid #ddd;
}

img.banner-image {
	display: block;
	position:absolute;
	width:94%;
	height:auto;
	left:3%;
	top:0;
	border:0;
	/*	background-position: center center;
	background-size: cover;
*/}

img.banner-image.cross-fade, div.image-caption.cross-fade {
    -moz-transition: opacity 2.0s ease-in-out;
    -webkit-transition: opacity 2.0s ease-in-out;
    transition: opacity 2.0s ease-in-out;
}
img.banner-image.active {
	filter:alpha(opacity=100);
	-moz-opacity:100;
	opacity:1;
}
.image-caption.caption-left-center.active, .image-caption.caption-right-center.active {
	filter:alpha(opacity=70);
	-moz-opacity:70;
	opacity:0.7;
}
.image-caption.active {
	filter:alpha(opacity=50);
	-moz-opacity:50;
	opacity:0.5;
}
img.banner-image:not(.active), div.image-caption:not(.active) {
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}
slideshow {
    -moz-transition: all 2.0s ease-in-out;
    -webkit-transition: all 1.5s ease-in-out;
    transition: all 2.0s ease-in-out;
}
/*
.image-caption {
	position: absolute;
	left: 5%;
	color: #ffffff;
	text-shadow: #333 1px 1px 1px;
	font-family: 'Bitstream-Vera',sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height: 23px;
}
*/
.image-caption {
	position: absolute;
	left: 3%; /*4%;*/
	width:100%;
	bottom:0;
	color: #000000;
	font-family: 'Bitstream-Vera',sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 80%;
	line-height: 23px;
	background-color: #ffffff;
	padding: 5px 10px;
	font-style: italic;
	text-align: center;
}

.image-caption.caption-left-center, .image-caption.caption-right-center {
	text-align: center;
	width: 39%;
	height:100%;
	position: absolute;
	font-size: 100%;
	line-height: 170%;
	padding: 4%;
	/*color:#555555;*/
	background-color:#eeeeee;
	top: 0 !important;
	bottom: unset !important;
}
.image-caption.caption-left-center {
	left: 3% !important;
	right: unset !important;
}
.image-caption.caption-right-center {
	left: unset !important;
	right: 3% !important;
}
.image-caption.caption-left-center span, .image-caption.caption-right-center span {
	font-style: italic;
}

#Content {
	padding: 1px 30px 20px 30px;
	line-height:24px;
	font-family:Verdana, Geneva, sans-serif;
	/*font-size:14px;*/
	background-color:#ffffff;
	border-left:1px solid #ddd;	
	border-right:1px solid #ddd;	
	border-bottom:1px solid #ddd;	
}
#Content.products {
	padding: 30px 30px 20px 30px;
}

#HomePageText {
	color: #3333CC;
	padding:29px 0 20px 0;
}

#PageFooter {
	margin-top:5px;
	margin-bottom:10px;
	background-color:#ffffff;
	border:1px solid #ddd;
	padding:10px 0px 10px 20px;
	text-shadow:#CCC 1px 1px 1px;
	font-size:80%;
}
#PageFooter span {
/*	font-size:80%;
*/}
#PageFooter hr{
	background-color:#004be1;
	height:3px;
	border:0px;
}
#Products {
	margin-top:10px;
	width:100%;
}

#Products td{
	text-align:center;
}
#Products a {
	color:#3385E6;
	text-decoration:none;
}
#Products a:hover {
	text-decoration:underline;
}
#Products img {
	margin-top:32px;
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
}
#Products img:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

.ProductCaption {
	display:block;
	/*font-size:8pt;*/
	width:200px;
	height:40px;
	margin-left: auto;
	margin-right: auto;
}

h6 {
	font-weight: lighter;
	/*font-size: 9px;*/
	color: #003399;
}

p {
	color: #3333CC;
	/*font-size: 14px;*/
}

h4 {
	font-weight: lighter;
	/*font-size: 10px;*/
	color: #FF0000;
}

h5 {
	/*font-size: 10px;*/
	font-weight: lighter;
}

#DirectionsInput {
	display:none;
}

#ProductMenu {
	margin-top:5px;
}
#ProductsPanel {
	position:absolute;
	top:165px;
	left:49%;
	margin-left:-180px;
	width:40%;
	min-width:370px;
	height:auto;
	background-color:#eef0f3;	
	display:none;
	padding-top:2px;
	z-index: 200;
}
#ProductsPanel table {
	border:2px solid #004be1;
	padding-top:20px;
}
#ProductsPanel td {
	padding:15px 10px 0 10px;
	text-align:center;
/*	width:100px;*/
}

#ProductsPanel td a{
	display:block;
	text-align:center;
	color:#3385E6;
	text-decoration:none;
/*	width:100px;*/
}
#ProductsPanel td a:hover {
	text-decoration:underline;
}
#ProductsPanel img {
	width:100px;
	border:1px solid transparent;
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
}
#ProductsPanel img:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
.ProductPanelCaption {
	display:block;
	font-size:80%;
	height:40px;
	margin-left: auto;
	margin-right: auto;
}

.TopMenuButton {
	display:block;
	padding:5px 5px 5px 5px;
	width:88px; /*129px;*/
	height:17px;
	text-align:center;
	background-image:url(/images/menu-button-v3.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	color:#ffffff;
	/*font-size: 11px;*/
}
.TopMenuButton:hover {
	background-image:url(/images/menu-button-over-v3.gif);
}
.TopMenuButtonOver {
	display:block;
	padding:5px 5px 5px 5px;
	width:88px; /*129px;*/
	height:17px;
	text-align:center;
	background-image:url(/images/menu-button-over-v3.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	color:#ffffff;
	/*font-size: 11px;*/
}

.ProductMenuButton {
	font-family:Verdana, Geneva, sans-serif;
	/*font-size:7pt;*/
	display:block;
	padding:6px 5px 4px 5px;
	width:98px;
	height:15px;
	text-align:center;
	background-image:url(/images/product-button.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	color:#ffffff;
}
.ProductMenuButton:hover {
	background-image:url(/images/product-button-over.gif);
}

.AddressText {
	color: #003399;
	/*font-size: 16px;*/
	text-align: left;
	margin-left: 7px;
}
.PhoneText {
	color: #003399;
	/*font-size: 12px;*/
	text-align: left;
	margin-left: 7px;
}
.EmailText {
	/*font-size: 12px;*/
	text-align: left;
	margin-left: 7px;
}
.BottomText {
	color: #003399;
	/*font-size: 12px;*/
	text-align: center;
	margin-left:7px;
}
#navbottom {
	position: absolute;
	z-index: auto;
	color: #FFFFFF;
	background-color: #3333CC;
	float: none;
	height: auto;
	width: auto;
	margin: 1px;
	left: 400px;
	bottom: 10px;
	display: none;
}

#NavMenu {
	float:left;
	clear:none;
	margin-left:5px;
	margin-top:10px;
}
#NavMenu a {
	float:left;
	clear:left;
	height:32px;
}
.BackgroundImg {
	float:left;
	clear:left;
	background-image: url(images/Christie-Glass-Template3_19.gif);
	background-repeat: no-repeat;
	width:162px;
	height:385px;
	padding-top:20px;
}

form p input, form p textarea{
	color: #00008B;
	margin: 7px 3px;
}

form p input{
	width: 98%;
	padding: 4px;
}
form p textarea{
	width: 98%;
	padding: 5px;
}

.checkbox {
	color: #00008B;
	width: 30px;
	padding: 0px;
	margin: 7px 0;
}

form select{
	color: #00008B;
	width: 99%;
	padding: 2px;
	margin: 7px 0 7px 0;
}

input.btn {
	color: #00008B;
	border: 1px outset #00008B;
	float: right;
}

form p{
	clear: left;
	margin: 0;
	padding: 0;
	padding-top: 5px;
	width: 100%;
}

form p label {
	width: 100%;
}

form .contact-submit {
	padding:2px;
	width:100%;
}

/*
input.txt {
	color: #00008B;
	background-color: #E3F2F7;
	border: 1px inset #00008B;
	width: 200px;
}

input.btn {
	color: #00008B;
	background-color: #ADD8E6;
	border: 1px outset #00008B;
}

form p {
	clear: left;
	margin: 0;
	padding: 0;
	padding-top: 5px;
}

form p label {
	float: left;
	width: 30%;
	font: bold 0.9em Arial, Helvitica, sans-serif;
}
*/
input.numeric {
	text-align: right;
	width:90%;
}
input.units {
	text-align: right;
	width:86%;
}

.FormText {
	color: #3333CC;
	/*font-size: 14px;*/
}

.redtext {
	color: #FF0000;
	/*font-size: 10px;*/
	text-align: left;
}
.ThinBorder
{
	display: block;
	border: 1px solid #999999;


}
.GreyBackground {
	background-color: #A6B6D2;

}
.Section {
	color: #FFFFFF;
	background-color: #3385E6;
	width:100%;
	padding:0px 0px 0px 5px;
}
.Section a {
	color: #FFFFFF;
}
.Section a:hover {
	color: #000000;
}
.FormTextRightAlign {
	text-align: right;
	color: #3333CC;
}
.ImageLeft {
	clear: none;
	float: left;
	z-index: auto;
	margin: 5px;
	border: 2px solid #003399;
}
.ImageRight {
	clear: none;
	float: right;
	z-index: auto;
	margin: 10px;
	border: 2px solid #003399;
}
.PageTextClear {
	color: #3333CC;
	/*font-size: 14px;*/
	text-align: center;
	clear: both;
}
.PageTextList {
	border-collapse: separate;
	border-spacing: 0;
	color: #3333CC;
	font-size: 90%;
	list-style-type: disc;
	margin-top:5px;
}
.PageTextList td {
	padding:2px;
}

.PageTextCentered {
	color: #3333CC;
	/*font-size: 14px;*/
	text-align: center;
}
.PageTextClearLeft {
	color: #3333CC;
	text-align: left;
	clear: both;
}
.mapzoneblk {
	display:inline-block;
	height:10px;
	width:30px;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}
#MapZones {
	color: #3333CC;
	text-align: left;
	clear: both;
	font-size:60%;
	display:none;
}
.FAQBorder {
	border: 2px solid #003399;
	margin: 5px;
	clear: both;
	text-align: center;
}
.FAQBorder img {
	max-width: 95%;
	height:auto;
}
.FAQLeft {
	float: left;
	width: 45%;
	border: 2px solid #003399;
	margin: 5px;
}
.FAQRight {
	float: right;
	width: 45%;
	border: 2px solid #003399;
	margin: 5px;
}
.FAQText {
	color: #3333CC;
	/*font-size: 14px;*/
	text-align: justify;
	margin: 5px;
	display: block;
}
.ImageRightTop {
	clear: none;
	float: right;
	z-index: auto;
	border: 2px solid #003399;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	max-width: 94%;
	height: auto;
}
.ImageLeftBottom {
	clear: none;
	float: left;
	z-index: auto;
	border: 2px solid #003399;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
	max-width: 94%;
	height: auto;
}
.ImageLeftNoMargin {
	clear: none;
	float: left;
	z-index: auto;
	border: 2px solid #003399;
	max-width: 94%;
	height: auto;
}
.ImageLeftTop {

	clear: none;
	float: left;
	z-index: auto;
	border: 2px solid #003399;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	max-width: 100%;
	height:auto;
}
img {
	border: 0px;
}

#ProductLargeImage {
	float:left;
	width:730px;
	height:433px;
	margin:10px;
}
#ProductThumbnails {
	float:left;
	width:200px;
	height:381px;
	overflow:hidden;
	position:relative;
}
.ProductThumbnail {
	margin-bottom:3px;
	float:left;
	display:block;
	width:200px;
	height:125px;
	filter:alpha(opacity=60);
	-moz-opacity:.60;
	opacity:.60;
}
.ProductThumbnail:hover, .Sel {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

#ProductThumbNailsScroll {
	position:relative;
	height:auto;
	top:0px;
	width:200px;
}

#ThumbScrollUp {
	display:block;
	margin-top:10px;
	margin-bottom:2px;
	float:left;
	clear:none;
	height:19px;
	width:200px;
	background:url(/images/thumbnail-scroll-button.gif) 0px 0px no-repeat;
}
#ThumbScrollUp:hover {
	background:url(/images/thumbnail-scroll-button.gif) 0px -19px no-repeat;
}
#ThumbScrollDown {
	display:block;
	float:left;
	clear:none;
	height:19px;
	width:200px;
	margin-top:2px;
	background:url(/images/thumbnail-scroll-button.gif) 0px -38px no-repeat;
}
#ThumbScrollDown:hover {
	background:url(/images/thumbnail-scroll-button.gif) 0px -57px no-repeat;
}

#Clear, .clearfloat {
	clear:both;
}

#MapPanel {
	float:left; 
	/*font-size:9px; */
	width:30%;
	color:#3333CC;
}
#map {
	float:right; 
	text-align:center; 
	width:70%; 
	height:auto;
}

#GeoSummary {
	width:95%; 
	height:auto; 
	margin-top:10px;
	border:1px solid #F0F0FF;
	margin-bottom:10px;
	visibility:hidden;
}
	 
#GeoDirections {
	width:95%;
	height:320px; 
	overflow:auto;
	visibility:hidden;
	border:1px solid #F0F0FF;
}
#GeoDirections ul {
	margin:0px;
	padding-left:12px;
}
#MapPostCode {
	height:21px;
	font-size:100%;
}
#MapSubmit {
	display:inline-block;
	width:30px;
	height:16px;
	padding:1px 3px 8px 3px;
	color:#000;
	border-top:1px solid #3385E6;
	border-left:1px solid #3385E6;
	border-bottom:1px solid #154985;
	border-right:1px solid #154985;
	text-align:center;
	background-color:#CCC;
	text-decoration:none;
	font-size:80%;
	position:relative;
	top:1px;
	margin-top:5px;
}
#MapSubmit:hover {
	color:#FFF;
}
.Warning {
	color:red;
}
#TollSurcharge {
	/*font-size:9px;*/
	color:red;
	display:none;
}

#enqform {
	/*padding-bottom:50px;*/
}

#contactpics {
	position:absolute; 
	width:auto; 
	height:auto; 
	margin-left:300px; 
	left: 290px; 
	top: 180px;
	width:300px;
	filter:alpha(opacity=30);
	-moz-opacity:.30;
	opacity:.30;
}

#TopMenuv2 {
	width:100%;
	height:20px;
}
#TopMenuv2 .button {
    width:15%;
    display:inline-block;
    margin-left:10px;
}
#TopMenuv2 .box {
    width:15%;
    position:absolute;
    height:20px;
	padding:5px 0 5px 0;
}
#TopMenuv2 .bg{
	transform: skew(-20deg);
	background-color:#a5c3f0;
}
#TopMenuv2 .bgover, #TopMenuv2 .active {
	transform: skew(-20deg);
	background-color:#004be1;
}
#TopMenuv2 a {
	width:15%;
	text-align:center;
	text-decoration: none;
	color:#ffffff;
	display:inline-block;
	height:20px;
	padding:5px 0 5px 0;
	z-index: 99;
	text-shadow: #777 2px 2px 4px;
}
.hidden {
	visibility: hidden;
}

.lead-content {
	margin-bottom:40px;
	text-align: center;
}
.col-left {
	width:48%;
	padding-left:10%;
	float:left;
	font-size:95%;
}
.col-left p:first-of-type {
	/*margin-top:0;*/
}

.col-right {
	width:30%;
	padding-right:5%;
	float:right;
}
.clear-float {
	clear:both;
}
.col-right img {
	margin:20px 0 20px 0;
}
.amg-list {
	padding-left:20px;
}
img.amg-big {
	width:100%;
	height:auto;
	max-width:210px;
	max-height:191px;
}
img.amg-circle {
	width:100%;
	height:auto;
	max-width:200px;
	max-height:180px;
	position:relative;
	left:-30px;
}
.amg-info {
	margin-top:30px;
}
.amg-info a {
	color:#3333CC !important;
}
.amg-colours {
	width:100%;
	position:relative;
	left:-15%;
}
.amg-colours td {
	padding:0;
	width:50%; 
	text-align:center;
}
.amg-colour {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  display: inline-block;
}
.ral-9005m {
	background-color:#231f20;
}
.ral-7016m {
	background-color:#6b6c6e;
}

/*TABLETS etc */
@media only screen and (max-width: 992px) {
	banner {
		width:calc(100% - 1px);
	}
	
	#PageHeader {
	}

	#PageHeader .name {
		font-size:200%;
		margin-right:10px;	
	}
	#PageHeader .tag {
		font-size:178%;
		margin-top:10px;
		display:block;
	}
	#PageHeader .tel {
		font-size:160%;
		margin-right:20px; 
		margin-top:10px; 
		display:inline-block;
	}
	#PageHeader .email {
		font-size:160%;
		margin-top:10px; 
		display:inline-block;
	}
	#PageHeader .social {
		right:25px;
		top:28px;
	}

	#ProductHeader.index {
		padding: 10px 30px 10px 30px;
	}

	#MapPanel, #map {
		float:none;
		width:100%;
		/*font-size:20px;*/
	}	
	#GeoDirections, #GeoSummary, #Distance, #MapZones {
		font-size:70%;
	}
	label {
		/*font-size:18px;*/
	}
	#GeoDirections {
		height:auto;
		margin-bottom:20px;
	}
	#MapSubmit {
		margin:10px 0 10px 0;
		width:calc(100% - 2px);
		height:26px;
		padding:4px 0 0 0;
		font-size:100%;
	}
	#MapPostCode {
		margin:10px 0 10px 0;
		width:calc(100% - 11px);
		height:20px;
		padding:4px;
		/*font-size:20px;*/
	}

	#Content {	
		padding: 1px 30px 20px 30px;
	}
	#Content, #Content .PageText, #HomePageText {
		line-height:22px;
	}
	#TopMenuv2 {
		margin-left:1%;
	}
	#TopMenuv2 .button {
	    margin-left:4px;
	}
	#TopMenuv2 .button, #TopMenuv2 .box {F
		width:15%;
	}
	#TopMenuv2 .box {
		padding:5px 0 5px 0;
	}
	#TopMenuv2 a {
		/*font-size:90%;*/
		padding:7px 0 3px 0;
	}

	.FormText, .FormTextRightAlign, select, input {
		font-size: 90%;
	}
	.amg-colours {
		width:130%;
		position:relative;
		left:-20%;
	}
	img.amg-circle {
		left:0;
	}

}


/* BIG MOBILE */
@media only screen and (max-width: 768px) {
	banner {
		width:calc(100% - 2px);
	}

	#MapPanel, #map, #GeoDirections, #GeoSummary {
		font-size:90%;
	}	
	#MapSubmit {
		height:26px;
		font-size:100%;
	}
	#MapPostCode {
		/*font-size:18px !important;*/
	}

	#PageHeader {
	}
	#PageHeader .name {
		font-size:200%;
		margin-right:10px;	
	}
	#PageHeader .tag {
		font-size:188%;
		margin-top:10px;
		display:block;
	}
	#PageHeader .tel {
		font-size:160%;
		margin-right:20px; 
		margin-top:10px; 
		display:inline-block;
	}
	#PageHeader .email {
		font-size:160%;
		margin-top:10px; 
		display:inline-block;
	}
	#PageHeader .social {
		right:25px;
	}
	#PageHeader .social {
		right:25px;
		width:47px;
		height:47px;
		background:url(/images/sprites.png) -86px 0 no-repeat;
		bottom:30px;
	}
	#PageHeader .social:hover {
		background:url(/images/sprites.png) -86px -49px no-repeat;
	}

	#Content {
		padding: 1px 30px 20px 30px;
		line-height:20px;
	}
	#Content, #Content .PageText, #HomePageText {
		/*font-size:14px;*/
	}

	.image-caption.caption-left-center, .image-caption.caption-right-center {
		font-size: 80%;
		line-height:150%;
	}
	img.amg-circle {
		left:0;
	}

}


/* MOBILE */
@media only screen and (max-width: 625px) {
	banner {
		width:calc(100% - 2px);
	}

	#PageHeader {
	}

	#PageHeader .name {
		font-size:190%;
		margin-right:10px;	
	}
	#PageHeader .tag {
		font-size:128%;
		margin-top:10px;
		display:block;
	}
	#PageHeader .tel {
		font-size:100%;
		margin-right:10px; 
		margin-top:0px; 
		display:inline-block;
	}
	#PageHeader .email {
		font-size:100%;
		margin-top:10px; 
		display:inline-block;
	}
	#PageHeader .social {
		position:absolute;
		right:25px;
		width:33px;
		height:33px;
		background:url(/images/sprites.png) 0 0 no-repeat;
		top:28px;
	}
	#PageHeader .social:hover {
		background:url(/images/sprites.png) 0 -33px no-repeat;
	}

	#TopMenuv2 .button {
	    margin-left:1px;
	}
	#TopMenuv2 .button, #TopMenuv2 .box {
		width:15%;
	}
	#TopMenuv2 .box {
		padding:8px 0 2px 0;
	}
	#TopMenuv2 a {
		font-size:70%;
		padding:8px 0 2px 0;
	}
	
	#Content {
		padding: 1px 30px 20px 30px;
		line-height:20px;
	}
	#Content, #Content .PageText, #HomePageText {
		/*font-size:14px;*/
	}
	
	.image-caption {
		left: 5%;
		font-size:50%;
		line-height:14px;
		padding: 2px 4px;
	}
	#PageFooter {
		font-size:55%;
	}
	
	.col-left {
		width:48%;
		padding-left:5%;
		font-size:80%;
	}
	img.amg-circle {
		left:0;
	}

	.image-caption.caption-left-center, .image-caption.caption-right-center {
		font-size: 60%;
		line-height:130%;
	}

}