/* Roxie Munn Inc. */
/* Style Sheet */


/* Elements */

html {
	overflow-y: scroll !important;
}

body {
	color: #444;
	font-family: arial, tahoma, verdana, helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	margin: 0;
	padding: 0;
	background: #fff url(/images/bg.jpg) left top repeat-x;
}

* {
	margin: 0;
	padding: 0;
	border: 0;
}


/* Body */

#wrap-home {
	width: 880px;
	height: 100%;
	margin: 0 auto;
}

#wrap {
	width: 910px;
	height: 100%;
	margin: 0 auto;
}

#col-left {
	float: left;
	width: 330px;
	padding: 0 0 25px 0;
	background: #fff url(/images/bg-left.jpg) left top no-repeat;
}

#col-right {
	float: right;
	width: 560px;
	padding: 0 0 25px 0;
}

#col-right img {
	border: 1px solid #4FB3F1;
	padding: 3px 3px 3px 3px;
	margin: 8px 5px 10px 10px;
}

/* Header */

#header {
	width: 910px;
	height: 80px;
}

#logo-home {
	width: 265px;
	height: 260px;
	margin: 0 auto;
	display: block;
	text-indent: -9999px;
	background: transparent url(/images/logo-home.jpg) left top no-repeat;
}

#logo {
	float: left;
	width: 320px;
	height: 80px;
	display: block;
	text-indent: -9999px;
	background: transparent url(/images/logo.jpg) 5px top no-repeat;
}

#header p {
	margin: 0;
	padding: 33px 0 0 0;
	color: #fff;
	font-size: 15px;
}

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

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


/* Navigation Home */

#nav-home {
	width: 880px;
	margin-top: 79px;
}

#nav-home ul {
	height: 240px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}

#nav-home ul li {
	float: left;
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
}

#nav-home ul li a {
	width: 220px;
	height: 240px;
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

#nav-home ul li a#nav-home-01 { background: transparent url(/images/nav-home.jpg) left top no-repeat; }
#nav-home ul li a#nav-home-02 { background: transparent url(/images/nav-home.jpg) -220px top no-repeat; }
#nav-home ul li a#nav-home-03 { background: transparent url(/images/nav-home.jpg) -440px top no-repeat; }
#nav-home ul li a#nav-home-04 { background: transparent url(/images/nav-home.jpg) -660px top no-repeat; }

#nav-home ul li a:hover#nav-home-01 { background-position: left bottom; }
#nav-home ul li a:hover#nav-home-02 { background-position: -220px bottom; }
#nav-home ul li a:hover#nav-home-03 { background-position: -440px bottom; }
#nav-home ul li a:hover#nav-home-04 { background-position: -660px bottom; }

#nav-home ul li a#nav-home-01-current { background: transparent url(/images/nav-home.jpg) left bottom no-repeat; }
#nav-home ul li a#nav-home-02-current { background: transparent url(/images/nav-home.jpg) -220px bottom no-repeat; }
#nav-home ul li a#nav-home-03-current { background: transparent url(/images/nav-home.jpg) -440px bottom no-repeat; }
#nav-home ul li a#nav-home-04-current { background: transparent url(/images/nav-home.jpg) -660px bottom no-repeat; }


/* Navigation */

#nav {
	width: 300px;
	margin: 0 auto;
}

#nav ul {
	height: 26px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}

#nav ul li {
	float: left;
	margin: 0;
	padding: 0;
	list-style-image: none;
	list-style-type: none;
}

#nav ul li a {
	width: 300px;
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

#nav ul li a#nav-01 { height: 190px; background: transparent url(/images/nav.jpg) left top no-repeat; }
#nav ul li a#nav-02 { height: 180px; background: transparent url(/images/nav.jpg) left -190px no-repeat; }
#nav ul li a#nav-03 { height: 180px; background: transparent url(/images/nav.jpg) left -370px no-repeat; }
#nav ul li a#nav-04 { height: 180px; background: transparent url(/images/nav.jpg) left -550px no-repeat; }

