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

/* -----------------------------------------
Style Sheet for FlashPoint Development Website

version: 1.0
version date: September 17, 2010
author: Melissa Desautels
email: melissa@mgdez.com
website: http://www.mgdez.com
-----------------------------------------*/

/* Main Layout Elements
-----------------------------------------*/


html, body {
	height: 100%;
	padding: 0px;
	margin: 0px;
}

* { 
	margin: 0; 
	padding: 0; 
}


body {
	font-family: Arial, Sans-Serif;
	font-size: 14px;
	color: #FFF;
} 


#Container {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	height: auto;
	min-height: 100%;
	z-index: 2;
	background-color: #FFF;
}
#Header {
	float: left;
	height: 100px;
	width: 960px;
	position: relative;
}
#Navigation {
	float: left;
	height: 100px;
	width: 500px;
	position: relative;
	z-index: 100;
	padding-right: 25px;
	overflow: visible;
}
#Logo {
	float: right;
	height: 100px;
	width: 300px;
	position: relative;
	padding-left: 25px;
	text-align: right;
	overflow: hidden;
}
/* About Group Banner*/
#Banner_resources {
	float: left;
	width: 950px;
	position: relative;
	height: 150px;
	padding-left: 10px;
	background-image: url(../Images/Banner/banner-cupholder.gif);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	z-index: -2;
	overflow: auto;
}

/* Work Group Banner*/
#Banner_work {
	float: left;
	width: 950px;
	position: relative;
	height: 150px;
	padding-left: 10px;
	background-image: url(../Images/Banner/banner2-gBook_drawings.gif);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	z-index: -2;
}
/* Resources Page Banner*/
#Banner_about {
	float: left;
	width: 950px;
	position: relative;
	height: 150px;
	padding-left: 10px;
	background-image: url(../Images/Banner/banner3-stapler.gif);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	z-index: -2;
}

/* Contact Page Banner*/
#Banner_contact {
	float: left;
	width: 950px;
	position: relative;
	height: 150px;
	padding-left: 10px;
	background-image: url(../Images/Banner/banner4-shovel.gif);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	z-index: -2;
}

#MainContent {
	width: 960px;
	float: left;
	background-color: #FFF;
	position: relative;
	padding-bottom: 87px;
	z-index: -1;
	height: 100%;
	min-height: 375px;
}
#Text_Area {
	float: left;
	width: 600px;
	position: relative;
	margin-left: 10px;
	height: 100%;
}
#Right_Column {
	width: 230px;
	position: relative;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: thin solid #CCC;
	float: right;
	z-index: -4;
	margin-left: 15px;
	margin-right: 10px;
	padding: 10px;
	min-height: 300px;
	height: 100%;
	overflow: auto;
}

/* Services, Work, Academics Pages*/
#accordion {
	width: 600px;
	position: relative;
}

.Affiliations {
	float: left;
	height: 75px;
	width: 960px;
	position: relative;
	margin-top: 25px;
	padding-top: 5px;
}

.Professional {
	float: right;
	height: 75px;
	width: 278px;
	background-color: #FFF;
}
.Academic {
	float: left;
	height: 75px;
	width: 550px;
	text-align: left;
}

/* Footer Elements on all pages*/
#footer {
	width: 100%;
	background-color: #003;
	clear: both;
	position: relative;
	z-index: 6;
	margin-top: -87px;
	height: 75px;
	padding-top: 12px;
}
#SM_Icon_Home {
	height: 60px;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
}
.socialmedia_holder {
	float: left;
	height: 35px;
	width: 150px;
	position: relative;
}
.Footer {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 10px;
	float: right;
	width: 160px;
}

.footer_head {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #F1A624;
	padding-bottom: 5px;
}

.privacy_policy {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	list-style-type: disc;
	line-height: 20px;
	font-size: 14px;
	list-style-position: outside;
	margin-left: 15px;
}

/* Links
-----------------------------------------*/

a img {
	border: none; 
}

a {
	color: #F1A624;
	text-decoration: underline;
}
a:hover {
	color: #333;
}

