/*
   file: 	layout.css
   project:	DogTrekAlberta.com
   usage:	style sheet for page layout
   created:	March 29, 2010
   author:	Calvin Chan
   copyright:	Total Website Solutions Inc
*/

/*******************************/
/*** --- Layout Elements --- ***/
/*******************************/

html {
  height:		100%;
  margin-bottom:	1px;
}

body {
  top:			0;
  left:			0;
  width:		100%;
  margin:		0;
}

div#mainbody {
  position:		relative;
  top:			0;
  width:		1000px;
  height:		auto;
  background:		#ffffff;
  font-size:		16px;
  font-family:		helvetica, arial, sans-serif;
}

div#header {
  position:		relative;
  top:			0;
  left:			0;
  height:		140px;
  width:		1000px;
  background:		url(../images/header_bg.png) no-repeat;
  padding:		0;
  margin:		0;
}

div#headercontent {
  position:		relative;
  top:			20px;
  left:			20px;
  height:		100px;
  width:		960px;
}

div#logo {
  float:		left;
  height:		95px;
  width:		216px;
}

div#corporate {
  float:		left;
  height:		100px;
  width:		480px;
}

div#linkage  {
  float:		left;
  height:		100px;
  width:		260px;
}

div#corp_name {
  position:		relative;
  height:		50px;
  width:		480px;
  color:		#ffffff;
  font-size:		40px;
  font-weight:		900;
  text-align:		center;
}

div#corp_info {
  position:		relative;
  height:		50px;
  width:		480px;
  color:		#ffffff;
  font-size:		16px;
  font-weight:		900;
  text-align:		center;
}

div#pawtrek {
  position:		relative;
  height:		50px;
  width:		260px;
  color:		#ffffff;
  font-size:		12px;
  font-weight:		900;
  text-align:		right;
}

div#flags {
  position:		relative;
  height:		50px;
  width:		260px;
}

div#canada {
  float:		left;
  height:		50px;
  width:		100px;
  background:		url(../images/Canada2.gif) center no-repeat;
}

div#alberta {
  float:		left;
  height:		50px;
  width:		80px;
  background:		url(../images/Alberta2.gif) center no-repeat;
}

div#nwt {
  float:		left;
  height:		50px;
  width:		80px;
  background:		url(../images/NWT2.gif) center no-repeat;
}

div#menubar {
  position:		relative;
  top:			0;
  left:			0;
  height:		25px;
  width:		1000px;
  background:		url(../images/menu_bg.gif) repeat-x;
  z-index:		100;
}

div#topmenu {
  float:		left;
  height:		25px;
  width:		900px;
  z-index:		100;
}

div#viewcart {
  float:		right;
  height:		25px;
  width:		100px;
  text-align:		center;
}

div#content {
  position:		relative;
  min-height:		10px;
  overflow:		auto;
  width:		1000px;
  background:		#e0dfdb;
}

div#maincontent {
  position:		relative;
  top:			10px;
  left:			20px;
  width:		960px;
  height:		auto;
  font-size:		14px;
}

div#footer {
  position:		relative;
  height:		60px;
  width:		1000px;
  padding:		0;
  background:		url(../images/header_bg.png) bottom left no-repeat;;
  font-family:		helvetica;
  font-size:		11px;
  font-weight:		900;
  text-align:		center;
  color:		#ffffff;
}

div#left-column {
  position:		relative;
  float:		left;
  padding:		10px;
  margin-left:		1%;
  width:		45%;
}

div#right-column {
  position:		relative;
  float:		right;
  padding:		10px;
  margin-right:		1%;
  width:		45%;
}

div#home-left-column {
  position:		relative;
  float:		left;
  padding:		10px;
  margin-left:		1%;
  width:		30%;
}

div#home-center-column {
  position:		relative;
  float:		left;
  padding:		10px;
  margin-left:		1%;
  width:		30%;
}

div#home-right-column {
  position:		relative;
  float:		right;
  padding:		10px;
  margin-right:		1%;
  width:		30%;
  font-size:		28px;
  text-align:		center;
}