/*
Theme Name: MacPlus
Theme URI: http://mymacplus.com/
Version: 1.0
Author: Big Skillet
Author URI: http://bigskillet.com/
*/

@import url("css/html5reset-1.6.1.css");
@import url("css/royalslider.css");
@import url("css/rs-default-inverted.css");

html, body, p { width: 100%; display: block; margin: 0px; padding: 0px; }

#container {
	margin: 0 auto;
	width: 640px;
}

img {
	display: block;
}​

.center {
	margin: 0 auto;
	width: 640px;
}

.top {
	display: block; float: right;
	margin: 60px 76px 45px 0;
	width: 34px; height: 27px;
}

.top img {
	width: 34px; height: auto;
}

/* HEADER
***********************************************************************************************************/

#header {
	position: relative;
	height: 1009px;
}

#header img {
	margin: 0 auto;
	padding: 260px 0 0 0;
	width: 640px; height: auto;
	opacity: 0;
}	

/* EMERGENCY
***********************************************************************************************************/

#emergency {
	height: 780px;
	background: #ed1d24;
}

#emergency a,
#emergency a img {
	display: block;
	margin: 0 auto;
	width: 640px; height: auto;
}

#emergency .title {
	padding: 70px 0 0 0;
}

#emergency .scroll {
	margin: 35px auto 0 auto;
}


/* NAV
***********************************************************************************************************/

#nav a {
	display: block;
	margin: 0 auto;
	width: 640px;
}

#nav a img {
	width: 640px; height: auto;
}


/* SWIPE
***********************************************************************************************************/

/*.slider {
	margin: 0 auto;
	width: 640px; height: 1009px;
}*/

.slider .clear,
.slider .blurb {
	margin: 0 auto;
	width: 487px;
}

.slider .top {
	display: block; float: right;
	margin: 60px 0 45px 0;
	width: 34px; height: 27px;
}

.slider .top img {
	width: 34px; height: auto;
}

.slider p {
	position: relative;
	padding: 10px 0 0 0;
	width: 100%;
	font-family: "gesta",sans-serif;
	font-size: 20px;
	line-height: 24px;
	color: #6e6f71;
	background: transparent;
}

.slider p.phone {
	padding: 35px 0 0 0;
	font-size: 30px;
}

.slider p.phone a {
	text-decoration: none;
	color: #fff;
}


/* GROWTH & LEARNING
***********************************************************************************************************/

#growth-learning {
	margin: 0 auto;
	width: 640px; height: 1060px;
}

#growth-learning .color   { height: 1060px; background: #1d76bc; }
#growth-learning .color p { color: #fff; }


/* LOSS & FAILURE
***********************************************************************************************************/

#loss-failure {
	margin: 0 auto;
	width: 640px; height: 1060px;
}

#loss-failure .fade    { height: 1060px; background: url("images/bg-fade.png") repeat-x; }
#loss-failure .color   { height: 1060px; background: #ed1c24; }
#loss-failure .color p { color: #fff; }


/* QUALIFIED
***********************************************************************************************************/

#qualified {
	position: relative;
	margin: 0 auto;
	width: 640px;
	height: 1060px;
	background: url("images/image-qualified.jpg") no-repeat;
	background-size: 640px auto;
}

#qualified h1 img {
	margin: 0 auto;
	padding: 515px 0 0 0;
	width: 640px; height: auto;
}

#qualified .image {
	margin: 0 auto;
	width: 640px; height: auto;
}

#qualified p {
	margin: 0 auto;
	padding: 20px 0 0 0;
	width: 487px;
	font-family: "gesta",sans-serif;
	font-size: 20px;
	line-height: 24px;
	color: #6e6f71;
}

#qualified ul {
	margin: 20px 0 0 96px;
	list-style: disc;
	font-family: "gesta",sans-serif;
	font-size: 20px;
	line-height: 24px;
	color: #6e6f71;
}

#qualified .apple {
	position: absolute;
	bottom: 60px; left: 80px;
	padding: 37px 0 0 0;
	width: 450px; height: 43px;
}

#qualified .apple a {
	float: left;
	margin: 0 40px 0 0;
}


/* CONTACT US
***********************************************************************************************************/

#contact-us {
	position: relative;
	margin: 0 auto;
	padding: 0 0 40px 0;
	width: 640px;
	height: 910px;
	background: #000;
}

#contact-us h1 img {
	margin: 0 auto;
	padding: 190px 0 0 0;
	width: 640px; height: auto;
}

#contact-us .image {
	margin: 0 auto;
	width: 640px; height: auto;
}

#contact-us p {
	margin: 20px 0 0 76px;
	width: 370px;
	font-family: "gesta",sans-serif;
	font-size: 20px;
	line-height: 24px;
	color: #6e6f71;
}

#contact-us .copyright {
	font-family: "gesta",sans-serif;
	font-size: 15px;
	line-height: 24px;
	color: #6e6f71;
}

#contact-us ul {
	list-style: none;
	position: absolute;
	bottom: 0;
}

#contact-us li img {
	width: 640px; height: auto;
}


/* FOOTER
***********************************************************************************************************/

#footer {
	margin: 0 auto;
	width: 640px;
}

#footer a {
	float: left;
}

#footer img {
	width: auto; height: 111px;
}
	

/* MISC
***********************************************************************************************************/

body { overflow-y: scroll; }

.clear:before,
.clear:after {
    content:"";
    display:table;
}

.clear:after { clear:both; }
.clear { *zoom:1; }

.replace {
    display: block;
    overflow: hidden;
    width: 0; height: 0;
}