

/* Global reset styles - do not modify

--------------------------------------------------

 */



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;

}



html { font-size: 62.5%;}

body { line-height: 1; font-size: 1em; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

:focus { outline: 0; }

ins { text-decoration: none; }

del { text-decoration: line-through; }

table { border-collapse: collapse; border-spacing: 0; }

label { cursor: pointer; }

.clearfix:after, div:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix, div { display: inline-block;}

.clearfix, div {display: block;}

.center { text-align: center; margin: 0 auto; display: block; }

.screen-reader-only { position: absolute; left: 0; top: -1000px; width: 0; height: 0; overflow: hidden; }

.hidden { display: none; visibility: hidden; }

.lir { overflow: hidden; height: 0 !important; }

.inline { display: inline; }





/* End global reset styles */



/* begin Guila Muir styles */



body { font-family: Arial, Helvetica, sans-serif; background: #503476; color: #422f6a; }



.btn-learn-more { width: 123px; padding-top: 22px; height: 0; overflow: hidden; display: block; background: url(../images/btn-learn-more.gif) no-repeat;}



.container { width: 940px; margin: 0 auto; }



.banner { background: url(../images/banner.gif) no-repeat; position: relative; }

	.banner h1 a, .banner span a { display: block; height: 0; overflow: hidden; padding-top: 125px; width: 330px;}



.utility-nav { position: absolute; right: 0; top: 0; }

	.utility-nav li { float: left; display: block; margin-right: 1px; position: relative; }

		.utility-nav li.last { margin-right: 0; }

	.utility-nav a { display: block; background: url(../images/utility-nav-a-bg.png); padding: 9px 11px; color: #fff; text-decoration: none; font-size: 1.3em; font-weight: bold; }

		.utility-nav a:hover, .utility-nav .current_page_item a { background: #ed4d4b; }

		.utility-nav .last a { width: 197px; padding: 9px 0; text-align: center; } 

			.utility-nav li ul a,

			.utility-nav li ul .last a { width: auto; padding: 9px 11px; }



.primary-nav { height: 30px; background: url(../images/primary-nav-bg.jpg) no-repeat; }

	.primary-nav li { float: left; border-right: 1px solid #674b8d; font-size: 1.5em; line-height: 30px; padding: 2px 16px 0 16px; position: relative;}

		.primary-nav .last { border-right: 0; }

	.primary-nav a { color: #fff; font-weight: bold; text-decoration: none; }

		.primary-nav a:hover, .primary-nav .current_page_item a, .primary-nav .current_page_parent a { color: white; }

			.primary-nav ul li a:hover{ background-color: #de0f17;}



		.primary-nav ul li.current_page_item{background-color: #7f63a5;}



		.primary-nav ul li.page_item{margin: 0px; padding: 0px;}

		.primary-nav ul li.page_item a{display: block; padding: 1px 10px 1px 10px; font-size: 0.9em;}

		.primary-nav ul li.page_item ul li{border-top: 1px solid #DAD; width: 360px;}

			.primary-nav ul li.page_item ul li.page_item a{padding: 0 10px; 0 0; font-size: 0.6em; color: white; }

			

		.primary-nav ul li ul{display: none; position: absolute; left: 0px;	top: 30px; width: 360px; z-index: 150; }

			.primary-nav ul li ul li{background-color: #bd1f2e; font-size: 1.3em;}



		.primary-nav ul li:hover ul { display: block; z-index: 150; height: 300px;	}





.content { background: #fdf8ee url(../images/main-content-bg.gif); position: relative; }



.main-content { float: left; width: 512px; margin-left: 205px; padding: 40px 0; }

	.main-content h1 { color: #ba0f0f; font-size: 2.4em; margin-bottom: 1.1em;}

	.main-content h2, .main-content h3, .main-content p, .main-content ul, .main-content ol { font-size: 1.3em; line-height: 1.4em; }

		.inner .main-content h2 { font-size: 1.6em; margin-bottom: .2em;  }

	.main-content p, .main-content ol, .main-content ul, .main-content h3 { margin-bottom: 1em; }

	.main-content a { color: #7d0d28; }

		.main-content a:hover { text-decoration: underline; }

	

	.main-content img.alignleft { float: left; margin: 0 20px 20px 0; }

	.main-content li { margin-left: 8px; }

		.main-content ul li { background: url(../images/main-content-li-bg.png) 0 3px no-repeat; padding-left: 14px; }

	.main-content ol { list-style-type: decimal; margin-left: 20px;}

	

	.home-callout { background: url(../images/home-callout-bg.gif) 0 5px no-repeat; height: 310px;}

		.home-callout h2 { text-align: right; font-size: 2.2em;   }

		.main-content .home-callout h3 { margin-bottom: 0;}

		.home-callout div { float: right; width: 208px; padding: 20px; margin: 15px 30px 0 0; }

		.home-callout .btn-learn-more { margin: 0 auto; }

		
.rightcol { float: right; width: 170px; padding: 40px 14px; }

.sidebar { float: right; width: 169px; padding: 40px 14px; }

	.sidebar dl { width: 170px; margin-bottom: 2em; color: #fff; line-height: 1.4; margin-top: 2em;}

		.sidebar dt { background: url(../images/sidebar-dt-bg.png) no-repeat; height: 40px; font-size: 1.2em; font-weight: bold; padding: 5px 8px; }

		.sidebar dd { background: url(../images/sidebar-dd-bg.png) left bottom no-repeat; padding: 5px 10px; font-size: 1.2em;}

		

	.btn-signup { display: block; width: 123px; height: 0; overflow: hidden; padding-top: 22px; margin: 1em auto;  background: url(../images/btn-signup.png) no-repeat;}

	

.secondary-nav { position: absolute; top: 40px; left: 0;}

	.secondary-nav ul { margin-left: 10px;}

	.secondary-nav li { margin-bottom: 1px;}

		.secondary-nav a { display: block; font-size: 1.2em; color: #fff; font-weight: bold; text-decoration: none; background: #413453; width: 154px; padding: 10px}

			.secondary-nav a:hover, .secondary-nav .current_page_item a { color: #fd0100; }

		.secondary-nav .first a { background: transparent url(../images/secondary-nav-first-bg.gif) no-repeat;}

		.secondary-nav .last a { background: transparent url(../images/secondary-nav-last-bg.gif) left bottom no-repeat;}



.sub-section { background: url(../images/sub-section-bg.png) left top repeat-x; padding: 40px 10px 15px 10px; }

	.sub-section li { float: left; width: 200px; border-right: 1px solid #cbbeff; height: 200px;  padding-left: 20px; font-size: 1.5em; color: #cabeff; font-weight: bold;}

		.sub-section li ul { padding-top: 15px; }

		.sub-section .first { padding-left: 0; }

		.sub-section .last, .sub-section li li { border-right: 0; }

		.sub-section li li { float: none; width: auto; height: auto; font-size: .8em; font-weight: normal; padding-bottom: 8px; list-style-type: disc; color: #fff; margin-left: 14px; padding-left: 0;  }

		.sub-section li a { color: #fff; text-decoration: none; }

			.sub-section li a:hover { text-decoration: underline; }

		

.footer { text-align: center; font-size: 1.1em; line-height: 1.3; color: #c19cfb; padding: 10px 0; }

	.footer a { color: #fff; }



#comment{width: 490px; height: 150px;}



.newsletter-preview{ font-size: 1.2em; margin-bottom: 25px;}



.testimonial .top{background: url(../images/testemonial-top-bg.png); height: 38px;}

.testimonial .middle{background: url(../images/testemonial-mid-bg.png) left top repeat-y; padding: 5px 10px 10px 20px; font-size: 1.2em; line-height: 1.2em;}

.testimonial .bottom{background: url(../images/testemonial-bot-bg.png); height: 34px; padding: 0px 0px 0px 25px; font-size: 1.2em;}

.testimonial .bottom a{color: #AA0F0F; font-decoration: none; padding-top: 5px; display: block};



img {border-collapse: collapse; border : 0px; }

.photo {margin: 0 10px 0px 0; padding: 0; float: left;}

.photoborder {margin: 0 10px 0px 0; padding: 0 10px 5px 0; float: left; color: #a33f18; text-align: right; font-size: 11px;}

div.photoborder img {margin: 0 0 5px 0; padding: 15px; background: url(http://www.guilamuir.com/wp-content/themes/guilamuir/images/photoborder.jpg); clear: both;}