/*  

Author: 21st Century Business Equipment
Date: October 2009

*/



/*  

PAGE LAYOUTS

*/
* {
margin:				0;
padding:			0;
border:				0;
}
html {
margin: 0; padding: 0;}


body {
	text-align: left;
	font-size: 70%;
	min-height: 101%;
	background-color: #CCC;
	font-family: Verdana, Geneva, sans-serif;
	color: #333;
	margin:0;
	padding:0;
}


#page {
	width: 990px;
	height:auto;
	background-color: #fff;
	background-image: url(images/pagebackground.jpg);
	background-repeat: repeat-y;
	background-position: top;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
#top-navigation{
	width: 930px;
	height: 44px;
	display:block;
	background-color: #D5D5D5;
	padding: 2px;
	margin-top: -30px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	border: 1px solid #ACACAC;

}
#search_holder{
	width:265px;
	float:left;
	margin-top: 10px;
}


#lava_holder{
	width:665px;
	float:right;
	height:auto;
	margin:0;
}
	
#21stLogo {
	width: 960px;
	height: 130px;
	padding:0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
H4#right{
	float:right;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	line-height: normal;
	color: #039;
	text-align: right;
	padding-top: 20px;
	padding-right: 20px;
	margin-right: 15px;
}
H4#right a{
	color: #039;
	text-decoration: none;
	}
	
H4#right a:hover{
	color: #F00;
}



#feature-holder {
	width: 740px;
	float: left;
	padding:0;
	margin: 0px;
}

#content-holder {
	width: 730px;
	float: left;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 35px;
	text-align: left;
	
}
#col1 {
	width: 355px;
	float: right;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	margin-top: 45px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: -15px;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 10px;
}


#col2 {
	width: 354px;
	float: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: -15px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0;

}
#col3 {
	width: 355px;
	float: right;
	margin-top: 0px;
	margin-right: -1px;
	margin-bottom: 20px;
	margin-left: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 10px;
	padding-top:0;
}


#col4 {
	width: 355px;
	float: left;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -15px;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
}
#col5 {
		clear:right;
	width:710px;
	margin-top:30px;
	margin-left:-15px;
	padding:15px;
	background-color:#D6D6D6;

}

#banner {
	text-align:left;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -15px;
	padding:10px;
	clear:both;
	width:715px;
	height:auto;
	border: 1px solid #ACACAC;
	color: #666;
	background-color: #F1F1ED;
}
#hospitality_heading {
		background-color:#D6D6D6;
		width:100%;
}


#left-navigation {
	float: left;
	width: 180px;
	padding: 5px;
	clear: both;
	position: relative;
	margin-top: 7px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 12px;
}

#Solutions2 {
	border: 1px solid #EAEAEA;
	padding: 5px;
	margin-left: 10px;
	margin-top: 0px;
	
}
#Solutions2 ul li {
	line-height: 19px;
	background-image: url(../images/arrowbullet.gif);
	background-repeat: no-repeat;
	background-position: 2px 4px;
}

#product {
	border: 1px solid #EAEAEA;
	padding: 5px;
	margin-left: 10px;
	margin-top: 15px;
}
#brand {
	border: 1px solid #EAEAEA;
	padding: 5px;
	margin-left: 10px;
	margin-top: 15px;
}

#news {
	border: 1px solid #EAEAEA;
	padding: 5px;
	margin-left: 10px;
	margin-top: 15px;
}
#news ul li {
	background:url(../images/arrowbullet.gif) 0px 5px no-repeat;
	line-height: 19px;
		background-position: 2px 4px;
}
#Case_Studies2 {
	border: 1px solid #EAEAEA;
	padding: 5px;
	margin-left: 10px;
	margin-top: 15px;
}
#subscribe2 {
	border: 1px solid #EAEAEA;
	padding: 5px;
	margin-left: 10px;
	margin-top: 15px;
}
#subscribe2 ul li {
	background:url(../images/arrowbullet.gif) 0px 5px no-repeat;
	line-height: 19px;
		background-position: 2px 4px;
}

