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

body {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: x-small;
	background: #fff url(../images/bg_gradient3.jpg) top left repeat-x;
	
}
	#page-wrap {
	width:900px;
	margin: 0 auto 10px auto;
	padding: 20px;
	
}
#accordion {
	width: 280px;
	float: right;
	
}

/* this is needed for set height in #accordion when data loaded from external files */
#showcase {
	height: 180px;
}
#accordion p {
	margin: 0 3px;
	padding:  1px 3px;
}
#accordion h4 {
	margin: 0;
	padding: 1px 3px;
}
#accordion ul {
	margin-top: 3px;
	

}
/* this is needed for jquery function that prevenst click to go to specific page in #accordion */
#accordion h3 a {
	cursor:default;
}

#tabs {
	width: 600px;
	float: left;
}
#tabs h1 {
	margin: 10px 20px 10px 10px;
	letter-spacing: 0.15em;
	font-size: 130%;
}
#tabs p {
	margin: 10px 20px 10px 10px;
	letter-spacing: 0.15em;
	line-height: 1.3em;
	
}

#tabs-1 {
	padding-bottom: 10px;

	
}
#tabs-2 {
	padding-bottom: 10px;
	
}
#tabs-3 {
	padding-bottom: 10px;
	
}
#header {
	margin: 20px 0 0 0;
	padding: 0;
	
	font-family: "Comic Sans MS", sans-serif;
	
	
}
#header h1 {
	font-size: 260%;
	font-variant:small-caps;
	letter-spacing: 0.2em;
	margin: 0;
	padding: 10px 0 0 70px;
}
#header h3 {
	margin: 0;
	padding: 0 0 10px 70px;
	font-size: 110%;
	letter-spacing: 0.18em;

}
#header h1 a{
	
	text-decoration: none;
}
#header h1 a:hover {
	
}
#navbar {
	width:900px;
	margin: 0 auto;
	padding: 0;
}
#navbar ul {
	width: 350px
	list-style:none;
	float: right;
}
#navbar ul li {
	display: inline;
	
	margin: 0;
	padding: 0 8px;
}

#navbar ul li a img {
	padding: 3px;
	background-color:#333333;
}
#navbar ul li a:hover img {
	padding: 3px;
	background-color:#666;
}
#switcher {

	margin:0;
	padding-top: 15px;
	float: left;
}

#pullquote {
	margin: 10px;
	width: 180px;
	float: right;
	
	font-family:Palatino, "Book Antiqua", serif;
	font-size: 1em;
	font-style:italic;
	font-weight: bold;
	
}
#pullquote blockquote {
	margin: 0;
	padding: 0;
}
#pullquote blockquote span {
	font-style:normal;
	font-variant: small-caps;
}
#pullquote blockquote p {
	margin: 0;
	padding: 5px;
}
/* Miscellaneous classes for reuse */
.giant-text {
	font-family: Palatino, "Book Antiqua", serif;
	font-size: 2.5em;

}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}