#nav ul li a:hover#nav-01 { background-position: right top; }
#nav ul li a:hover#nav-02 { background-position: right -190px; }
#nav ul li a:hover#nav-03 { background-position: right -370px; }
#nav ul li a:hover#nav-04 { background-position: right -550px; }

#nav ul li a#nav-01-current { background: transparent url(/images/nav.jpg) right top no-repeat; }
#nav ul li a#nav-02-current { background: transparent url(/images/nav.jpg) right -190px no-repeat; }
#nav ul li a#nav-03-current { background: transparent url(/images/nav.jpg) right -370px no-repeat; }
#nav ul li a#nav-04-current { background: transparent url(/images/nav.jpg) right -550px no-repeat; }


/* Content */

h1, h2, h3, h4, h5, h6 {
	color: #4FB3F1;
	font-family: helvetica, arial, tahoma, verdana, sans-serif;
	font-weight: normal;
	text-shadow: 1px 1px 1px #fff;
}
h1 {	font-size: 36px; padding: 22px 0 15px 0; }
h2 {	font-size: 26px; padding: 19px 0 15px 0; }
h3 {	font-size: 19px; padding: 15px 0 15px 0; }

p {
	margin: 0;
	padding: 2px 0 16px 0;
}

a {
	color: #4FB3F1;
	text-decoration: underline;
}

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

a:active, a:focus {
	outline: none;
}

ul {
	margin: 0;
	padding: 4px 0 12px 35px;
	list-style-type: disc;
	list-style-image: none;
}

ul ul {
	padding: 10px 16px 0 40px;
	list-style-type: circle;
}

li {
	padding: 0 0 6px 0;
}

strong {
	color: #333;
}

.blue { color: #4FB3F1;
	text-shadow: 1px 1px 1px #fff;
	}
.gray { color: #a9a9a9; }


/* Toolbox */

.aleft { text-align: left; }
.acenter { text-align: center; }
.aright { text-align: right; }

.fleft { float: left; }
.fright { float: right; }

.cboth { clear: both; }
.cleft { clear: left; }
.cright { clear: right; }


/* Footer */

#footer {
	clear: both;
	margin: 0 auto;
	width: 880px;
	color: #999;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", helvetica, arial, tahoma, sans-serif;
	font-size: 11px;
	line-height: 20px;
	border-top: 1px solid #e3e2e2;
}

#footer p {
	padding: 8px 0 20px 0;
}

#footer a {
	color: #e5556c;
	text-decoration: none;
}

#footer a:hover {
	color: #e5556c;
	text-decoration: underline;
}




/* Contact & other forms */

#contact table {
	margin: 0;
	padding: 2px 45px 16px 45px;
}

#contact th {
	text-align: right;
	padding: 5px 5px 5px 5px;
	vertical-align: top;
}

#contact td {
	text-align: left;
	padding: 5px 5px 5px 5px;
}

#contact input {
	padding: 5px 5px 5px 5px;
	width: 200px;
}

#contact select {
	padding: 5px 5px 5px 5px;
	width: 150px;
}

#contact textarea {
	padding: 5px 5px 5px 5px;
	font-family: Arial, Helvetica, sans-serif;
}
      
.warning {
	background: #fffbcc;
	border-color: #E6DB55 !important;
	color: #666452;
}

.information {
	background: #dbe3ff;
	border-color: #a2b4ee !important;
	color: #585b66;
}

.success {
	background: #d5ffce;
	border-color: #9adf8f !important;
	color: #556652;
}

.error {
	background: #ffcece;
	border-color: #df8f8f !important;
	color: #665252;
}


/* Green buttons - good callout buttons...just change color as needed */

p.button {
	padding-top: 15px;
}

p.button a {
	display: block;
	width: 168px;
	height: 20px;
	padding:7px 7px 7px 10px;
	font-family: 'helvetica', arial, tahoma, verdana, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background: #4FB3F1;
	color: #fff;
	border:1px solid #fff;
	border-color: #fff !important;
	text-decoration: none;
}

p.button a:hover {
	background: #6DC1F3;
	text-decoration: none;
}