* {
		margin: 0;
		padding: 0;
		}
	
html {
		font-size: 100%;
		}

body {
		font: 62.5%/1.5 Verdana, Arial, Helvetica, sans-serif;
		background: #FFFFFF url(i/MSW-BG.jpg) no-repeat 0 0;
		margin: 0 20px 0 20px;
		}

#wrapper {
		font-size: 1.2em;
		line-height: 1.5em;
		background: url(i/BG-Trans.png) repeat 0 0;
		width: 100%;
		height: 500px;
		min-width: 740px;
		max-width: 1200px;
		}

p {
		margin-bottom: 1.5em;
		}
		
h2 { margin-bottom: 1.5em;}

.clearFix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}
		
.clear { clear: both;}

/* ---------- add your code below ---------- */

#header { height: 10em; padding: 10px 15px; color: #FFFFFF;}
#header h1 { font: 3.5em "Myriad Pro", Arial, Helvetica, sans-serif; width:60%;
				text-decoration: underline; text-transform:uppercase; float: left;
							}
#header p { float: right; width:40%; height:auto;}
#header p strong {font-size: 1.14em; padding-right: .2em;}

#nav { width: 20%; float:left; padding-top: 5px;}

#mnav, #snav{
list-style: none; 
margin: 0 10%;
padding: 0;
}
#mnav  li, #snav  li { margin: 0 0 3px 0;}
#resource:hover #maps, #resource:hover #del, #mapspage li#maps, #delpage li#del { display: block; margin: 0;}
#resource #maps, #resource #del { display: none;}
#mnav  li a:link, #mnav  li a:visited, #snav  li a:link, #snav  li a:visited{
font-size: 1em;
width: 80%;
height: auto;
display: block;
padding: 0.4em 0 0.4em 0.5em;
color: #FFFFFF;
background: url(i/BlueBtn.gif) no-repeat 0 50%;
text-decoration: none; font-weight:bold;
border: 2px solid #7287a5; 
}
#mnav  li ul li a:link, #mnav  li ul li a:visited, #snav  li ul li a:link, #snav  li ul li a:visited {font-size: 1em;
width: 80%;
height: auto;
display: block;
padding: 0.4em 0 0.4em 0.5em;
color: #000000;
background-image: none; background-color:#FFFFFF;
text-decoration: none; font-weight:bold;
border-top-width: 0;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #7287a5;
	border-right-color: #7287a5;
	border-bottom-color: #7287a5;
	border-left-color: #7287a5;}
#mnav li a:hover, #snav li a:hover{
background: url(i/BlueBtn2.gif) no-repeat 0 50%;color: #000000; font-weight:bold;
}
#mnav li ul li a:hover, #snav li ul li a:hover { background: url(i/BlueBtn2.gif) no-repeat 0 50%;
color: #000000; font-weight:bold;}
#homepage li#home a,#servicepage li#service a, #pricepage li#pricing a, #marketpage li#market a, #advancepage li#advance a, #giftpage li#offer a, #hostpage li#host a, #mapspage li#maps a, #pfpage li#portfolio a, #designpage li#design a, #delpage li#del a, #loginpage li#customer a, #contactpage li#contact a  {
background: url(i/BlueBtn2.gif) no-repeat 0 50%;color: #000000; font-weight:bold; cursor:default;
}

#below { padding-left: 7px; margin-left: 1.5em; background: url(i/MSW-Triangle.png) no-repeat 0 50%;}
#content { width: 40%; float:left;}
#content ul, #content ol { margin: 1em 2em;}
#pricepage #content, #servicepage #content, #marketpage #content, #advancepage #content, #giftpage #content, #hostpage #content, #mapspage #content, #contactpage #content, #pfpage #content, #designpage #content, #delpage #content, #atomzpage #content, #loginpage #content{ width: 73%; float: left; padding: 1% 2% 2%; background: url(i/MSW-Trans.png) repeat 0 0; margin-top: 5px;}

#side { width: 40%; float: left; position: relative; padding-top: 60px;}
.lb {margin-left: 10px;}
#pricepage #side, #servicepage #side, #contactpage #side, #marketpage #side, #advancepage #side, #giftpage #side, #hostpage #side, #mapspage #side, #pfpage #side, #designpage #side, #delpage #side, #atomzpage #side, #loginpage #side { display: none;}

#atomz { position: absolute;
		right: 10px;
		top: 10px;
		}
#share { display: block; margin-top: 5px; float: right;

  width: 55px;

  height: 17px;

  background: url(i/MSW-Share.png) no-repeat 0 0;

  text-indent: -9999px;

  }		

#share:hover { display: block;

  width: 55px;

  height: 17px;

  background: url(i/MSW-Share.png) no-repeat 0 0;

  }

		
#pfpage img { float: left;}
.img-wrapper {
  background: url(i/CMR-Shadow.png) no-repeat bottom right;
  float:left;
  line-height:0;
  margin: 0 5px 5px 0;
 
}
 
.img-wrapper img {
  background:#fff;
  padding:4px;
  border:1px solid #a9a9a9;
  position:relative;
  left:-5px;
  top:-5px;
}

