/*  
Theme Name: EMS
Theme URI: http://www.ebusinessmarketingsystems.com
Description: This is our business theme
Version: 1.1
Author: Ebusiness Marketing Systems
Author URI: http://www.ebusinessmarketingsystems.com
*/

h2, h3, h4, h5, h6, blockquote, p,form{
margin: 0;
padding: 0;
}

body{
margin: 0;
padding:5px;
font-family: Arial;
font-size: 14px;
color: #000000;
min-width: 900px;
}

#container{
margin-right:2%;
margin-left:2%;
padding:0;
margin-top:0;
margin-bottom:0;
}
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
                margin-bottom: 20px;
	}

	/* common column settings */
	.colright,
	.colmid,
	.colleft {
                float:left;
		width:100%;			/* width of page */
		position:relative;
	}

	.col1,
	.col2,
	.col3{
		float:left;
		position:relative;
		padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
						only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;	
	}
	
	/* 3 Column settings */
	.threecol {
		background:#ffffff;		/* right column background colour */
	}
	.threecol .colmid {
		right:33%;			/* width of the right column */
		background:#ffffff;		/* center column background colour */
	}
	.threecol .colleft {
		right:34%;			/* width of the middle column */
		background:#ffffff;	/* left column background colour */
	}
	.threecol .col1 {
		width:30%;			/* width of center column content (column width minus padding on either side) */
		left:102%;			/* 100% plus left padding of center column */
	}
	.threecol .col2 {
		width:29%;			/* Width of left column content (column width minus padding on either side) */
		left:39%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}

	.threecol .col3 {
		width:29%;			/* Width of right column content (column width minus padding on either side) */
		left:77%;			/* Please make note of the brackets here:
						(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	}
	/* 2 Column (left menu) settings */
	.colmask2 {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
                margin-bottom: 20px;
	}
	/* common column settings  column 2*/
	.colright2,
	.colmid2,
	.colleft2 {
		float:left;
		width:100%;
		position:relative;
	}
	.col12,
	.col22,
	.col32 {
		float:left;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
	}
	/* 2 Column (left menu) settings */
	.leftmenu2 {
		background:#ffffff;		/* right column background colour */
	}
	.leftmenu2 .colleft2 {
		right:69%;			/* right column width */
		background:#efefef;	/* left column background colour */
                min-width:300px;
	}
	.leftmenu2 .col12 {
		width:65%;			/* right column content width */
		left:102%;			/* 100% plus left column left padding */
	}
	.leftmenu2 .col22 {
		width:29%;			/* left column content width (column width minus left and right padding) */
		left:6%;			/* (right column left and right padding) plus (left column left padding) */
	}

#colpara {
               background: #efefef;
               padding: 15px;
               min-height: 200px;
       }

#header{
clear:both;
align:center;
margin-left:2%;
padding-top:5px;
padding-bottom:5px;
margin-bottom:50px;
margin-right:2%
}

#footer{
align:center;
color:#ffffff;
text-decoration: none;
background: #231f20;
text-align:center;
margin-top:30px;
margin-bottom:30px;
padding: 10px;
}

#footer a:link, a:visited{
text-decoration: none;
color: #ffffff;
}

.post h2{
font-size: 16px;
}

.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
}

.comments-template ol{
	margin: 0;
	list-style: none;
}

.comments-template ol li{
	line-height: 18px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-size: 12px;
}

.entry{
line-height: 18px;
}

p.postmetadata{
border-top: 1px solid #ccc;
}

.navigation{
padding: 10px 0 0 0;
font-size: 14px;
font-weight: bold;
line-height: 18px;
}


h1{
font-size: 24px;
background:#ff6600; 
padding:10px;
text-align:center;
color:#231f20;
}



a:link, a:visited, a:hover{
text-decoration: none;
color: #336699;
}

#slidepage {
width: 100%; 
height:290px;
}

#slideright {
float:right;
background-image: url(images/EMS-e.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:90% 45%;
margin-right:5%;
margin-left:67%
}

#slider  { 
overflow: hidden;       
position: relative; 
height: 290px;
margin-top: 30px; 
margin-bottom:5px;
border-top-style:solid;
border-width:5px;
border-color:#231f20;
margin-left:2%;
width:63%;
}

#slider a {
text-decoration: none;
}

#mover   { 
width:2880px;
position: relative; 
text-decoration:none;
align:center;
}

.slide           { 
padding: 40px 30px; 
width: 1000px; 
float: left; 
position: relative; 
}

.slide h1        { 
font-size: 30px; 
letter-spacing: -1px;
color: #ff6600;  
background-color: transparent;
padding:0px;
width: 350px;
text-align:left;
}

.slide p         { 
color: #231f20; 
font-size: 12px; 
line-height: 22px; 
width: 350px;
text-align:left;
}

.slide img       { 
position: absolute; 
top: 20px; 
left: 400px; 
}

.slide a {
text-decoration: none;
}

#slider-stopper  { 
position: absolute; 
top: 1px; 
right: 2%;
background: #ff6600; 
color: #ffffff;
padding: 3px 8px; 
font-size: 10px; 
text-transform: uppercase; 
z-index: 1000; 
}


ul#topnav {
	margin: 0; 
       padding: 0;
	float: right;
	width: 440px;
	list-style: none;
	position: relative;
	font-size: 18px;
	background:#231f20;
       color: #ffffff;
}
ul#topnav li {
	float: right;
	margin: 0; 
       
}
ul#topnav li a {
	padding: 10px 10px;
	display: block;
	color: #ffffff;
	text-decoration: none;

}

ul#topnav li:hover { 
background: #ff6600; 
color:#231f20;
}

ul#topnav li ul {
	float: right;
	position: absolute;
left:0;
padding:10px 0;
        top:40px;
	display: none;
	list-style:none;
	width: auto;
	min-width: 440px;
	background: #ff6600;
	color: #231f20;
	font-size: 14px;
}

ul#topnav li:hover ul { 
display: block; 
}

ul#topnav li ul a { 
display: inline; 
}

ul#topnav li ul a:hover {
text-decoration: none;
background: #ff6600; 
	font-size: 14px;
color: #231f20;
}

