@import url(http://fonts.googleapis.com/css?family=Nothing+You+Could+Do);
/*******************************************************/
/*               RESETS                                */
/*******************************************************/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)*/
html {
	height: 101%;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.5em;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*******************************************************/
/*             STANDARD ELEMENTS                       */
/*******************************************************/
img {margin:0; padding:0;}
a img {border:none;}

a {
	color:#687501;/*green*/
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a:visited {
	color:#204c79;}/*blue*/
	text-decoration:none;
}
.fr {float:right;}
.fl {float:left;}
.bold {font-weight:bold;}
.small {font-size:smaller;}
.large {font-size:large; }
.larger { font-size: 1.4em; }
.italic {font-style:italic;}
  
h1, h2, h3, h4, h5, h6, ul {
	padding: 0 20px;
    color:#204c79;
    font-style: bold;
    text-align: left;
	font-family: 'Nothing You Could Do', cursive;
}
h4 {
	margin-bottom: -25px;
	font-size: 120%;
}
p {
	margin:20px;
	text-align:justify;
	font-size: .8em;
}
ul.index li {
	font-size: 150%;
	line-height: 1.8em;
	margin-left:40px;
}
.button {
	border-radius: 22px;
	border: thin solid #204c79;
	text-align: center;
	font-weight: bold;
	margin-top: 80px;
}
/*******************************************************/
/*                 STRUCTURE                           */
/*******************************************************/
body {
     background: url(../img/ocean-background.jpg) white no-repeat top center;
	 padding: 5px;
     text-align:center;
     color:black;
     font-family: Verdana, sans-serif;
}
#container {
	width:1000px;
	margin:0 auto;
	}
header {
	width: 1000px;
	margin: 0 auto;
	padding:0;
	border:0;
	margin-top: -40px;
	height: 258px;
}
.nivoSlider {
	position:relative;
}

.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	height: 200px;
}
#description {
	position: relative;
	top: 100px;
	left: 10px;
	z-index: 30;
	width: 600px;
}
             

#description h1 {
	color: white;
	font-family: 'Nothing You Could Do', cursive;
	font-size: 1.5em;
	line-height: 1.2em;
}
/*******************************************************/
/*                 NAVIGATION                          */
/*******************************************************/
nav {
	text-align: left;        
	position: relative;
	top: -30px;
	z-index: 50;
	padding:.3em 0;
	font-size: 1.2em;
}
nav ul li { display:inline; }
nav ul li a { 
	text-decoration:none;
	padding-right: 1.1em;
	padding-left: 0.5em;
	color:white;
}					
nav ul li a:hover {text-decoration:underline;}
nav ul li a:visited {color:white;}

/*******************************************************/
/*                 MAIN / CONTENT                      */
/*******************************************************/
#main {
	/*min-height:600px;*/
	margin: 0 auto;
	padding-bottom:40px;
	position:relative;
	top: 0;
	z-index:20;
	background-color: #fff;
	/*background-image: url(../img/wave-1000.png);*/
	background-repeat: no-repeat;
	background-position: -20px 80px;
	overflow: auto;
}
#home #main {
	background-image: url(../img/wave.png);
}    
#main h2 {
	/*background: transparent url(../img/ocean-logo-h2.png) left bottom no-repeat;*/
	font-size: 1.7em;
	padding: 40px 0 0 20px;
	/*margin-left: 20px;*/
}
#main h3 {
	margin-top: 20px;
	margin-left: 20px;
	font-size: 1.4em;
}
.logo {
	float:left;
	width:60px;
	margin-right: 5px;
	margin-bottom: 20px;
}
.intro {
      margin-right: 340px;
}
.article-img {
	float:left;
	width: 300px;
	margin: 20px 20px 0;
}
/*******************************************************/
/*                 SHARE / REFERENCES                  */
/*******************************************************/
.share {
	float:left;
	width: 420px;
}
.share article {
	margin-left: 20px;
}
.reference {
	float:left;
	width:960px;
	height: 225px;
	margin-bottom: 20px;
}
.box {
	float: left;
	width: 425px;
	margin: 0 20px;
	height: 220px;
	padding: 0 5px;
	border-radius: 22px;
	border: thin solid #687501;
	box-shadow: 3px 3px 7px #777;
}
#home .reference {
	float:left;
	width:678px;
	height:245px;
}
#home .box {
	float:left;
	width: 282px;
}
.stds_skills {
	float:left;
	width:400px;
	margin-top:50px;	
	margin-left: 20px;
}
.stds_skills img {
	float:left;
	width: 32px;
}

