/* --
Stylesheet for: PurpleWagonDesigns.com
 -- */

 /* ------------|Defaults------------ */
body {
	background: #f3f2f7 url(./images/bg.jpg) repeat;
	font-family: "Century Gothic", Arial, sans-serif;
	font-size: 13px;
	color: #454545;
	margin: 0;
	padding: 0;
	line-height: 18px;
	text-align: center;
}

a:link,a:hover, a:visited, a:active {
	color: #49327b;
    text-decoration: none;
    border-bottom: 1px dashed #49327b;
}

img {
	border:	0;
	display: block;
}

h1 {
	margin: 0;
}
h2 {
	font-size: 26px;
	color: #49327b;
	margin: 0;
	line-height: 30px;
    text-transform: uppercase;
	
}
h3 {
	font-size: 24px;
	color: #49327b;
	margin: 0;
    text-transform: uppercase;
    line-height: 26px;
}
h4 {
    text-transform: uppercase;
    margin: 0;
	color: #49327b;
	font-size: 17px;
	padding-top: 3px;
}

/* ------------|Misc------------ */
.clear {
	clear: both;
}
.cl {
	clear: left;
}
.cr {
	clear: right;
}

.alignright {
	float: right;
	display: inline;
}
.alignleft {
	float: left;
	display: inline;
}
.aligncenter, .aligncenter * {
	margin: 0 auto;
	text-align: center;
}
img.alignleft {
    margin: 0 30px 20px 0;
}
img.alignright {
    margin: 0 0 20px 30px;
}


.wrapper {
    position: relative;
	width: 968px;
	margin: 0 auto;
	text-align: left;
}

hr {
	color: #fff; 
	background-color: #fff; 
	border: 1px dotted #49327b; 
	border-style:none none dotted; 
	margin: auto;
}
	

/* ------------|Header------------ */
#header {
    position: relative;
    background: transparent url(./images/bg-menu.jpg) repeat-x 0 100px;
    height: 161px;
    margin-bottom: 34px;
    z-index: 5;
}
#header #logo {
    position: absolute;
    width: 250px;
    height: 210px;
    left: -27px;
    z-index: 5;
}
#header #logo a {
    display: block;
    width: 250px;
    height: 210px;
    text-indent: -9999px;
    border: 0;
}

#quick-info {
    float: right;
    display: inline;
    width: 678px;
    margin: 53px 34px 0 0;
    font-size: 14px;
    line-height: 18px;
    color: #639;
}
#quick-info .alignleft {
    text-transform: uppercase;
}
#quick-info .alignright {
    text-align: right;
}
#quick-info a:link, a:hover, a:visited, a:active {
	color: #639;
}
#quick-info a {
    text-decoration: none;
}


/* -|Menu- */
#menu {
    float: right;
    display: inline;
    clear: right;
    width: 520px;
    height: 53px;
    margin: 15px 29px 0 0;
    padding: 0;
    list-style: none;
}
#menu li {
    position: relative;
    float: left;
    display: inline;
    line-height: 50px;
    color: #fff;
    font-size: 15px;
}
#menu li.sep {
    background: transparent url(./images/sep.gif) no-repeat 0 50%;
    width: 2px;
    height: 50px;
}


#menu li a {
    float: left;
    display: block;
    height: 53px;
    padding: 0 15px;
    font-size: 15px;
    line-height: 50px;
    color: #fff;
    text-decoration: none;
    border: 0;
}
#menu li.current_page a, #menu li:hover {
    background: transparent url(./images/nav.png) repeat-x 0 50%;
    border: 0;
}
#menu li.sep:hover {
    background: transparent url(./images/sep.gif) no-repeat 0 50%;
}

#menu li ul {
    background-color: #7b5b99;
	position: absolute;
	width: 90px;
    margin: 53px 0 0 7px;
    padding: 0;
    list-style: none;
	left: -9999%;
    z-index: 100;
}
#menu li:hover ul, #menu li.sfhover ul {
	left: 0;
}
#menu li li {
    display: block;
    float: none;
    line-height: 18px;
}
#menu li li a {
    float: none;
    line-height: 18px;
    display: block;
    height: auto;
    width: 90px;
    padding: 3px 0;
    border: 0;
    text-align: center;
}
#menu li li a:hover {
    background-color: #6c4c88;
}


/* ------------|Content-area------------ */
#content-area {
    margin-top: 34px;
}

.shadow-top {
    background: transparent url(./images/bg-shadow-top.png) no-repeat 0 bottom;
    width: 954px;
    height: 6px;
    margin: 0 auto;
    overflow: hidden;
}
.shadow {
    background: transparent url(./images/bg-shadow.png) repeat-y !important;
    width: 954px !important;
    margin: 0 auto;
}
.shadow-bottom {
    background: transparent url(./images/bg-shadow-bottom.png) no-repeat;
    width: 954px;
    height: 6px;
    margin: 0 auto;
}

/* -|Pre-content- */
#pre-content {
    background-color: #fff;
    width: 940px;
    margin-left: 4px;
    padding: 11px 0 11px 17px;
}
#pre-content #pin {
    position: absolute;
    background: transparent url(./images/pin.png) no-repeat;
    width: 24px;
    height: 44px;
    z-index: 5;
    left: 50%;
    top: 8px;
}

/* -|Content- */
#content {
    background: #fff url(./images/bg-content.jpg) no-repeat 50% 4px;
    width: 940px;
    margin: 0 auto;
    padding: 45px 0 20px;
}
#content .column {
    float: left;
    display: inline;
    width: 250px;
    margin-left: 42px;
}
#content .wide {
    width: 552px;
}
#content .full {
	width: 844px;
	margin-left: 42px;
}

#content .strong {
    font-weight: bold;
    font-style: italic;
}
#content #pv {
    margin-top: 35px;
}

ul#mycarousel {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul#mycarousel li {
    float: left;
    display: inline;
}
ul#mycarousel li a {
    display: block;
    float: left;
    width: 184px;
    border: 0;
}


/* -|Footer- */
#footer {
    margin-top: 27px;
    height: 100px;
    font-size: 11px;
}
#footer p {
    font-size: 11px;
    color: #462f6d;
    margin: 6px 0 0 25px;
}
#footer p a {
    color: #462f6d;
    text-decoration: none;
}
#footer .alignright {
    margin-right: 16px;
}

.fr {
	float:right;
	padding-left:10px;
}