/**
 * CSS definition for the template: master_template
 * 
 * This file gives an overview of the required CSS definitions which
 * needs to be defined for all Website Baker templates added to the 
 * Website Baker addons repository from June 2008 onwards. 
 * 
 * See http://www.w3.org/TR/CSS21/sample.html for the HTML4 
 * default styles applied if nothing else is specified in your stylesheet.
 *
 * To facilitate adaption, you may want to consider separate stylesheets.
 * One for the layout (container for header, footer, content, menu ...),
 * another one for the HTML elements which are shown in the content areas.
 * This can easily be achieved via @import rules
 *
 * LICENSE: GNU General Public License 3.0
 * 
 * @author     Christian Sommer
 * @copyright  Christian Sommer (c) June, 2008
 * @license    http://www.gnu.org/licenses/gpl.html
 * @version    1.00
 * @platform   Website Baker 2.7
*/

/**************************************************************************************
 use @import rules to include external CSS definitions for template layout or CSS hacks
 this can be used to allow different CSS files e.g. for layout divs and styles etc.
**************************************************************************************/
/* NOT USED HERE
@import url("layout.css");
*/

/* show purpose of image folder */
body {
	background:#FFFFFF;
}
/**************************************************************************************
 obligatory CSS definitions for Website Baker templates (content area)
**************************************************************************************/
/* background image to demonstrate usage of image folder */

h1, h2, h3, h4, h5, h6 {
}
a:link, a:visited, a:focus, a:hover, a:active {
}
b, strong {
}
i, em {
}
img {
}
p {
}
div {
}
blockquote {
}
li {
}
ol {
}
ul {
}
table {
	display: table
}
tr {
	display: table-row
}
thead {
	display: table-header-group
}
tbody {
	display: table-row-group
}
tfoot {
	display: table-footer-group
}
col {
	display: table-column
}
colgroup {
	display: table-column-group
}
td, th {
	display: table-cell
}
caption {
	display: table-caption
}
/**************************************************************************************
 additional tags you should consider for Website Baker templates (content area)
**************************************************************************************/
code {
}
address {
}
hr {
}
H1 {
	margin-bottom:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	font-weight:bold;
}
H2 {
	margin-bottom:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
	font-weight:bold;
}
p {
	margin-bottom:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	line-height:1.2em;
}
#container {
	position: relative;
	top:1px;
	left:1px;
	width:950px;
	margin-left:auto;
	margin-right:auto;
}
#header {
	position: relative;
	float:left;
	width:950px;
}
#mainPic {
	position: relative;
	float:left;
	width:948px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #000000;
	border-left-color: #000000;
}
#contact {
	position: absolute;
	top:78px;
	right:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	padding: 2px 5px 0px 0px;
}
#content {
	position: relative;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.0em;
	background-color:#fffffa;
	padding: 5px 5px 5px 19px;
	width:924px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #000000;
	border-left-color: #000000;
}
#footer {
	position: relative;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size:.75em;
	height:22px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	background-color:#ca4149;
	text-align:center;
	color:white;
	width: 948px;
	padding-top:5px;
	margin-bottom:15px;
	text-decoration:none;	
}
#footer a {
	text-decoration:none;
	color:white;
}
#footer a:hover {
	text-decoration:underline;
}
#nav {
	position: relative;
	float: left;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #000000;
	border-left-color: #000000;
}
#subContent {
	position: relative;
	float: left;
	padding: 5px 5px 5px 10px;
	width:450px;
}
#subContentBottom {
	position: relative;
	float: left;
	padding: 5px 5px 5px 10px;
	width:900px;
}
#subImage {
	position: relative;
	float:left;
	margin:0px 0px 0px 10px;
}
#navBar {
	position: relative;
	float: left;
	height:27px;
	width:950px;
	background-image:url(/images/nav_03.gif);
}
#navBar ul, #navBar li {
	position:relative;
	float:left;
	list-style-type: none;
	margin: 3px 30px 0px 10px;
	padding: 0 0 0 0;
	display: inline;
	color: white;
	font-size:12px;
	font-family:arial;
}
#navBar a {
	color: white;
	text-decoration:none;
}
#navBar a:hover {
	text-decoration:underline;
	color: #ca4149;
}
a.emailLink {
	text-decoration:none;
	color:black;
}
a:hover.emailLink {
	text-decoration:underline;
	color:black;
}