/* CSS Document */


/* Thank you for viewing our CSS Code.  This CSS Code was written in December 2008 for use in the Costados.com website
   CSS and HTML by Alfonso Estevez.  www.alfonsoestevez.com copyright © 2008 Costados Business Solutions Corporation  */
   


/* THE FOLLOWING ARE UNIVERSAL DECLARATIONS AND ARE USED SITE WIDE. */

*{
margin:0px;
padding:0px;
}

img{
border-style:none;
}

body{
background-image: url(../images/background.jpg);
background-repeat:repeat-x;
font-family:"trebuchet ms";
}

.container{
width:900px;
margin:0px auto;
}

#header{
width:900px;
height:80px;
}

#header img{
float:left;
}

.nav{
color:#fff;
display:block;
height:45px;
float:right;
background-image: url(../images/nav.jpg);
background-position:top;
text-align:center;
width:130px;
text-decoration:none;
font-weight:bold;
font-size:14px;
padding-top:35px;
}

.nav:hover{
background-position:bottom;
}

/* THE FOLLOWING CODE IS FOR THE HOMEPAGE ONLY */


#headline{
height:305px;
width:900px;
background-image: url(../images/merchantterminal.jpg);
margin-top:30px;
}

#headline h1{
font-size:24px;
padding: 100px 0px 0px 300px;
}

#links{
width: 520px;
height:110px;
float:right;
padding:30px 20px 0px 0px;
}
.checkmark{
margin-left:-10px;
padding: 0px 0px 10px 40px;
color:#777;
text-decoration:none;
display:block;
font-size:18px;
list-style-type:none;
width:210px;
height:23px;
font-weight:bold;
background-image:url(../images/checkmark.jpg);
background-repeat:no-repeat;
float:left;
overflow:hidden;
}

.checkmark:hover{
color: #990000;}

#buckets{
width:900px;
height:150px;
margin-left:15px;
text-align: center;
}

.bucket{
width:275px;
height:125px;
float:left;
background-image: url(../images/bucketbackground.jpg);
padding:25px 0px 0px 15px;
}

.bucketheadline{
text-decoration:none;
font-size:20px;
color:#48AF00;
padding:0px 0px 8px 0px;
}

.bucketheadline:hover{
color: #2E6F01;
}

.buckettext{
text-decoration:none;
font-size:14px;

color: #777;
line-height:12px;
}

.buckettext:hover{
color: #333;
}

.bucket img{
float:right;
padding:0px 10px;
}

#news{
width:900px;
height:125px;
}

#newsicon{
width:400px;
float:left;
}

#articles{
float:left;
width:470px;
padding:30px 0px 0px 30px;

}

.newsheadline{
padding:40px 0px;
font-weight:normal;
color: #a3a3a3;
font-family:"georgia";
text-decoration:none;
display:block;
}

.newsheadline:hover{
color: #555;
}

#news img{
float:left;
padding:0px 15px;
}

.date{
font-family:"arial";
font-size:13px;
color:green;
float:left;
}

.newscomment{
font-family:"arial";
font-size:13px;
color:#555;
}

#footer{
width:100%;
height:100px;
border:3px solid black;
margin-left:3px;
background-image: url(../images/footerbackground.jpg);
background-repeat:repeat-x;
text-align: center;
}

#footerleft{
width:300px;
height:100px;
float:left;
padding-left:15px;
}

#footerleft h4{
color: #2E6F01;
padding-top:0px;
letter-spacing:1px;
font-weight:normal;
padding-left:5px;
}

#footerleft h1{
padding-left:1px;
margin-top:-2px;
}

#footerright{
width:500px;
float:right;
}

#footerright ul{
float:left;
list-style-type:none;
width:150px;
line-height:14px;
position:relative;
left:35px;
}

.footernav{
color: #555;
font-weight:bold;
font-size:14px;
text-decoration:none;
position:relative;
top:3px;
}

.footernav:hover{
color: #000;
}

.footerlight{
color: #fff;
font-size:12px;
text-decoration:none;
position:relative;
top:9px;
}

.footerlight:hover{
color: #2E6F01;
}


#subfooter{
height:50px;
margin-top:35px;
padding-right:50px;
}

#subfooter p{
color: #bbb;
font-size:12px;
padding-left:40px;
float:left;
}

#subfooter a{
color: #000;
font-size:12px;
padding-left:15px;
float:right;
text-decoration:none;
}

#subfooter a:hover{
color: #bbb;
}

/* THE FOLLOWING CODE IS FOR THE INTERIOR PAGES OF THE WEBSITE */


#content{
width:900px;
}

#contentleft{
width:651px;
float:left;
padding-top:30px;
padding-right:30px;
}

.breadcrumb{
color: #777;
font-size:13px;
text-decoration:none;
padding:0px 0px 0px 15px;
}

.breadcrumb:hover{
color: #000;
}

#contentleft h1{
padding:20px 0px 0px 15px;
}

#contentleft p{
padding:20px 0px 0px 15px;
font-size:15px;
line-height:22px;
}

#contentleft ul{
margin-top:15px;
margin-left:15px;
padding:0px 20px;
width:595px;
background-image: url(../images/leftcontentbox.jpg);
overflow:hidden;
}

#contentleft li{
font-weight:bold;
background-image: url(../images/ulcheckmark.jpg);
background-repeat:no-repeat;
padding-left:30px;
list-style-type:none;
}

#contentright{
width:200px;
float:right;
position:relative;
right:5px;
margin-left:15px;
}

#contentright h4{
color: #fff;
margin:20px 0px 10px 0px;
padding:0px 0px 0px 6px;
background: #666;
display:block;
}

.quote{
width:169px;
height:50px;
background-image: url(../images/quote.jpg);
background-repeat:no-repeat;
display:block;
color: #000;
padding:37px 0px 25px 49px;
text-decoration:none;
font-weight:bold;
}


.quote:hover{
color: #888;
}

.rightmenu{
display:block;
text-decoration:none;
color: #aaa;
font-size:14px;
padding-left:6px;
font-weight:bold;
}

.rightmenu:hover{
background: #888;
color: #fff;
}

#innerfooter{
width:100%;
height:37px;
background-image: url(../images/innerfooter.jpg);
background-repeat:repeat-x;
margin-top:60px;
margin-bottom:60px;
padding-top:20px;
border-left: 5px black solid;
border-right: 5px black solid;
}

#innerfooter p{
color: #000;
font-size:12px;
float:left;
padding-left: 15px;
}

#innerfooter a{
color: #000;
font-size:12px;
padding-left:15px;
float:right;
text-decoration:none;
position:relative;
right:22px;
}

#innerfooter a:hover{
color:#ddd;
}

input.button
{
	border: #000000 2px solid;
	padding-right: 0px;
	padding-left: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-size: 1.2em;
	background: #EAEAEA;
	color: rgb(1, 1, 1);
	float: left;
	margin: 10px 0px 5px 25px;
	width: 6em;
	font-family: arial, sans-serif;
	text-align: center;
}

input.button:hover
{
	border-right: rgb(255, 255, 255) 2px solid;
	border-left: rgb(255, 255, 255) 2px solid;
	border-top: rgb(255, 255, 255) 2px solid;
	border-bottom: rgb(255, 255, 255) 2px solid;
	background: rgb(140, 140, 140);
	color: rgb(254, 254, 254);
	font-weight: bold;
	cursor: pointer;
}