a {
	text-decoration: none;
}

/* General Type Styles
-----------------------------------------*/
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40px;
	color: #F1A624;
	float: left;
	position: relative;
	margin-top: 30px;
	width: 600px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #F1A624;
	line-height: 26px;
	margin-bottom: 10px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #999;
	margin-bottom: 5px;
	margin-top: 5px;
}

.Header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #666;
	margin-bottom: 20px;
	font-weight: normal;
}
.Copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	line-height: 20px;
}

.Copy a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #F1A624;
	line-height: 25px;
	text-decoration: underline;
}

/* Header in "Services" accordion*/
.header_services {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	line-height: normal;
	font-weight: bold;
}

/* List elements on all pages*/
.li1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	list-style-type: disc;
	line-height: 20px;
	font-size: 14px;
	list-style-position: outside;
	margin-left: 15px;
}


/* On Pricing page*/
.back_to_top {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
	width: 600px;
	margin-top: 5px;
	text-align: right;
}

/* Caveat text for packages on pricing page*/
.caveat {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	line-height: normal;
	width: 300px;
}


/* Right Column elements on all pages*/
.Right_Colum_Header {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 22px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.Right_Column_Text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666;
	line-height: 18px;
	font-weight: normal;
}
#Right_Column p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
}
#Right_Column a {
	color: #F1A624;
	text-decoration: underline;
	font-weight: bold;
}

#Right_Column a:hover {
	color: #333;
	text-decoration: underline;
}
/* only on pricing page*/
.sidebar_divide {
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #666;
}


/* On Services page only-List of products*/
.Right_Column_bullets {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #999;
	font-weight: bold;
	position: relative;
	vertical-align: middle;
	list-style-position: inside;
	padding-bottom: 5px;
	margin-top: 10px;
	list-style-type: none;
	line-height: 18px;
}

ul { 
	list-style: none;
}

p { 
	margin: 15px 0;
}

/* Image Styles
-----------------------------------------*/

.banner_img {
	float: right;
	position: relative;
}

.img_package {
	float: right;
	width: 200px;
	position: relative;
	margin-right: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
	margin-top: 10px;
	height: 100%;
}
.img_process {
	margin-top: 30px;
}
.img_product {
	float: right;
	width: 200px;
	margin-left: 10px;
	position: relative;
	display: block;
	clear: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003;
	font-weight: normal;
}
.img_partners {
	margin: 20px;
	float: left;
	position: relative;
}

.case_img {
	margin-left: auto;
	margin-right: auto;
	width: auto;
	display: block;
}

.Header_Bios {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #F1A624;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #EDEDED;
	margin-top: 15px;
	font-weight: normal;
}

.sublist {
	font-family: Arial, Helvetica, sans-serif;
	text-indent: 25px;
	list-style-position: inside;
	list-style-type: circle;
	line-height: 17px;
}
.price {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

/*Pricing page-dialog box*/

#dialog, #dialog2, #dialog3, #dialog4, #dialog5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	float: left;
}

#tip, #tip2, #tip3, #tip4, #tip5{
	height: 25px;
	background-color: #F1A624;
	-moz-box-shadow: 0px 3px 3px #666;
	-webkit-box-shadow: 0px 3px 3px #666;
	-box-shadow: 0px 3px 3px #666;
	margin-top: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: relative;
	width: 100px;
	text-align: center;
	margin-bottom: 10px;
	font-size: 14px;
	color: #FFF;
	vertical-align: middle;
	cursor: pointer;
}

#dialog a, #dialog2 a, #dialog3 a, #dialog4 a, #dialog5 a{
	color: #F1A624;
	text-decoration: underline;
}
.dialog_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	margin-bottom: 10px;
}
.Text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-align: left;
	margin-top: 10px;
	padding-left: 15px;
	line-height: 22px;
	float: left;
	width: 600px;
	position: relative;
	border: thin solid #E9E9E9;
	padding-top: 10px;
}
.accordion_subhead {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #F1A624;
	line-height: 26px;
	margin-bottom: 10px;
}