#footer {
	width: 930px;
	height: 50px;
	display:block;
	background-color: #D5D5D5;
	padding: 0px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	border-top-width: thick;
	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: #ACACAC;
	border-right-color: #ACACAC;
	border-bottom-color: #ACACAC;
	border-left-color: #ACACAC;
	clear:both;
}
#logo a {
	width: 591px;
	height: 179px;
	display: block;
	border: 0px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}






/*  

LAVA LAMP NAVIGATION 

*/




       
        .lavaLampBottomStyle {
	position: relative;
	height: 40px;
	width: 620px;
	overflow: hidden;
	float: right;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
        }
                .lavaLampBottomStyle li {
                    float: right;
                    list-style: none;
                }
                    .lavaLampBottomStyle li.back {
	width: 9px;
	height: 30px;
	z-index: 8;
	position: absolute;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #F00;
                    }
                    .lavaLampBottomStyle li a {
	font:  14px verdana;
	text-decoration: none;
	color: #333;
	outline: none;
	text-align: center;
	top: 7px;
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	margin-top: auto;
	margin-right: 5px;
	margin-bottom: auto;
	margin-left: 5px;
	padding-left: 7px;
	padding-right: 7px;
                    }   
                        .lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
	border: none;

                        }                     



/*  

ALL OTHER NAVIGATION 

*/

ul#nav2  {
	text-decoration: none;
	list-style-type: none;
	margin-left: 0px;
	text-indent: 18px;
}
ul#nav2 a {
	text-decoration: none;
	color: #333;
}
ul#nav2 a:hover {
	text-decoration: none;
	color: #F00;
}


H5#title1 a {
	border: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #069;
	text-decoration: none;
	margin-left: 4px;
	font-weight: bold;
}
H5#title1 a:hover {
	text-decoration: none;
	color: #333;
}






ul#nav3 {
	text-decoration: none;
	list-style-type: none;
	margin-left: 0px;
		text-indent: 15px;
}

ul#nav3 a {
	text-decoration: none;
	color: #333;
}
ul#nav3 a:hover {
	text-decoration: none;
	color: #F00;
}



p#footer_nav {
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 10px;
}
p#footer_nav a{
	color: #333;
	text-decoration: none;
}
p#footer_nav a:hover{
	color: #F00;
}

p#Copyright2 {
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	float:right;
	color: #333;
}
/*  

SLIDER 

*/


.clear {
	clear:both
}

#gallery {
	position:relative;
	height:279px;
	padding-top: 12px;
	margin-left: -15px;
}
	#gallery a {
		float:left;
		position:absolute;
	}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
	z-index:600;
	background-color:#036;
	color:#FFF;
	height:70px;
	width:100%;
	position:absolute;
	bottom:0;
	}

	#gallery .caption .content {
	margin: 0px;
	}
	
	#gallery .caption .content h3 {
	margin:0;
	padding:4px;
	color:#FFF;
	}
	
/*  

STYLES 

*/
.bold {
	font-weight: bold;
}
.blue {
	color: #069;
}
.red {
	color:#F00;
}
#page #content-holder a img{
	text-decoration: none;
	border: none;
}

#page #content-holder a, a:visited{
	text-decoration: none;
	color:#069;
}
#page #content-holder a:hover {
	text-decoration: none;
	color: #F00;
}

#page #content-holder #col4 table td {
	text-align: left;
	padding: 10px;
}
#page #content-holder #col3 table td {
	text-align: left;
	padding: 10px;
}

#page #content-holder ul {
	list-style-position: inside;
}

.headlines {
	text-indent:17px;
	font-size:9px;
	list-style-type: none;
}
.headlines a, a:visited {
	text-decoration: none;
	color:#069;
}
.headlines a:hover {
	text-decoration: none;
	color: #F00;
}

.button{
	background-color:#FFF;
	padding:2px;
	border: thin solid #999;
	font-size:small;
	color: #333;
	background-image: url(/images/buttonbackground.gif);
	background-repeat: repeat-y;
	background-position: bottom;
}