#pricepage h3 { margin-bottom: 1em; }
#pricepage ul, #pricepage ol { margin-top: .25em; }

#footer { height: 81px;
width: 100%;
clear: both; 
background: url(i/MtnFooter.png) no-repeat;
position: relative;}
#footer p { position: absolute; left: 2em; bottom: 0; margin-bottom: .5em; width: 60%;}
#footer h3 { position: absolute; right: 2em; bottom: 0; margin-bottom: .5em;}
.logos img { margin: 1em 2em 1em 1em;}
#partners img { margin: 1em;}
#partners { text-align:center; margin-top:0; margin-bottom: 0; padding: 0;}
/*.input {
	padding:.11em;
	background: url(i/MSW-Trans.png) repeat 0 0;
	border:1px solid #FFFFFF;
}*/ 
.input {
	padding:.11em .18em;
	background: url(i/MSW-Trans.png) repeat 0 0;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #000000;
}
.button {   width:62px;
			height:21px;
			border:none;
			background: url(i/Search1.gif) no-repeat 0 0;
			cursor: pointer;
			text-indent: -9999px;} 
.button:hover { background: url(i/Search2.gif) no-repeat 0 0;}

#map { display: block;
  width: 96px;
  height: 64px;
  background: url(i/GPS-1.gif) no-repeat 0 0;
  text-indent: -9999px;
  }		
#map:hover { display: block;
  width: 96px;
  height: 64px;
  background: url(i/GPS-2.gif) no-repeat 0 0;
  }	
.btext { font-size: 1.5em;}


/* Styling of the boxes if there is no JavaScript support */

.cbb {
margin: 5px 10px 0 10px;
background: #b3bfd5;
padding: 5px;
border: 2px solid #7287a5;
margin-bottom: 1em;
line-height: 170%;
}

/* paragraph styles for any main boxes */
.cbb p, .cb p {
margin: 0;
padding: 0 5px 5px 5px;
color: #333;
}
.cbb ul, .cb ul { margin: 5px 5px 5px 18px;}

/* Insert the custom corners and borders for browsers with sufficient JavaScript support */

.cb {
margin: 0 0 1em;
line-height: 170%;
	}

/* Rules for the top corners and border */
.bt {
	background:url(i/MSW-FlexBox.png) no-repeat 100% 0 !important;
	background:url(i/MS-FlexBox.gif) no-repeat 100% 0;
	margin:0 0 0 18px;
	height:27px;
	}
.bt div {
	height:27px;
	width:18px;
	position:relative;
	left:-18px;
	background:url(i/MSW-FlexBox.png) no-repeat 0 0 !important;
	background:url(i/MS-FlexBox.gif) no-repeat 0 0;
	}

/* Rules for the bottom corners and border */
.bb {
	background:url(i/MSW-FlexBox.png) no-repeat 100% 100% !important;
	background:url(i/MS-FlexBox.gif) no-repeat 100% 100%;
	margin:0 0 0 18px;
	height:14px;
	}
.bb div {
	height:14px;
	width:18px;
	position:relative;
	left:-18px;
	background:url(i/MSW-FlexBox.png) no-repeat 0 100% !important;
	background:url(i/MS-FlexBox.gif) no-repeat 0 100%;
	}

/* Insert the left border */
.i1 {
	padding: 0 0 0 12px;
	background:url(i/MSW-FlexBoxBorderL.png) repeat-y 0 0 !important;
	background:url(i/MS-FlexBorders.gif) repeat-y 0 0;
	}
/*Insert the right border*/ 
.i2 {
	padding: 0 12px 0 0;
	background:url(i/MSW-FlexBoxBorderR.png) repeat-y 100% 0 !important;
	background:url(i/MS-FlexBorders.gif) repeat-y 100% 0;
	}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {background: url(i/MSW-Trans.png) repeat left top;
    
	
	
	padding: 3px 5px;
	}
/*.default h3 {background-color:#339900;}*/
/* CSS for the box ends here */
fieldset { margin: 1em 0;
padding: 1em;
border: 1px solid #ccc;
background: #f8f8f8; }
legend { font-weight: bold; margin-bottom: 2em;}

ul.feed li { margin-bottom: 1em;}

#advancepage #content a {
	outline: none;	
	margin-right: 20px;
}

#advancepage #content a img {
	border: 1px solid #CCC;
	padding: 2px;	
	margin: 10px 5px 10px 0;
}
#designpage #content a { outline: none;}
#designpage #content a img {
	border: 1px solid #CCC;
	padding: 2px;	
	margin: 10px 5px 10px 0;
}

#ciw { display: block; margin: 5px 10px 5px 0; float: left;

  width: 90px;

  height: 59px;

  background: url(i/ciwButton.gif) no-repeat 0 0;

  text-indent: -9999px;

  }
  #ciw:hover { display: block; margin: 5px 10px 5px 0; float: left;

  width: 90px;

  height: 59px;

  background: url(i/ciwButton2.gif) no-repeat 0 0;

  text-indent: -9999px;

  }
#layers img { float: right;}