/*========================================================================The Basics=*/


* { /* GLOBAL RESET */
margin:  0px;
padding: 0px;
}

body {
font-family: 'Cabin', sans-serif;

padding: 0px 0px 0px 0px;  
margin:   0px 0px 0px 0px;  

min-width: 1350px;
max-width: 1900px;

background-image: url(images/bg-texture-pink.png);
background-position: top left ;
background-repeat: repeat;

color: black;             /* change to suit */

font-size: 14px;            /* change to suit */

}

html{ 
min-height: 100%;   /* turns on vert scroll bar all the time */
min-width: 1000px;  /* make wider if necessary */
}


h1, h2, h3, h4, h5, h6 {
font-weight: bold;
padding: 30px 0px 5px 0px;
color: #1f2120;

}

p {
padding: 10px 25px 10px 25px;
}

ul, ol {
padding: 5px 0px 5px 20px ;
list-style-type: none;
}

li{
margin:  0px 0px 0px 40px ;
}

a         { text-decoration:none; color:black; background:transparent; }
a:hover   { text-decoration:underline; color:gray; background:transparent; }


/*========================================================================The Layout=*/

.container { 
width:960px;          /* 952 = 2 columns ; 1227 = 3 columns */
margin:0 auto ; 
background: transparent ;
clear:both;          /* stet */
/* -moz-border-radius: 15px;        /* change to suit */
/* border-radius: 15px;             /* change to suit */
}

.header {
width: 960px;
height: 50px;

display: block;

margin: 30px auto;
padding: 0px;

background: transparent url(images/dark-texture.png) bottom left repeat-x;

clear:both;      /* stet */
}

.main {
width: 960px;
min-height: 1000px;
margin: 0 auto;
position: relative;
}

.main-left {
float: left;

width: 580px;

margin-top: 25px;
padding: 0px 25px 0px 25px;
}

.main-right {
float: right;
width: 299px;
height: 700px;

margin-top: 25px;

padding: 15px 15px 15px 15px;

border-left: 1px solid #999;
}

.footer {
display: block;
width: 960px;
height: 200px;
margin: 0 auto;
}

.bottom {
width: 100%;
position: fixed;
bottom: 0px;
height: 50px; 

background-image: url(images/landscape-silhouette.png);
background-position: bottom left;
background-repeat:repeat-x;

overflow: visible;

}




/*===================================================================Miscellaneous Nonsense=*/

li.bold-headings {
font-weight: bold;
}

/*==================================================CSS Buttons=========*/
 
.button {
	font-family: tahoma, arial, sans-serif;	
	font-size: 12px;
	
	text-align: center;
	color: white;
	
	width: 250px;
	padding: 20px 8px 20px 8px;

	margin: 10px auto;
	
	-moz-box-shadow: 2px 2px 2px #474747;
	-webkit-box-shadow: 2px 2px 2px #474747;
	box-shadow: 2px 2px 2px #474747;
	
	display: block;
	
	border: 3px solid #EAEAEA;
	
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;

/* Orange Call-to-Action Gradient */
    
/*  background-image: -webkit-gradient(linear, left top, left bottom, from(#FCAD68), to(#E6606)); /* Saf4+, Chrome */
/*  background-image: -webkit-linear-gradient(top, #FCAD68, #E66E06); /* Chrome 10+, Saf5.1+ */
/*  background-image:    -moz-linear-gradient(top, #FCAD68, #E66E06); /* FF3.6 */
/*  background-image:     -ms-linear-gradient(top, #FCAD68, #E66E06); /* IE10 */
/*  background-image:      -o-linear-gradient(top, #FCAD68, #E66E06); /* Opera 11.10+ */
/*  background-image:         linear-gradient(top, #FCAD68, #E66E06);
/*	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FCAD68', EndColorStr='#E66E06'); /* IE6-IE9 */
/*	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FCAD68', EndColorStr='#E66E06');" /* IE6-IE9 */
	
/* Red Call-to-Action Gradient */

	background-image: -webkit-gradient(linear, left top, left bottom, from(#7f4455), to(#40222B)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #7f4455, #40222B); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(top, #7f4455, #40222B); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #7f4455, #40222B); /* IE10 */
	background-image:      -o-linear-gradient(top, #7f4455, #40222B); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #7f4455, #40222B);	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#7f4455', EndColorStr='#40222B'); /* IE6-IE9 */  

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#7f4455', EndColorStr='#40222B')";
}

.button a {
	color: white;

}

div.button:hover {
    color: white;
    
    -moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
    
	background-image: -webkit-gradient(linear, left top, left bottom, from(#7f4455), to(#40222B)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(bottom, #7f4455, #40222B); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(bottom, #7f4455, #40222B); /* FF3.6 */
	background-image:     -ms-linear-gradient(bottom, #7f4455, #40222B); /* IE10 */
	background-image:      -o-linear-gradient(bottom, #7f4455, #40222B); /* Opera 11.10+ */
	background-image:         linear-gradient(bottom, #7f4455, #40222B);	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#40222B', EndColorStr='#7f4455'); /* IE6-IE9 */ 
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#40222B', EndColorStr='#7f4455');" /* IE6-IE9 */ 

/*  background-image: -webkit-gradient(linear, left top, left bottom, from(#FCAD68), to(#E66E06)); /* Saf4+, Chrome */
/*  background-image: -webkit-linear-gradient(bottom, #FCAD68, #E66E06); /* Chrome 10+, Saf5.1+ */
/*  background-image:    -moz-linear-gradient(bottom, #FCAD68, #E66E06); /* FF3.6 */
/*  background-image:     -ms-linear-gradient(bottom, #FCAD68, #E66E06); /* IE10 */
/*  background-image:      -o-linear-gradient(bottom, #FCAD68, #E66E06); /* Opera 11.10+ */
/*  background-image:         linear-gradient(bottom, #FCAD68, #E66E06);
/*	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FCAD68', EndColorStr='#E66E06'); /* IE6-IE9 */
/*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FCAD68', EndColorStr='#E66E06');" /* IE6-IE9 */

}

.button a:active {
	background-position: 0 top;
	position: relative;
	top: 2px;
	
	-moz-box-shadow: 1px 1px 6px #333; /* FF3.5+ */
	-webkit-box-shadow: 1px 1px 6px #333; /* Saf3.0+, Chrome */
	box-shadow: 1px 1px 6px #333; /* Opera 10.5, IE9, Chrome 10+ */
}