@charset "utf-8";
/* CSS Document */

/*** RESET ***/
* { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6, a { font-weight: normal; }
img { border: none; }SS
a, a:visited { color: #333; }S
a:hover { text-decoration:none; }
strong { font-weight: bold; }

/*** CLEARS AND FLOATERS ***/
.right {float: right;}
.left {float: left;}
.clear {clear: both; width: 0; height: 0;}
.clear-left {clear: left; }
.clear-right {clear: right; }
.hide {display:none; }

/*** DUH ***/
body {
	background:url(images/site-bg.jpg) #fff;
}

/*** Fonts $ STUFF ***/
@font-face { 
	font-family: 'CaviarDreamsItalic'; 
	src: url('/fonts/CaviarDreamsItalic-webfont.eot'); 
	src: url('/fonts/CaviarDreamsItalic-webfont.eot?iefix') format('eot'), 
		url('/fonts/CaviarDreamsItalic-webfont.woff') format('woff'), 
		url('/fonts/CaviarDreamsItalic-webfont.ttf') format('truetype'), 
		url('/fonts/CaviarDreamsItalic-webfont.svg#webfontpwheUuGN') format('svg'); 
	font-weight: normal;    
	font-style: normal; 
}

@font-face { 
	font-family: 'CaviarDreamsBoldItalic'; 
	src: url('/fonts/CaviarDreams_BoldItalic-webfont.eot'); 
	src: url('/fonts/CaviarDreams_BoldItalic-webfont.eot?iefix') format('eot'), 
		url('/fonts/CaviarDreams_BoldItalic-webfont.woff') format('woff'), 
		url('/fonts/CaviarDreams_BoldItalic-webfont.ttf') format('truetype'), 
		url('/fonts/CaviarDreams_BoldItalic-webfont.svg#webfontc0y1PR7M') format('svg'); 
	font-weight: normal;    
	font-style: normal; 
}

@font-face { 
	font-family: 'CaviarDreamsRegular'; 
	src: url('/fonts/CaviarDreams-webfont.eot'); 
	src: url('/fonts/CaviarDreams-webfont.eot?iefix') format('eot'), 
		url('/fonts/CaviarDreams-webfont.woff') format('woff'), 
		url('/fonts/CaviarDreams-webfont.ttf') format('truetype'), 
		url('/fonts/CaviarDreams-webfont.svg#webfontGuWM2yfe') format('svg'); 
	font-weight: normal; 
	font-style: normal; 
}

@font-face { 
	font-family: 'CaviarDreamsBold'; 
	src: url('/fonts/CaviarDreams_Bold-webfont.eot'); 
	src: url('/fonts/CaviarDreams_Bold-webfont.eot?iefix') format('eot'),         
		url('/fonts/CaviarDreams_Bold-webfont.woff') format('woff'), 
		url('/fonts/CaviarDreams_Bold-webfont.ttf') format('truetype'), 
		url('/fonts/CaviarDreams_Bold-webfont.svg#webfontLEG564QO') format('svg'); 
	font-weight: normal; 
	font-style: normal; 
}

@font-face {
    font-family: 'TitilliumText22LRegular';    
	src: url('/fonts/TitilliumText22L003-webfont.eot');    
	src: url('/fonts/TitilliumText22L003-webfont.eot?#iefix') format('embedded-opentype'),         
		url('/fonts/TitilliumText22L003-webfont.woff') format('woff'),         
		url('/fonts/TitilliumText22L003-webfont.ttf') format('truetype'),         
		url('/fonts/TitilliumText22L003-webfont.svg#TitilliumText22LRegular') format('svg');    
	font-weight: normal;   
	font-style: normal;
}

@font-face {
    font-family: 'TitilliumText22LMedium';    
	src: url('/fonts/TitilliumText22L004-webfont.eot');    
	src: url('/fonts/TitilliumText22L004-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/TitilliumText22L004-webfont.woff') format('woff'),         
		 url('/fonts/TitilliumText22L004-webfont.ttf') format('truetype'),         
		 url('/fonts/TitilliumText22L004-webfont.svg#TitilliumText22LMedium') format('svg');    
	font-weight: normal;    
	font-style: normal;
}

@font-face {
    font-family: 'DaysRegular';
    src: url('/fonts/Days-webfont.eot');
    src: url('/fonts/Days-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Days-webfont.woff') format('woff'),
         url('/fonts/Days-webfont.ttf') format('truetype'),
         url('/fonts/Days-webfont.svg#DaysRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*** THREE PIECE SUIT ***/
#top {	
	height:166px;
	background:url(images/top-bg.jpg) repeat-x;
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
	box-shadow: 0px 0px 10px rgba(0,0,0,.8);
}
#site {
	background:url(images/meoverlay.png) left  no-repeat;
	min-height:100%;
}
#bot { 
	padding:10px 0 20px;
	clear:both;
}

#top-cont, #mid-cont, #bot-cont, #nav-cont {
	width:960px;
	margin:0 auto;
}

#top-cont {
	height:166px;
	background:url(images/mast-overlay.png) right no-repeat;
}

/*** BOXES ***/
#row1 #content {
	width:580px;
	float:left;
	min-height:279px;
	padding:20px;
}

#row1 #support-req {
	width:260px;
	float:right;
	min-height:279px;
	padding:20px;
}
#row2 {
	clear:both;
}
#row2 #col1,
#row2 #col2,
#row2 #col3 {
	width:300px;
	float:left;
	height:191px;
	overflow:hidden;
}

#row1 #col1,
#row1 #col2,
#row1 #col3 {
	width:300px;
	float:right;
	height:191px;
	overflow:hidden;
}

img.feat-graphic {
	float:right;
	margin-top:-47px;
}

