/* RESETS & BASIC PAGE SETUP */

* 							{ margin: 0; padding: 0; }
html 						{ overflow-y: scroll }
body 						{ font-size: 62.5%; font-family: Arial, sans-serif; }

.floatleft 					{ float: left; }
.floatright					{ float: right; }
.clear 						{ clear: both; } 

ul 							{ list-style: none inside; }
p 							{ font-size: 1.2em; line-height: 1.6em; margin-bottom: 1.2em; color: #666; }
a 							{ outline: none; text-decoration: none; }
a img 						{ border: none;  }
a:hover,img					{ color: red; text-decoration: none; }
p a:hover					{ color: red; text-decoration: underline; }
h1, h2, h3					{ font-size: 1.6em; line-height: 1.3em; color: #315792; font-weight: 300; margin-bottom: 1.1em; }
h1							{ font-size: 2.5em; font-weight: 500; margin-bottom: .8em; }
h3							{ font-size: 1.8em; font-weight: 500; margin-bottom: 1.0em; }

/* END RESETS & BASIC PAGE SETUP */



/* PAGE STRUCTURE */

body						{ background: url(../images/body-bg.png) repeat-x top #fff; }
#page-wrap					{ background: url(../images/page-bg.png) no-repeat top #fff; width: 1000px; margin: 0 auto; }
#header 					{ background: url(../images/header-bg.png) no-repeat top; height: 90px; padding: 20px 0 0 40px; }
#header-quote				{ width: 590px; margin: 0 auto; padding-top: 25px; }
#top-menu 					{ width: 926px; margin: 0 auto; }
#contact-info				{ text-align: right; color: white; float: right; padding: 0 40px 0 0;  }
#content-wrap				{ width: 926px; margin: 0 auto; }
#slideshow					{ height: 280px; overflow: hidden; }
#col1						{ width: 525px; padding: 0 25px 0 15px; float:left; }
#col2						{ width: 300px; min-height: 750px; padding: 0 25px 0 35px; background: url(../images/column-bg2.png) no-repeat top left; float: right; }
#feature-quote				{ width: 580px; float: left; }
#feature-link				{ width: 330px; float: right; }
#feature-example			{ float: left; }
#feature-text				{ width: 496px; float: right; }
#feature-items				{}
.feature					{ padding: 5px 0 0 0; }
.feature-col				{ width: 225px; min-height: 200px; float: left; margin: 0 0 30px 0; }
.space						{ padding: 0 40px 0 40px; }
.dotted-line				{ padding: 0 40px 0 40px; border-left: dotted 1px #CACED1; }
.button-space				{ padding-bottom: 85px; }
.page-break					{ background: url(../images/page-break-bg.png) no-repeat top; height: 40px; }
.callout-break				{ background: url(../images/page-break-callout-bg.png) no-repeat top; height: 16px; margin-bottom: 20px; }
#footer 					{ margin-bottom: 40px;}
#footer-header				{ background: url(../images/footer-bg.gif) no-repeat; height: 60px; }
#footer-body				{ background-color: #fff; 
							  border-right: 1px #CACED1 solid; border-left: 1px #CACED1 solid; padding-top: 30px; }
#footer-bottom				{ background: url(../images/footer-bottom-bg.gif) no-repeat top; height: 10px; padding: 0 0 20px 0; background-color: #fff; }
#copyright-info				{ float: left; padding: 25px 0 0 70px; text-align: left; }
#created					{ float: right; padding: 25px 35px 0 0; text-align: right; }

/* END PAGE STRUCTURE */



/* TYPOGRAPHY */

.request, .email, .phone	{ font-size: 1.5em; margin-bottom: 0; padding: 0 0 0 0; color: #fff; }
.phone						{ font-size: 1.8em; font-weight: bold; background-color: #275384; padding: 0 5px 0 0; }
.email a					{ text-decoration: none; color: white; }
.email a:hover				{ text-decoration: underline; color: red; }
.headline					{ text-align: center; padding: 20px 0 0 0; }
.quote						{ font: 100 italic normal 1.6em/1.4em georgia,times new roman,serif; color: #315792; text-align: center; background: url(../images/quote.png) no-repeat top left; padding: 5px 0 10px 45px; margin: 0px; }
.quote-inline				{ font: 100 italic normal 1.6em/1.4em georgia,times new roman,serif; color: #315792; text-align: center; padding-bottom: 1.6em; border-bottom: 1px #CACED1 dotted;  }

/*
.quote span					{ background: url(../images/quote-right.png) no-repeat bottom right; float: right; padding: 0 50px 0 0; }
*/

.quote-name					{ font: 100 italic 1.2em/1.4em georgia,"times new roman",serif; color: #666; text-align: center; padding: 0 0 12px 45px; }
.feature-title				{}
.footer-title				{ padding: 0 0 0 0; }
.footer-text				{ font-size: 1.1em; color: #666; }
.footer-media				{ font-size: 1.1em; color: #666; display: table-cell; vertical-align: middle; height: 50px; padding-left: 5px; }
.media-icon, .media-kit		{ float: left; margin-bottom: 1.2em; }
.callout					{ font: 100 italic 1.5em/1.5em georgia,"times new roman",serif; color: #315792; }
.sidebar-callout			{ width: 290px; }
.demo-title					{ font-size: 1.1em; text-align: center; padding: 5px 0 10px 0; }
.break						{ padding: 0 0 15px 0; }
ul.list						{ font-size: 1.2em; line-height: 1.6em; margin-bottom: 1.2em; color: #666; list-style: disc outside; padding-left: 45px; }
ul.list li					{ font: 100 normal 1.1em/1.5em arial; color: #315792; padding-bottom: 1.4em; }
.copyright					{ font: 100 normal 1.1em/1.0em arial, sans-serif; color: #fff; }
.copyright a				{ color: #fff; text-decoration: none; }
.copyright a:hover			{ color: red; text-decoration: underline; }

.createdby					{ font: 100 normal 1.1em/1.0em arial, sans-serif; color: #fff;  }
.createdby a				{ color: #fff; text-decoration: none; }
.createdby a:hover			{ color: red; text-decoration: underline; }
#bottom-created				{ float: right; font: 100 italic 1.1em/1.0em arial, sans-serif; color: #666; padding: 0 10px 20px 0; }

/* END TYPOGRAPHY */




/* MENUS */

ul#logo						{ list-style:none; }
ul#logo li					{ display:inline; }
ul#logo li a				{ text-indent:-9999px; display:block; height:42px; float:left; }
ul#logo li a.logo			{ background:url(../img/menu/menu-logo.png) no-repeat bottom center; width:288px; margin-top: 15px; }

ul#menu						{ list-style:none; }
ul#menu li					{ display:inline; }
ul#menu li a				{ text-indent:-9999px; display:block; height:60px; float:left; }
ul#menu li a.home			{ background:url(../img/menu/menu-home.png) no-repeat bottom center; width:80px; }
ul#menu li a.business		{ background:url(../img/menu/menu-business.png) no-repeat bottom center; width:189px; }
ul#menu li a.care			{ background:url(../img/menu/menu-care.png) no-repeat bottom center; width:224px; }
ul#menu li a.coverwraps		{ background:url(../img/menu/menu-coverwraps.png) no-repeat bottom center; width:170px; }
ul#menu li a.case			{ background:url(../img/menu/menu-case.png) no-repeat bottom center; width:139px; }
ul#menu li a.contact		{ background:url(../img/menu/menu-contact.png) no-repeat bottom center; width:122px; }

ul#logo li a.logo:hover, ul#logo li a.logo:active,
ul#menu li a.home:hover,ul#menu li a.home:active, 
ul#menu li a.business:hover, ul#menu li a.business:active, 
ul#menu li a.care:hover, ul#menu li a.care:active,
ul#menu li a.coverwraps:hover, ul#menu li a.coverwraps:active, 
ul#menu li a.case:hover, ul#menu li a.case:active,  
ul#menu li a.contact:hover, ul#menu li a.contact:active	{ background-position: center center; }

body#home ul#logo li a.logo,
body#home ul#menu li a.home, 
body#business ul#menu li a.business, 
body#care ul#menu li a.care, 
body#coverwraps ul#menu li a.coverwraps, 
body#case ul#menu li a.case, 
body#contact ul#menu li a.contact	{ background-position:top center; }


ul#footer-menu				{ list-style: none; font-size: 1.2em; line-height: 1.6em; margin-bottom: 1.0em; }
ul#footer-menu a 			{ text-decoration: none; color: #1A5591; }
ul#footer-menu a:hover		{ text-decoration: underline; color: red; }

/* END MENUS */



/* BUTTONS */

a.button {

	font: bold normal 1.3em/1.0em arial, sans-serif; color: #fff;
	font-weight: bold; /* IE6 */
    background: transparent url('../images/bg_button_a.gif') no-repeat scroll bottom right;
    display: block;
    height: 28px;
    margin:  0 10px 8px 0;
    padding-right: 28px; /* sliding doors padding */
    text-decoration: none;
    float: right;
}

a.button span {
    background: transparent url('../images/bg_button_span.gif') no-repeat bottom left;
    display: block;
    line-height: 18px;
    padding: 5px 10px 5px 18px;
}

a.button.feature-link span { width: 220px; }

a.button:hover {
    background-position: top right;
    color: #fff;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:hover span {
    background-position: top left;
    padding: 5px 10px 5px 18px; /* push text down 1px */
}

/* END BUTTONS */



/* ROUNDED CORNERS */

.myBox 						{ width: 266px; padding: 10px; text-align: left; background-color: #EDF2F6; border: 2px solid #fff; margin:  0 0 20px 0; 
    						/* Do rounding (native in Firefox and Safari, CC in IE) 
    						-webkit-border-radius: 20px; -moz-border-radius: 20px; CCborderRadius: 20px;*/ 
    						}

/* END ROUNDED CORNERS */



/* PHOTO CORNERS */

.photo						{ margin-bottom: 10px; position: relative; width: 300px; height: 234px; float: left; }
.frame span 				{ width: 290px; height: 224px; display: block; position: absolute; top: 0; left: 0; background: url(../images/round-corner.png) no-repeat; }
.frame img 					{ border: none; padding: 0; }

/* END PHOTO CORNERS */