@import url(http://fonts.googleapis.com/css?family=Merriweather:400,700);
@import "../css/reset.css";
@import "../css/grid.css";


/**COLOR SCHEME  
#0A4765 darkest blue
#0E5A7F dark blue
#55A9D2 blue
#DEF3FD light blue
#000000 white

 **/



input {
	outline:  none !important;
}


html {
	width: 100%;
}

 a[href^="tel:"] {
color: inherit;
text-decoration:none;
}

* {
	-webkit-text-size-adjust: none;
}


body {
	font: 13px/19px  Georgia, serif;
	font-family: 'Merriweather', serif;
	color:#ecedef;

	background: #b5d4e9 url('../images/background_gradient.png') repeat-x;
	background-position: left bottom;
}



	
h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
	font-family: 'Roboto Slab', serif;
	color: #ecedef;
}

h2 {
	font-size: 30px;
	padding-top: 101px;
	line-height: 60px;
	text-align: center;
}

h3 {
	font-size: 55px;
	padding:20px 0;
	color:#001d2d;
}

h4 {	
	font-size: 30px;
	padding: 20px 0;
	color: #034865;
	}


p {

	font-size: 14px;
}

img {
	max-width: 100%;
}

address {
	font-style: normal;
}
ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.list{

}

 article {
	line-height: 25px;
	padding-bottom: 15px;
}





/*************** HR      Gradient transparent - color - transparent ***************/
		
hr.style-two {
	margin-top:20px;
	margin-bottom: 20px;
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
}



/************************ links ******************************/

a {
	text-decoration: none;
	color: inherit;
	outline: none;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}

a:hover {
	color: #f26522;
	
}

/*preclass*/

.mb0 {
	margin-bottom: 0px !important;
}
.m0 {
	margin: 0 !important;
}


.pad0 {
	padding: 0 !important;
}


.pt0 {
	padding-top: 0;
}

.img_inner {
	max-width: 100%;
	 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -o-box-sizing: border-box;
 box-sizing: border-box;
 position: relative;
}

.fleft {
	float: left;
	margin-right: 20px;
	margin-top: 3px;
	margin-bottom: 22px;
}

.fright {
	float: right !important;	
}

.upp {
	text-transform: uppercase;
}

.alright {
	text-align: right;
}
.center {
	text-align: center;
}
.wrapper, .extra_wrapper {
	overflow: hidden;
}
.clear {
	float: none !important;
	clear: both;
}



/****************************** header *********************************/

header {
	width: 960px;
	margin: 0 auto;
	margin-top: 35px;
	display: block;

}

header img {
	margin-bottom: 25px;
}



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



nav {
	width: 960px;
	display:block;
	margin-left: 15px;
}

nav li{
	display: inline;
	text-align: center;
	float: left;
	padding-right: 36px;
	
}

nav li a {
    display: block;
	color: #000717;
	font-size: 14px;
	font-weight: 700;
}





/*****************************  Content  ***********************************/

.content {
	width: 960px;
	margin:auto;
	padding-top: 30px;
	color: #000717;
	}



.details a {
	display: inline-block;
	color: #b288ab;
	padding-right: 12px;
	background: url(../images/link_marker.png) right 4px no-repeat;
	margin-top: 14px;
}

/*************************** HOME PAGE *******************************/


div .left{
	width:350px;

}

div .left p{
	color:#000717;
	line-height: 25px;
	font-size: 14px;
	font-weight: 400;
}

div .left h1{	
	color:#000717;
	font-weight: 700;
	font-size: 25px;
	line-height: 24px;
	padding-bottom: 10px;
}




div .right{
display:inline;
height: 10px;
float:right;
}

div .right img{
    position: relative;
    left: 50px;
    top: -375px;
    z-index: -1;
}

div .bottom{
display:inline;
height:5px;
}


div .fishes img{
    position: relative;
    left: 60px;
    top: -35px;
    z-index: -2;
}

/****************************   PREMIERE PROJECTS   *****************************/







/**************** OTHER IDEAS  ********************/

/****************  BUSINESS RECOGNITION ********************/


#business p {
	padding-bottom:20px;
}

.companies img {
	margin-bottom: 19px;
}

.bus_header {
	font-size: 24px;
	font-weight: bold;
}

.bus_list {
	margin-bottom: 19px;
}

.companies .text1 {
	margin-bottom: 9px;
}

.companies a {
	display: inline-block;
	color: #000000;
	padding-right: 12px;
	background: url(../images/link_marker.png) right 4px no-repeat;
	margin-top: 14px;
}

.companies a:hover {
	color: #fff;
}

.companies .clear {
	height: 0px;
}


#mark img {
	margin: 0px;
	padding: 0px;
}


/**************** EDUCATIONAL MATERIAL ********************/

#educational p {
	line-height: 22px;
}

.text1 {
	font-size: 19px;
	line-height: 19px;
}

.text2 {
	font-size: 17px;
	line-height: 19px;
}

.text3 {
	font-size: 20px;
	line-height: 19px;
}

.text4 {
	font-size: 12px;	
	line-height: 19px;
	font-style: italic;
}

.text6 {	
	font-size: 13px;
	line-height: 19px;
	color: Purple;	
	font-style: bold;
}


/**************** IN HOUSE ARTICLES ********************/

ul {
	list-style-type: circle;
}

#articles .content a:hover {
	color: #000000;
	
}


#articles .content a {
	text-decoration: none;
	color: #9D405F;
	outline: none;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}


/****************  BLOG ********************/

/**************** ARCHIVES ********************/

/**************** CONTACT  ********************/





























address dt {
	margin-bottom: 63px;
}


address dd span {
	min-width: 85px;
	display: inline-block;
	text-align: left;
}




/************Footer***********/

footer {
	display: block;
	width: 960px;
	margin:auto;
	
}

footer a:hover {
	color: #f17c72;
}

footer .ocean img{
    position: relative;
    left: -10px;
    top: -50px;
    z-index: -3;
}


footer li{
	display: inline;
	text-align: center;
	float: left;
	padding: 0 7px;
}

footer li a,
footer .dash{
    display: block;
	color: #b5d4e9;
	font-size: 10px;
	font-weight: 400;
}





.copy {
	color: #e0e8ec;
	padding-bottom: 30px;
	padding-right: 25px;
	font-size: 10px;
	line-height: 16px;
	text-align: center;
}