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

body {
	font-family: Verdana, Helvetica, "Century Gothic", "Apple Gothic", "Lucida Grande", Sans-serif, Arial;
	font-size: 14px;
	color: #07286b;
}

img {
	border: 0;
}

form {
	margin: 0;
	padding: 0;
}

legend {
	color: #07286b;
	font-weight: bold;
}

fieldset {
	border: 1px solid #07286b;
	padding: 15px;
	width: 50%;
	margin-bottom: 15px;
}

feildset p { 
	margin: 0;
}

input#username, input#password {
}





.hidden {
	display: none;
}

.error {
	color: red;
}






#container {
	width: 80%;
	margin: 25px auto;
	background: #ffffff;
}






#header {
  height: 150px;
}

#header h1 a {
	height: 150px;
	width: 500px;
	background: url(/public/images/logo.png);
	background-repeat: no-repeat;
  outline: none;
	position: absolute;
	text-indent: -9000px;
}

#header h1 a:hover {
  opacity: 0.75;
}






#top {
	background: #07286b;
	color: #ffffff;
	font-family: Verdana, Helvetica, "Century Gothic", "Apple Gothic", "Lucida Grande", Sans-serif, Arial;
  padding: 10px 0;
  line-height: 18px;
  text-align: left;
	margin: 0;
	border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

#top #top_right {
  font-size: 16px;
  margin-right: 15px;
  float: right;
  text-align: right;  
}

#top ul {
	list-style: none;
  margin: 0;
  padding-left: 15px;
}

#top ul li {
	display: inline;
  font-size: 16px;
  padding: 0 10px;
}

#top ul li a {
	color: #ffffff;
  outline: none;
	text-decoration: none;
}

#top ul li a:hover {
	color: #3768ca;
}






#sidebar {
	float: right;
  margin-top: 50px;
	width: 240px;
	line-height: 18px;
/*  margin-bottom: 25px;*/
}

#sidebar .section {
	padding: 10px;
	background: #07286b;
	color: #ffffff;
	margin-bottom: 25px;
	border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

#sidebar .section ul {
	list-style: square;
	margin: 5px;
}

#sidebar .section li {
  font-size: 16px;
  padding: 5px 0;
}

#sidebar .section a {
	color: #ffffff;
  outline: none;
	text-decoration: none;
}

#sidebar .section a:hover {
	color: #3768ca;
}




#sidebar .section li#linkedin {
	list-style-image:  url(/public/images/linkedin.png)
}

#sidebar .section li#twitter {
	list-style-image:  url(/public/images/twitter.png)
}

#sidebar .section li#cvcafe {
	list-style-image:  url(/public/images/cvcafe.png)
}







#content {
	margin: 50px 240px 25px 0;
	line-height: 18px;
}

#content .padding {
  padding: 0 25px;
}

#content ul {
	list-style: square;
}

#content h2 {
	font-size: 24px;
	margin-top: 0;
	padding-bottom: 15px;
}

#content h3 {
	font-size: 24px;
	font-weight: bold;
  margin-top: 25px;
	padding-bottom: 15px;
}

#content p {
	font-size: 18px;
	margin: 0;
	padding-bottom: 15px;
}

#content li {
	font-size: 18px;
	margin: 0;
  padding-bottom: 10px;
}

#content a {
  outline: none;
	color: #07286b;
}

#content a:hover {
	color: #3768ca;
}

#content .portfolio_item, .service_item {
	color: #07286b;
	font-family: Verdana, Helvetica, "Century Gothic", "Apple Gothic", "Lucida Grande", Sans-serif, Arial;
	line-height: 18px;
}

#content .portfolio_item p {
	font-size: 16px;
	margin: 0;
	padding: 15px 0;
}

#content .portfolio_image {
  float: left;
  margin: 0 25px 0 0;
}

#content .portfolio_image:hover {
  opacity: 0.75;
}

#content table {
	border: 1px #07286b solid;
	border-collapse: collapse;
	border-spacing: 0px;
	font-family: Verdana, Helvetica, "Century Gothic", "Apple Gothic", "Lucida Grande", Sans-serif, Arial;
	width: 450px;
}

#content td.header {
	color: #ffffff;
	background-color: #07286b;
	font-size: 12px;
	padding: 4px 0 4px 8px;
}

#content td.detail {
	color: #07286b;
	border-bottom: 1px #6699CC dotted;
	font-size: 10px;
	padding: 4px 0 4px 8px;
	text-align: left;
}







#footer {
	color: #07286b;
	clear: both;
	font-family: Verdana, Helvetica, "Century Gothic", "Apple Gothic", "Lucida Grande", Sans-serif, Arial;
	font-size: 10px;
	padding: 10px 0;
	border-top: 1px #efefef solid;
	line-height: 18px;
}

#footer .center {
	float: center;
	text-align: center;
}