@import url("../font/stylesheet.css");
body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#f2f5f8;
}
h1, h2, h3, h4, h5, h6 {
	font-style:normal;
	font-weight:normal;
}
h2 {
	font-family:'TrajanProRegular', Arial, Helvetica, sans-serif;
	font-size:24px;
	text-transform:uppercase;
	color:#003c7b;
}
h3 {
	font-family:'TrajanProRegular', Arial, Helvetica, sans-serif;
	font-size:14px;
	text-transform:uppercase;
	color:#003c7b;
	padding:0px 0px 10px 0px;
}
p {
	line-height:15px;
	padding:5px 0px;
}
a {
	color:#555;
	text-decoration:none;
}
div2 {
	border:1px solid red;
}
#container {
	background:url(../images/bg-container.gif) left top repeat-x #fff;
}
#header {
	position:relative;
	background:url(../images/bg-header.jpg) right top no-repeat;
	height:108px;
}
#logo {
	position:absolute;
	top:18px;
	left:0px;
}
#logo a {
	text-indent:-9999px;
	display:block;
	width:169px;
	height:76px;
	background:url(../images/wmg-logo.png) top left no-repeat;
}
#content {
	padding:60px 0px 25px 0px;
	width:920px;
	overflow:hidden;
}
#leftside {
	width:491px;
	float:left;
}
#rightside {
	padding:8px;
	width:390px;
	float:right;
	background:url(../images/bg-img.gif) left top repeat-x;
}
#boxlink {
	clear:both;
	padding:0px 0px 20px 0px;
	width:920px;
	overflow:hidden;
}
#boxlink div {
	padding:13px 20px 10px 20px;
	width:255px;
	border-top:3px solid #e6e6e6;
	background:url(../images/bg-box.gif) left top repeat-x;
}
#loginBox {
	float:left;
}
#newsletterBox {
	float:right;
}
/*#newsletterBox ul {
	width:100%;
	overflow:hidden;
}
#newsletterBox ul li {
	float:left;
	width:125px;
	padding:0px 0px 4px 0px;
}
#newsletterBox ul li a:hover {
	text-decoration:underline;
}*/
#clientsBox {
	margin-left:17px;
	float:left;
}
#footer {
	clear:both;
	border-top:3px solid #e6e6e6;
}
#footer div p {
	padding:10px 0px 5px 0px;
	color:#003d7e;
	text-align:right;
}
#footer div p a {
	color:#F60;
}
.boxcenter {
	width:920px;
	margin:0 auto;
}
#frmLogin p input[type="text"], #frmLogin p input[type="password"]  {
	margin-right:5px;
	padding:2px 2px;
	border:0px;
	background:#e4e4e4;
}
#frmLogin p input[type="submit"] {
	border:0px solid red;
	color:#fff;
	background:#003c7d;
	cursor:pointer;
}
.list-2col, .list-3col {
	width:100%;
	padding:5px 0px 6px 15px;
	overflow:hidden;
}
.list-2col{
	padding-top:20px;
}
.list-2col li, .list-3col li {
	list-style:circle;
	float:left;
	padding:2px 0px 2px 0px;
	width:210px;
}
.list-3col li {
	width:160px;
}
.list-2col li a, .list-3col li a {
	color:#777;
	text-decoration:underline;
}
.list-2col li a:hover, .list-3col li a:hover {
	color:#1b6896;
}
#frmContact {
	padding:20px 0px 20px 0px;
}
#frmContact p input[type="text"] {
	color:#000;
	width:340px;
	border:1px solid #a5acb2;
}
#frmContact p input[type="submit"], #frmContact p input[type="reset"] {
	cursor:pointer;
	border:0px;
	color:#fff;
	background:#003c7d;
	padding:2px 13px;
}
#frmContact p {
	padding:2px 0px;
}
#frmContact p label {
	color:#003c7d;
	padding:3px 0px 0px 0px;
	text-transform:uppercase;
	display:inline-block;
	width:120px;
	font-weight:bold;
	vertical-align:top;
}
#frmContact p textarea {
	color:#000;
	width:340px;
	height:100px;
	border:1px solid #a5acb2;
}
#addressbox{
	color:#003c7d;
	border-top:1px solid #eee;
	padding:10px 0px 0px 0px;
	width:100%;
	overflow:hidden;
	clear:both;
}
#addressbox1{
	padding:3px 0px 0px 0px;
	text-transform:uppercase;
	width:125px;
	float:left;
}
#addressbox2{
	padding:4px 0px 0px 0px;
	width:360px;
	float:left;
}
#addressbox3{
	width:405px;
	float:right;
}

.tel, .fax{padding:0px 10px 0px 15px;}
.tel{ background:url(../images/icon-tel.gif) left center no-repeat; }
.fax{background:url(../images/icon-fax.gif) left center no-repeat;}

@media screen and (max-width:480px) {
 .boxcenter {
 width:100%;
 margin:0 auto;
}
 #header {
 position:relative;
 background-image:none;
 height:250px;
}
 #content {
 padding:60px 0px 25px 0px;
 width:100%;
 overflow:hidden;
}
 #content p {
 font-size:14px;
 padding-left:5px;
 padding-right:5px;
}
 #boxlink {
 width:100%;
}
 #boxlink div {
 margin:0px;
 width:100%;
 float:none;
 clear:both;
}
 #loginBox, #newsletterBox, #clientsBox {
 float:none;
}
 #leftside {
 width:100%;
 float:none;
}
 #rightside {
 padding:8px;
 width:100%;
 float:none;
 background:url(../images/bg-img.gif) left top repeat-x;
}
 #rightside img {
 width:95%;
 height:auto;
}
 .menu {
 width:100%;
 height:100px;
 position:absolute;
 z-index:100;
 top:113px;
 left:0px;
 padding-left:0px;
}
 .menu ul li {
 float:none;
 position:relative;
}
 .menu ul li a, .menu ul li a:visited {
 text-align:center;
 color:#fff;
 line-height:20px;
 overflow:hidden;
 font-size:13px;
 text-transform:uppercase;
 padding:7px 20px;
 background:#555;
 border-bottom:1px solid #999;
}
 .menu ul li:hover ul {
 width:100%;
}
}