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

/*Normalize Margin, Padding*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6 pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

/*Normalize font-size for headers*/
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

/*Remove list-style from lists*/
ol, ul {
	list-style: none;
}

/*Normalize font-style and font-weight to normal*/
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

/*Remove list-style from lists*/
table {
	border-collapse: collapse; 
	border-spacing: 0;
}

/*Remove border from fieldset and img*/
fieldset, img {
	border: 0;
}

/*Left-align text in caption and th*/
caption, th {
	text-align: left;
}

/*Remove quotation marks from q*/	
q:before, q:after {
	content: '';
}

/*Layout*/
html {
	text-align: center;
	background-color: #01112b;
	
}

body {
	position: relative;
	width: 800px;
	margin: 0 auto;
	text-align: left;
	background-color: #fff;
	color: #04142e;
	font-family: "Garamond Premier Pro", Garamond , Ariel, sans-serif #3e020e;
	font-size: 16pt;
	
}

body#index {
	background: url(images/background.png) no-repeat center;
}

body#services {
	background: url(images/background_services.png) no-repeat center;
}

body#contact {
	background: url(images/background_contact.png) no-repeat center;
}

h2 {
	font-family: Garamond, Arial, Helvetica, sans-serif;
	font-size: 24pt;
	color: #04142e;
	text-align: center;
	line-height: 1em;
	padding: 15px 0px 10px 0px;
}

div#branding, div#nav, div#footer {
	width: 100%;
}

div#footer {
	clear: both;
}

/*Branding*/
div#branding1 {
	background:;
	height: 200px;
	border-bottom: 5px solid #01112b;
}

div#branding {
	background: url(images/header.png) center no-repeat;
	height: 200px;
	border-bottom: 5px solid #01112b;
}


h1 {
	text-indent: -9999px;
}



/*Navigation*/
div#main_nav {
	background: url(images/nav_bar.png) no-repeat center;
	text-align: center;
	height: 55px;
}

div#main_nav ul {
	padding-top: 10px;
}

div#main_nav li {
	display: inline;
	padding: 15px;

}

div#main_nav li#contact {
	border: none;
}

div#main_nav a:link, div#main_nav a:visited {
	color: #000066;
	text-decoration: none;
	font-size: 18pt;
	font-family: Garamond , Verdana, Arial, Helvetica, sans-serif;
}

div#main_nav a:hover, div#main_nav a:active {
	color: #fff;
	text-decoration: underline;
	
}


/*Index Content*/
div#main_content {

}

p.one {
	text-align: center;
	padding-bottom: 20px;
	font-size: 18pt;
}

p.two {
	padding: 20px 25px;
	line-height: 1.2em;
	text-align: justify;
}

p.three {
	text-align: center;
	padding: 0 40px;
}

span {
	font-size: 18pt;
	font-weight: bold;
}

div#main_content img#computer {
	float: left;
	padding-right: 20px;
}

div#main_content img#laptop {
	float: right;
	padding: 10px;
}

/*Services*/
ul#services {
	padding: 0 60px;
}

li#ser {
	padding: 10px 0px;
}

/*Contact Content*/
li#form {
	width: 500px;
	float: left;
	height: 580px;
	margin: 20px 0;
	font-size: 14pt;
}

li#form p {
	padding: 5px 20px;
	text-align: center;
}

li#form p.city {
	padding-left: 73px;
}

li#form p.phone {
	margin-left: -30px;
}

li#form p.email {
	padding-left: 60px;
}

li#form input {
	margin-left: 8px;
}

li#form p.fc {
	padding: 15px 10px 15px 10px;
}

li#form p.questions {
	margin: 20px 10px 10px 5px;
}

li#contact_info {
	padding: 0 10px;
}

li#contact_info h2 {
	margin-top: 15px;
	font-size: 20pt;
}

li#contact_info ol.vcard {
	text-align: center;
	line-height: 1.2em;
	padding: 10px;
}

li.adr {
	padding: 5px 0 15px 0;
}

li.numbers, li.email, li.website {
	padding: 10px 0;
}

li#contact_info a:link, li#contact_info a:visited, li#contact_info a:active {
	text-decoration: none;
	color: #023b8e;
}

li#contact_info a:hover {
	text-decoration: underline;
	color: #668ac0;
}

/*Site Info*/
div#footer {
	color: #04142e;
	background: url(images/footer_bar.png) no-repeat top;
	background-color: #dce6ed;
	margin-top: 20px;
}

div#footer p {
	font-size: 10pt;
	padding: 15px 0px;
	text-align: center;
}
div#footer ul {
	text-align: center;
	padding-top: 15px;
}

div#footer li {
	display: inline;
	padding: 0 2px;
}


div#footer a:link, div#footer a:visited {
	color: #04142e;
	text-decoration: none;
	font-size: 13pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div#footer a:hover, div#footer a:active {
	color: #3264b5;
	text-decoration: underline;
}