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


/*   ANIMATED MENU --------------------------------- */

.navigation {
	float: right;
	overflow: auto;
	position: relative;
}

.navigation ul{
	margin:0;
	padding:0;
	list-style-type: none;
}

.navigation ul li{
	width:100px;
	height:65px;
	float:left;
	color:#191919;
	text-align:center;
	overflow:hidden;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #0B284D;
}
/*.navigation ul a { color:transparent; opacity: .0; filter: alpha(opacity=30);}
.navigation ul a:hover { color:transparent; opacity: .0; filter: alpha(opacity=30);}
.navigation ul a:visited { color:transparent; opacity: .0; filter: alpha(opacity=30);}

a{
	color:transparent;
	text-decoration:none;
}*/

p{
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

	.subtext a, .subtext a:hover, .subtext a:visited {
	padding-top:0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #467FAE;
	text-transform:capitalize;
	font-weight: normal;
	text-decoration:none;
	font-style: italic;
	}

/*Menu Color Classes*/
.home{background:#07172C url('images/nav/home.png') top left no-repeat;}
.chemistry{
	background-image: url(images/nav/chemistry.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.theory{background:#07172C url('images/nav/theory.png') top left no-repeat;}
.studies{background:#07172C url('images/nav/studies.png') top left no-repeat;}
.elements{background:#07172C url('images/nav/elements2.png') top left no-repeat;}
.pricing{background:#07172C url('images/nav/pricing2.png') top left no-repeat;}
.connect{
	background-color: #07172C;
	background-image: url('images/nav/connect.png');
	background-repeat: no-repeat;
	background-position: left top;
}

.home h1 a,.home h1,
.chemistry h1,.chemistry h1 a,
.theory h1, .theory h1 a,
.studies h1,.studies h1 a,
.elements h1,.elements h1 a,
.pricing h1,.pricing h1 a,
.connect h1, .connect h1 a  {
	font-size:14px;
	text-align:center;
	margin-top: 47px;
	margin-bottom: 32px;
	color: #e8e8e8;
	text-decoration:none;
	font-family: "Courier New", Courier, monospace;
	font-weight: normal;
}

/* BODY AND MAIN ELEMENTS ------------------------------ */
body{
	margin:0px;
	background-color:#1C71AE;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#header{
	background-image: url(images/bg_header.jpg);
	background-repeat: repeat-x;
	z-index: 99;
	height: 70px;
	width:100%;
	position:absolute;
}
.cobalt_web_logo {
	background-image: url(images/cobalt_web_logo.png);
	background-repeat: no-repeat;
	height: 56px;
	width: 230px;
	margin-top: 10px;
	color: transparent;
	float: left;
	margin-right: 30px;
}

.header_content{margin-left:auto;margin-right:auto; width:950px;}
.header_content a{}
.header_content a:hover{}


#footer{
	clear:both;
	width:100%;
	background-image: url(images/bg_footer.jpg);
	background-color: #1C71AE;
	overflow: auto;
	background-repeat: repeat-x;
}

.footer_content{
	margin-left:auto;
	margin-right:auto;
	width:950px;
	overflow: auto;
	padding-top: 20px;
}

.footer_content a{}
.footer_content a:hover{}

#main{
	clear:both;
	padding-top:70px;
	width:100%;
	background-color: #FFF;
}
.main_content{
	margin-left:auto;
	margin-right:auto;
	width: 950px;
	margin-top: 0px;
	padding-bottom: 12px;
	padding-top: 0px;
	background-color: #FFF;
}
.main_content_contact{
	margin-left:auto;
	margin-right:auto;
	width: 950px;
	margin-top: 0px;
	padding-bottom: 12px;
	padding-top: 0px;
	background-image: url(images/dna.gif);
	background-repeat: repeat-y;
	background-position: right top;
}
.main_content a, .main_content_contact a {
	color: #AD3EA6;
}
.main_content a:hover, .main_content_contact a:hover {
	color: #E452DA;
}
.col2-set, .col3-set, .col4-set{
	clear:both;
	overflow: auto;
	position: relative;
}
.col2-set, .col3-set, .col3-group, .website_development {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #7181A3;
	clear: both;
}
.col2-set p, .col3-set p, .col3-group p, .website_development p {
	font-size: 12px;
	line-height: 18px;
	margin-top:0px;
	margin-bottom:10px;
	text-align:justify;
}
.col2-set .col1 {
	float:left;
	width:48%;
	margin-right:4%;
}
.col2-set .col2 {
	float:left;
	width:48%;
}

.col3-set .col1 {
	float:left;
	width:340px;
	margin-right:5px;
	background-image: url(images/people_left.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 420px;
}
.col3-set .col2 {
	float:left;
	width:320px;
	margin-right:5px;
	background-image: url(images/people_middle.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 420px;
}
.col3-set .col3 {
	float:right;
	width:270px;
	background-image: url(images/people_right.png);
	height: 420px;
	background-repeat: no-repeat;
	background-position: right bottom;
}
.col3-group {
	clear:both;
	position:relative;
	overflow:auto;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	padding-bottom: 10px;
}
.col3-group .col1 {
	float:left;
	width:30%;
	margin-right:4%;
	background-repeat: no-repeat;
	background-position: left bottom;
}
.col3-group .col2 {
	float:left;
	width:30%;
	background-repeat: no-repeat;
	background-position: center top;
}
.col3-group .col3 {
	float:right;
	width:32%;
}
.divider {
	background-image: url(images/dotted_divider.gif);
	background-repeat: repeat-x;
	background-position: center center;
	height: 30px;
}

.col4-set .col1, .col4-set .col2, .col4-set .col3 {width:230px;float:left; margin-right:10px;}
.col4-set .col4{width:230px;float:right;}

.col4-set  p {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	color: #8FA5CD;
	margin-top: 0px;
	margin-bottom: 8px;
}
.col4-set  h1 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #8FA5CD;
	text-decoration: underline;
	margin-top: 0px;
	margin-bottom: 10px;
}
.col4-set a {
	color: #8FA5CD;
}

.col4-set a:hover {
	color: #A4BDE9;
}
.float_left {
	float: left;
	margin-right: 12px;
}
/* Headers  ------------------------------ */
.positive-web-sites {
	background-image: url(images/positively_charged_marketing.gif);
	background-repeat: no-repeat;
	float: left;
	min-height: 124px;
	width: 521px;
	margin-top: 30px;
	text-indent: -5000px;
}
.header_theory {
	background-image: url(images/headers/theory_about_cobalt.gif);
	min-height: 124px;
	height: 130px;
	width: 550px;
	margin-top: 30px;
	background-repeat: no-repeat;
	text-indent: -5000px;
	float: left;
}
.header_chemistry {
	text-indent: -5000px;
	background-image: url(images/headers/chemistry_portfolio.gif);
	min-height: 124px;
	height: 130px;
	width: 550px;
	margin-top: 30px;
	background-repeat: no-repeat;
	float: left;
}
.header_elements {
	text-indent: -5000px;
	background-image: url(images/headers/elements_services.gif);
	min-height: 124px;
	height: 51px;
	width: 550px;
	margin-top: 30px;
	background-repeat: no-repeat;
	float: left;
}
.header_pricing {
	text-indent: -5000px;
	background-image: url(images/headers/pricing_web_site_cost.gif);
	min-height: 124px;
	height: 51px;
	width: 550px;
	margin-top: 30px;
	background-repeat: no-repeat;
	float: left;
}
.header_connect {
	text-indent: -5000px;
	background-image: url(images/headers/connect.gif);
	min-height: 124px;
	width: 550px;
	margin-top: 30px;
	background-repeat: no-repeat;
	float: left;

}
.header_search_engine_optimization {
	text-indent: -5000px;
	background-image: url(images/headers/search-engine-optimization.gif);
	min-height: 124px;
	width: 580px;
	margin-top: 30px;
	background-repeat: no-repeat;
	float: left;
	padding-right: 40px;
}

.header_magento_website_design {
	text-indent: -5000px;
	background-image: url(images/magento_wesite-design.gif);
	min-height: 124px;
	width: 580px;
	margin-top: 30px;
	background-repeat: no-repeat;
	float: left;
	padding-right: 40px;
}

.positive-web-sites h1, .header_theory h1, .header_chemistry h1, .header_elements h1, .header_pricing h1, .header_connect h1, .header_search_engine_optimization h1, .header_magento_website_design h1 {
	text-indent: -5000px;
	margin: 0px;
	font-size:20px;
	font-family:Tahoma, Geneva, sans-serif;
}
.positive-web-sites p, .header_theory p, .header_chemistry p, .header_elements p, .header_pricing p, .header_connect p, .header_search_engine_optimization p, .header_magento_website_design p {
	text-indent: 0px;
	color: #6D7D9D;
	margin-top: 22px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	line-height:20px;
}

/*    CUSTOM STUFF -------------------------------  */

.connect_box {
	float: right;
	height: 94px;
	width: 207px;
	margin-top: 24px;
}

.info {
	float: right;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	text-align: right;
	color: #8093B9;
}
.info p {
	margin-top: 0px;
	margin-bottom: 10px;
}
.white_text {
	color: #FFF;
}/*
#p {
	margin-top: 0px;
	margin-bottom: 12px;
}*/
.cat_image {
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.main_content h1, /*.main_content_contact p*/ {
	font-size: 12px;
	line-height: 20px;
	margin-top: 0px;
	margin-bottom: 12px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #2F4786;
	text-align: justify;
}
.main_content h2, .main_content_contact h2 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 18px;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 15px;
	color: #5877CC;
}
.connect_banner {
	clear: both;
	margin-top: 20px;
	margin-bottom: 0px;
	padding: 8px;
	font-family: "Courier New", Courier, monospace;
	font-size: 18px;
	border: 1px solid #104168;
	text-align: center;
}
a .connect_banner  {
	color: #104065;
	background-image: url(images/bg_banner.gif);
}
a:hover .connect_banner {
	background-image: url(images/bg_banner_on.gif);
}
.website {
	color: #8093B9;
}

/*  SLIDESHOW CLASS  --------------------------  */
p .more {
	background-image: url(images/bg_yellow_up.gif);
	background-repeat: repeat;
	padding: 5px;
	border: 1px solid #134A76;
	margin-bottom: 8px;
}

a.button p {
	color: #11446D;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 2px;
	background-image: url(images/button.png);
	background-repeat:no-repeat;
	height: 25px;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
	width: 101px;
}
 a:hover.button p {
	background-image:url(images/button_on.png);
}
.divider_white {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #8FA5CD;
	margin-bottom: 15px;
	margin-top: 15px;
}
.col2-set h3 {
	text-transform: uppercase;
	color: #C60;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
}
.contact_box {
	float: left;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 500px;
}
.website_development {
	width: 950px;
	overflow: auto;
	position: relative;
}
.right_content {
	float: right;
	width: 380px;
}
p.call {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	color: #5877CC;
	font-weight: bold;
	margin: 0px;
}.row {
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: bold;
	color: #739ED4;
}
.subtext a {
	color: #FFC;
}
.col3-group h3 {
	font-size: 14px;
	font-weight: normal;
	color: #C60;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin: 0px;
}
p.web-site {
	margin: 0px;
	padding: 0px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #587ED0;
	text-transform: uppercase;
}
span.website_phone {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: normal;
}p.gray {
	font-size: 12px;
	line-height: 20px;
	color: #666;
}
.web-development-class {
	font-size: 22px;
	line-height: 32px;
	color: #A0CCE9;
	text-align: center;
	font-family: Tahoma, Geneva, sans-serif;
	margin: 0px;
	padding: 0px;
}
img.float_right {
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.right_content .seo {
	color: #C30;
	text-transform: uppercase;
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	font-size: 20px;
}
ul.regular {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #245EA0;
	font-size: 13px;
	line-height: 20px;
	list-style-type: square;
}
SPAN.RED {
	font-weight: bold;
	color: #F00;
}
.formText {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 9px;
	text-transform: uppercase;
	color: #7D90B5;
}
form .button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #7D90B5;
	background-color: #CBD3E1;
	border: 1px solid #6E7E9F;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
	font-weight: bold;
}
.col3 .callout {
	font-size: 18px;
	line-height: 29px;
	font-family: "Courier New", Courier, monospace;
	color: #999;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	background-color: #f8f8f8;
	padding: 10px;
	border: 1px solid #CCC;
}
.contact_box .callout {
	font-size: 18px;
	line-height: 29px;
	font-family: "Courier New", Courier, monospace;
	color: #999;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	background-color: #f8f8f8;
	padding: 10px;
	border: 1px solid #CCC;}