/*******************************************************/
/*                 SIDEBAR                             */
/*******************************************************/
.sidebar {
		float: right;
		width:320px;
		border-left:2px solid #204c79;
		min-height:410px;
        margin:0;
        font-size: 1.2em;
		}
        
.sidebar ul {
         width:200px;
         margin-top:20px;
         }
         
.sidebar ul li {
         margin-top:30px;
         }

.social {
	margin-top: 25px;
}

.fb-like-box {
	border-right: thin solid #204c79;
	border-bottom: thin solid #204c79;
}
.pNews {
	font-size: 0.6em;
	text-align: left;
	line-height: 1.4em;
}
/*******************************************************/
/*              SPECIAL ELEMENTS                       */
/*******************************************************/
blockquote {
	font-style: italic;
	font-size: .8em;
	quotes:"\201C""\201D""\2018""\2019";
	text-align: left;
	margin-left: 10px;
	width: 725px;
}
blockquote:before {
	color:#204C79;
	content:open-quote;
	font-size:2em;
	line-height:.1em;
	margin-right:.10em;
	vertical-align: -.2em;
}
blockquote:after {
	color:#204C79;
	content:close-quote;
	font-size:2em;
	line-height:.1em;
	margin-left:.10em;
	vertical-align: -.2em;
}
.footnote {
          margin:0;
          padding:4px 20px 0 40px;
          font-size:.9em;
          }
.fancy {
	font-family: 'Nothing You Could Do', cursive;
	font-style: bold;
	font-size: 1.6em;
	color:#687501;
}
ul.list {
	color: black;
	margin-left: 60px;
	font-size: 0.8em;
	text-align: left;
	font-family: Verdana, sans-serif;
}
ul.list li {

	list-style: square;

}
#signature {
           margin-left:680px;
           }
#local {
	background-image: none;
	background-color: #C3CFDB;
}
.fb-like-box {
	margin-top: 30px;
}
.affiliates {
	float: left;
	height: 35px;
}
.date {
	font-family: Verdana, sans-serif;
	color: black;
	font-size: 0.8em;
	margin-bottom: 0;
}
/*******************************************************/
/*                 PORTFOLIO                           */
/*******************************************************/
.thumbnails {
	width: 990px;
}
.thumbnails img {
	margin: 20px;
	border: 2px solid #C1CDD9;
	width: 200px;
	height: 133px;
}
.portfolio {
	padding: 0 20px;
	position:relative;
	z-index:20;
}
.portfolio img {
	   float:left;
	   border:thin solid black;
	   width:200px;
	   margin: 0 10px 0 0;
}
.portfolio p {
	margin-left: 5px;
}

.quoter {
	margin-top: -.4em;
	text-align: right;
}
.pagination {
	float:left;
	width: 940px;
	clear:both;
	padding-top: 10px;
	font-family: Verdana, sans-serif;
	font-size: .8em;
}
.pagination li {
	display: inline;
}
.pagination li.fr {float:right;}


/*******************************************************/
/*                 FORMS                               */
/*******************************************************/
form {
     width:700px;
     margin:0;
     padding:10px;
     }
     
form p  {text-align:left;}
     
input {
      background-color:#cfdbe6;    
      height: 25px;
}
textarea {
         background-color:#cfdbe6;
         text-align: left;
         }
/*******************************************************/
/*                 TABLES                              */
/*******************************************************/
table {
      margin:0 30px;
      border-bottom:2px solid #204c79;
      width:740px;
      font-family: Verdana, Helvetica, sans-serif;
      }
table th {
      border-bottom:2px solid #204c79;
      }
table tr td {
      }
.left {
      text-align:left;
      padding:8px;
      }

.internal {
	
	padding-right: 60px;

}
#domainit {
	border: 1px solid #204c79;
	width: 236px;
}
/*******************************************************/
/*                 FOOTER                             */
/*******************************************************/

footer {
	background-color:#204c79;
	margin:0 auto;
	padding:10px;
}
footer ul {
        color:white;
        text-align:center;
        line-height: .8em;
        font-size: .8em;
        font-family: Verdana, sans-serif;
        width:100%;
        margin:0 auto;
}
footer a {color:white;}
footer p {
        margin:0;
        padding:0;
        color: white;
        text-align: center;
        font-size: .8em;
}
        
#bottom  {text-align:center; font-family: Verdana, sans-serif; font-size: .8em;}
        
#bottom ul {
        padding:.5em;
        margin:0;
        width:100%;
        }

#bottom li {
		   display:inline;
		   }
#bottom li a { 
			padding:0.8em;
			color:white;
            text-decoration:none;          
            }
#bottom a:hover {text-decoration:underline; }