div.feat-copy {
	color:#FFF;
	text-decoration:none;
	padding:17px 30px 17px 20px;
	font-size:14px;
	line-height:18px;
}

/*** REUSABLE TIDS ***/
#logo {
	float:left;
	width:328px;
}
h1, h1 span {
	font-size:25px;
	color:#111;
	font-family: 'DaysRegular', Verdana, Geneva, sans-serif;
	padding:0px 0 15px;
}
h2, h2 span {
	font-size:22px;
	color:#238aa4;
	font-family: 'DaysRegular', Verdana, Geneva, sans-serif;
	padding:0px 0 15px;
}

#col1 a,
#col2 a,
#col3 a,
#row2 a {
	text-decoration:none;
}
#col1 a:hover h2,
#col2 a:hover h2,
#col3 a:hover h2,
#row2 a:hover h2 {
	color:#111111;
	-webkit-transition:color 1s  ease-in-out;  
    -moz-transition:color 1s ease-in-out;  
    -o-transition:color 1s ease-in-out;  
    transition:color 1s ease-in-out;
	
	padding-bottom:12px;
	-webkit-transition:padding-bottom 1s  ease-in-out;  
    -moz-transition:padding-bottom 1s ease-in-out;  
    -o-transition:padding-bottom 1s ease-in-out;  
    transition:padding-bottom 1s ease-in-out;
}
#col1 h2,
#col2 h2,
#col3 h2 {
	padding:15px 20px 23px;
}

#row1 div.feat-copy, 
#row2 div.feat-copy {
	background:url(images/top-bg.jpg) top repeat-x;
	min-height:130px;
}

#content p, #content ul, #content ol {
	padding:5px 0 8px;
	font-size:15px;
	color:#333;
}
#content ul li,
#content ol li {
	margin-left:30px;
}
#content  p.price {
	font-size:36px;
	float:right;
	display:block;
	color:rgba(35,138,164,.4);
	margin:-50px 0 0 0;
	font-family: 'DaysRegular', Verdana, Geneva, sans-serif;
}

.shadow-pill {
	background:#FFF;
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,.5);
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.5);
	box-shadow: 0px 0px 10px rgba(0,0,0,.5);
	-moz-border-radius: 18px;
	border-radius: 18px;
	overflow:hidden;
	margin:10px;
}
#site-url, #site-url span {
	color:rgba(0,0,0,.4);
	font-size:39px;
	text-transform:uppercase;
	font-family: 'DaysRegular', Verdana, Geneva, sans-serif;
	text-indent:5px;
}
#foot-nav {
	width:660px;
}
#site-url {
	width:660px;
	border-top:2px solid rgba(0,0,0,.2);
	margin-left:10px;
}
#support-req td {
	font-size:13px;
	color:#333;
}

#social {
	float:right;
	width:200px;
	margin:-50px 0 0 0;
}
#social span.social-text {
	display:block;
	float:right;
	padding: 0 10px 0 50px;
	margin:0 0 -5px 0;
	color:rgba(0,0,0,.1);
	font-size:28px;
	text-transform:uppercase;
	font-family: 'DaysRegular', Verdana, Geneva, sans-serif;
}

/***NAVIGATION ***/
#nav-cont {
	margin:5px auto 15px;
}
#foot-nav ul,
#nav ul {
	list-style:none;
	text-align:center;
}
#foot-nav ul li,
#nav ul li {
	display:inline;
}

#foot-nav ul li a,
#nav ul li a,
#nav ul li a:visited {
	font-family: 'DaysRegular', Verdana, Geneva, sans-serif;
	text-decoration:none;
	margin:5px 10px;
	padding:5px;
	font-size:23px;
	color:#6e6e6e;
}
#foot-nav ul li a.active,
#foot-nav ul li a:visited.active,
#nav ul li a.active,
#nav ul li a:visited.active {
	color:#333333;
}
#foot-nav ul li a:hover,
#nav ul li a:hover {
	color:#238aa4;
	-webkit-transition:color 1s ease-in;  
    -moz-transition:color 1s ease-in;  
    -o-transition:color 1s ease-in;  
    transition:color 1s ease-in;
}


/*** FOOT **/
#foot-nav ul li a {
	font-size:14px;
}
#foot-nav ul{
	text-align:left;
	margin:30px 0 3px 3px;
}
#social #googleplus,
#social #facebook {
	width:61px;
	height:61px;
	float:right;
}

#copyright {
	color:rgba(0,0,0,.3);
	font-size:13px;
	margin-left:20px;
}
/*** Header Area ***/
#headbox {
	float:right;
	width:300px;
}
span.text {
	font-family:Arial, Helvetica, sans-serif;
	color:rgba(255,255,255,.5);
	font-weight:bold;
	font-size:14px;
	padding:20px 0 0 20px;
	display:block;
}
span.rate,
span.rate span {
	font-family: 'DaysRegular', Verdana, Geneva, sans-serif;
	color:rgba(35,138,164,.9);
}
span.money,
span.amount,
span.perhour {
	display:block;
	float:left;
}
span.amount {
	font-size:80px;
	margin:-15px 0 0 0;
	line-height:60px;
}
span.perhour {
	font-size:16px;
	width:40px;
	padding:0 0 15px 5px;
	margin-top:-15px;
}
span.money {
	font-size:36px;
	padding:0 5px 20px 25px;
	margin-top:-18px;
}
/*** SILLY QUESTIONS PEOPLE ASK ***/
p.question,
p.answer {
	margin-left:30px;
}

p.question {
	margin-top:20px;
}

span.q,
span.a {
	margin-left:-35px;
	color:rgba(0,0,0,.23);
	font-size:28px;
	font-family: 'DaysRegular', Verdana, Geneva, sans-serif;
	float:left;
}
span.q {
	color:rgba(35,138,164,.3);
}
