/*
 ____________________________________________________________
|                                                            |
|    DESIGN : Adrienne Raymond    							 |
|      DATE : 2008.07.31                                     |
| COPYRIGHT : 2009 Sweetgrass Stables     				 	 |
|     EMAIL : adrienne@equineonlinedesign.com   			 |          
|____________________________________________________________|

*/

/* Site Colors */
/* 
#dedfae = light yellow/green
#41505e = blue/grey
#383245 = purple
#569391 = aquagreen
*/

/***** Common Formatting *****/
html, body {margin: 0; padding: 0; min-height:100%; margin-bottom:1px;}

body {
line-height: 140%;
color:#40382a;
font-family:'times new roman', Helvetica, serif;
font-size:1em;
background-color:#41505e;  
}

/*position:absolute for all browsers - the whole page scrolls */
#wrapper {
width:1020px;
margin:20px auto;
height:auto;
background-color:#41505e;
}

#header {
height:176px;
width:1020px;
}

#middle {  
height:auto;/* change this to auto when content grows */
width:1020px;
background-image:url(../images/images/mainother.gif);
background-repeat:repeat-y;
background-color:#41505e;
}

/***** Footer *****/
/* no positioning for IE5/Win - the whole page scrolls */
#footerwrap {
width:1020px;
height:40px;
}

#footer {
height:40px;
}

/*-----------------------------------------------------*/
/* Styling rules to make page look nice */
/* common elements */
a {
color:#383245;
text-decoration:underline;
}

a:hover {
color:#fff;
text-decoration:none;
}

/*******************OVERALL SITE STYLE******************* */
#header img#himgleft {
float:left;
}

#header img#himgright {
float:left;
}

#header a img#himgright {
border:none;
text-decoration:none;
}

#navbar {
clear:left;
width:1020px;
height:30px;
background-image:url(../images/navbar.jpg);
background-repeat:no-repeat;
}

#tabs {
float:right;
}

.tab {
float:right;
font-family:"times new roman", serif;
font-style:italic;
font-size:.95em;
font-weight:bold;
padding:4px  40px 0 40px;
}

.tab a {
text-decoration:none;
color:#dedfae;
}

.tab a:hover {
text-decoration:none;
color:#569391;
}

/* middle content */
#middle #content {
width:1020px;
height:auto;
}

#top {
width:1020px;
height:88px;
background-image:url(../images/top.gif);
background-repeat:no-repeat;
text-align:center;
}

#top .title {
margin-top:0;
padding-top:40px;
padding-bottom:20px;
font-size:2em;
font-weight:bold;
font-family:"times new roman", serif;
font-style:italic;
color:#dedfae;
}

#main {
width:1020px;
/*this value should be auto to accomodate varying size content*/
min-height:670px; /*335px X some integer for evenness of image*/
background-image:url(../images/middle.gif);
background-repeat:repeat-y;
overflow:auto;
} 

.maintext {
width:1020px;
overflow:auto;
text-align:center;
}

/************bottom of middle content ******/

#bottom {
width:1020px;
height:117px;
background-image:url(../images/bottom.gif);
background-repeat:no-repeat;
}


/**************INDEX STYLE******************/

.text {
width:920px;
margin-left:70px;
padding-top:10px;
text-align:left;
}

.text p {
padding-top:5px;
padding-left:0px;
padding-right:30px;
margin:0;
font-size:1.2em;
line-height:1.65em;
color:#dedfae;
}

.text p.lowertext {
width:800px;
padding-top:5px;
padding-left:55px;
margin:0;
font-size:1.25em;
line-height:1.65em;
color:#dedfae;
}

.imageindex {
float:left;
margin-right:20px;
}

/**************BOARDING STYLE******************/
.textboarding {
float:left;
width:450px;
height:auto;
text-align:left;
padding:20px 0 10px 70px;
}

.textboarding p {
font-size:1.5em;
color:#383245;
margin:0;
font-weight:bold;
font-style:italic; 
}
	
.textboarding h2 {
font-size:1.6em;
color:#dedfae;
}

.textboarding ul {
color:#dedfae;	
margin:0;
padding-top:5px;
padding-bottom:20px;
padding-left:30px;
}

.textboarding ul li {
	font-size:1.1em;
	color:#383245;
	line-height:1.2em;	
}

.imagesboarding {
float:right;
width:375px;
margin-right:60px;
margin-top:20px;
}

.imagesboarding img {
padding-bottom:5px;
}

.imagesboarding p {
font-size:1.1em;
color:#dedfae;
margin:0;
font-style:italic; 
margin:0;
padding-top:15px;
}

/**************CONTACT STYLE******************/
.contacttext p.numbers {
font-size:1.1em;
color:#dedfae;
text-align:left;
}

.contacttext p.desc {
font-size:1.2em;
line-height:1.6em;
color:#dedfae;
padding:0 0 0px 0;
}

.contacttext p.webmaster {
clear:right;
font-size:.9em;
color:#dedfae;
text-align:left;
padding:0px 0 0 60px;
position:relative;
top:-40px;
}

.imagescontact2 {
width:375px;
float:left;
padding:0px 40px 10px 80px;
}

.imagescontact1 {
float:right;
width:375px;
padding:10px 60px 0px 0;
position:relative;
top:-10px;
}



/**************PHOTOGALLERY STYLE******************/
.jdGallery {
margin-left:auto;
margin-right:auto;
text-align:center;
}

.phototext {
text-align:center;
padding-top:40px;
} 

#tophotogallery {
height:80px;
}

#tophotogallery p {
	padding-top:40px;
	margin:0px;
	text-align:center;
	font-size:2em;
	color:#383245;
	font-weight:bold;
	padding-bottom:10px;
}

/***** Footer with copyright and site design *****/
#footer {
width:1020px;
height:40px;
}

#ftext {
float:right;
margin:0;
padding-bottom:20px;
color:#569391;
font-size: .75em;
}