@charset "UTF-8";
/* CSS Document

Author:	 Wendy Rother

Colors: 
red - #c72026
green - #b1c83e
darker green - #91a52f
tangarine - #d05b43 */

body  {
	background-image: url(images/bg1.jpg); 
	background-repeat: repeat-x; 
	color: #333; 
	background-color: white;
	font: 13px/22px Trebuchet MS, Lucida Sans Unicode, Verdana, Arial, sans-serif; 
}
#container { 
	width: 960px; 
	margin: 0 auto; 
	text-align: left;
} 
#header { 
	background: url(images/logo.jpg) top left no-repeat; 
	height: 180px;
	padding: 0px;
	margin-top: 10px;  
} 
#header h1 {
	display: none;
}

a:link {color: #d05b43; text-decoration: underline; }
a:visited {color: #d05b43;}
a:hover {color: #c72026; text-decoration: underline;}

/* TOP NAV */

#topNav { 
	width: 960px;
	height: 30px;
	border-bottom: 1px solid #CCC; 
	margin: 0;
	padding: 0; 
}


#topNav ul {
	text-align: center;
	width:100%;
	padding:0;
	margin:0;
	list-style-type:none;
}
#topNav a {
	text-align: center;
	font-size: 18px;
	text-decoration:none;
	color: black;
	padding:0.2em 0.6em; }

#topNav a:hover 
{
	color: #c72026;
	font-style: italic;  }

#topNav li {
	display:inline; }

#topNav a.active {
	color: #c72026;
	font-style: italic; }



/* SIDEBAR 1 */
#sidebar1 {
	float: left;
	width: 190px;
	height: 600px;
	color: #d05b43; 
	font-size: 12px; 
	padding: 15px 10px 15px 20px;
	border-right: 1px solid #CCC;
}
#sidebar4 {
	float: left;
	width: 190px;
	height: 600px;
	color: #d05b43; 
	font-size: 12px; 
	padding: 15px 10px 15px 20px;
}
.menuSideBar {
	width: 170px;
	background-color: #16180d ; 
	padding: 5px 5px;
	border-top: 1px dotted red;
	border-bottom: 1px dotted red;
}

.element-SideBar {
	width: 180px;
	background-color: #eaf2d0; 
	padding: 0px 5px 5px 5px;
	border: 1px dashed #b1c83e;
}
.element1-SideBar {
	width: 170px;
	background: url(images/sideBg2.gif) repeat-x; 
	padding: 5px 5px;
	border-top: 1px dotted #d05b43;
	border-bottom: 1px dotted #d05b43;
}
.element2-SideBar {
	width: 170px;
	background: url(images/sideBg3.gif) repeat-x; 
	padding: 5px 5px;
	border-top: 1px dotted #82918c;
	border-bottom: 1px dotted #82918c;
}
.SideBar-Quote {
	width: 170px;
	background: url(images/quote.gif) top no-repeat; 
	padding: 5px 5px;
}
blockquote {
	width: 300px;
	font: 13px/16px Trebuchet MS, Lucida Sans Unicode, Verdana, Arial, sans-serif;
	font-style: italic;
	color: #91a52f;
	background: url(images/SmallQuote.gif) top left no-repeat; 
	padding: 5px 5px;
}
form {
	background-color: #f6ebe8;
	padding: 5px 5px;
	border: 1px dashed #e89181;
}
/* SIDE NAV */

#sideNav { 
	padding: 0; 
	height: 232px;
	width: 170px;
	background: url(images/sideBg2.gif) repeat-x; 
	padding: 2px 5px 8px 5px;
	border: 1px dashed #e89181;
}


#sideNav ul {
	text-align: left;
	line-height: 23px;
	width: 165px;
	padding:0;
	margin: 11px 0 0 0;
	list-style-type: none;
}
#sideNav a {
	text-align: left;
	font-size: 15px;
	text-decoration:none;
	color: black;
	padding:0.2em 0.6em; }

#sideNav a:hover {
	color: #c72026;
	font-style: italic;  
	border-bottom: thin dashed #c72026;}

#sideNav li {display:block; }

#sideNav a.active {
	color: #c72026;
	font-style: italic; }

/* SIDEBAR 2 */
#sidebar2 {
	float: right;
	width: 200px; 
	height: 600px;
	color: #d05b43; 
	font-size: 12px; 
	border-left: 1px solid #CCC;
	padding: 15px 30px 15px 15px;
}

/* MAIN CONTENT */
#mainContent { 
	margin: 0 250px 0 230px; 
	padding: 0; 
}
#mainContentLeftOnly { 
	margin: 0 50px 0 260px; 
	padding: 0; 
}
#mainTemplatesPage { 
	margin: 0 50px 0 60px; 
	padding: 0; 
}

/* LIGHTBOX */
#mainContentPort { 
	width: 305px;
	float: left;
	margin-left: 8px; 
	margin-top: 30px;
	padding: 0; }
	
#portfolioCardsArea {
	float: left;}

.portfoliocard {
float:left;
display:inline;
margin-right:0px;
width:300px;
border: 1px solid #999;
background-color: #EEE;
margin-bottom: 10px;
}

.portfoliocard h2 {
float:left;
width:300px;
color: #d05b43;
display:inline;
margin:0;
padding:3px 5px;
}

.portfoliocard p {
margin-left:5px;
margin-right:3px;
color:#666;
}

.thumb {
width:300px;
height:155px;
clear:left;
position:relative;
}
.thumbphoto {
	border: none;}
	
	

/* FOOTER */ 
#footer {
	font: 9px Trebuchet MS, Verdana, sans-serif;
	text-align: center;
	background-color: #FFFFFF;
	letter-spacing: .125em;
	padding: 0 10px 0 20px; 
	height: 45px; 
	padding: 0;
	border-bottom: 10px solid #CCC
}  
#footer p {
	margin: 0; 
	padding: 10px 0; 
}


.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
hr { display: none; }

h1 {font-size: 19px;   
	color: #c72026; }
	
h2 {font-size: 16px;
	text-transform: uppercase; 
	border-top: 1px dotted #ddd;
	color: #666666; 
	line-height: 22px;
	}

h3 {
	font-size: 16px;  
	border-bottom: 1px dotted #888; 
	letter-spacing: 1px; 
	color: #333333;
	text-transform: uppercase; 
	}

.portfolio {
	width: 480px;
	height: auto;
	padding: 5px 15px 10px 15px;
	background-color: white; 
	border: 1px solid #b1c83e; 
}
 
.templates {
	width: 350px;
	height: auto;
	padding: 5px 15px 10px 15px;
	background-color: white; 
	border: 1px solid #b1c83e; 
} 
.hidden {
	display: none;    
}
.photo {
	border: #CCC 1px solid;}


.validate a:link {font-size: 9px;}
.validate a:visited {font-size: 9px;}
.validate a:hover {font-size: 9px;}

.special {color: #c72026; font-weight: bold;}
.template {color: #91a52f; font-weight: bold;}

/* YOU CAN'T BE A GRAPE AND A ROOTBEER TOO */