/* CSS Document */

/* Reset */

html, body {
	margin:0; padding:0; border:0; background:transparent; font-size:10px; 
}

div, span, article, aside, footer, header, hgroup, nav, section, h1, h2, h3, h4, h5, h6, p, blockquote, a, ol ul, li, table, tr, th, td, tbody, tfoot, thead {
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline;
	background:transparent;
}

img {margin:0; padding:0; border:0;
}

table, tr, th, td, tbody, tfoot, thead {
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline;
	background:transparent;
}

table {border-collapse:collapse; border-spacing:0; }

input, select, textarea, form, fieldset {
	margin:0; padding:0; border:0;
}

article, aside, dialog, figure, footer, header, hgroup, nav, section {
	display:block; 
	}
	
h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike {
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:normal;
	font-style:normal;
	line-height:100%;
	text-indent:0;
	text-decoration:none;
	text-align:left;
	color:#000;
}

ol, ul {list-style:none; }

/* Global */
html { }
body { background-color: #FFF; }

/* Heading */

h1, h2, h3, h4, h5, h6 {font-weight:bold; color:#000 }

h1 {font-size:24px; }
h2 {font-size:20px; }
h3 {font-size:16px; }
h4 {font-size:14px; }
h5 {font-size:14px; }
h6 {font-size:14px; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0; }

/* text elememts */

p {color:#000; font-size:12px; line-height:150%; }
p .left {margin:1.5em 1.5em 1.5em 0; padding:0; }
p .right {margin:1.5em 0 1.5em 1.5em; padding:0; }


a { }
a:link {color:#FFF; }
a:visited {color:#FFF; }
a:active {color:#FFF; }
a:focus {color:#999; }
a:hover {color:#FF6633; }

blockquote {color:#000; font-size:12px; }

strong {font-weight: bold;}
em {font-style: italic; }

/* images */

/* list */

ul { }
ol {list-style-type:decimal; }

ul li {color:#000; font-size:12px; }
ol li {color:#000; font-size:12px; }

d1 { }
dt { }
dd { }

/* tables */

table {width:100%; }

tr { }
.odd {background-color:#eee; }
.even {background-color:#fff; }

th {font-weight:bold; }
thead, th {background-color:#ccc; }

tbody { }

th, td, caption { }
caption { }
 
tfoot { }
.tfooter {background-color:#ccc; text-align:center; font-style:italic; }

caption {background:#efefef; }

/* Miscellaneous */

sup, sub {line-height:0; }

abbr, acronym {border-bottom:1px dotted #666; }
address { }
del {background:#ffcece; color:#f00; }

code, pre {background-color:#ff9; padding:2px 0px; margin:4px 25px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:100; 
}

/* containers */

#wrapper {width:1024px; margin:0 auto; background-color:#FFF; border-top:10px #005677 solid; 
			border-bottom:1px #005677 solid; border-right:1px #005677 solid; border-left:1px #005677 solid; }

#login {margin:0; float:right; background-color:#005677;  }
#login ul li {display:inline; }
#login ul {margin-top:0; margin-right:30px; }

#social {clear:both; margin:0; float:right; }
#social ul li {display:inline; }
#social ul {margin-top:0; margin-right:30px; margin-right:30px; }

#logo {margin-left:20px; float:left; }

#topnav {clear:both; background-color:#333333; margin-top:0; margin-bottom:0; }
#topnav ul li {display:inline; }
#topnav ul {border-top:1px #333333 solid; border-bottom:1px #333333 solid; padding:5px; }
#topnav ul li a {padding:0 15px; }

#topnav a:link {color:#FFF; }
#topnav a:visited {color:#FFF; }
#topnav a:active {color:#FFF; }
#topnav a:focus {color:#999; }
#topnav a:hover {color:#FF6633; }

#banner { margin:0; margin-top:0; margin-bottom:0; padding:0; }

#bodytext {width:auto; float:left; margin:20px;}

#content-wrapper {width:1024px auto; margin:0 auto; }
#image-wrapper {background-image: url(..images/aboutbanner.jpg); 				
				background-repeat:no-repeat; 
				background-attachment: scroll; 
				width:1024px; height:auto; 
				 }

#bottomnav { clear:both; padding-top:50px; padding-bottom:25px; }
#bottomnav ul li {display:inline; }
#bottomnav ul { alignment-adjust:central; }
#bottomnav ul li a {padding:0 5px; }

#bottomnav a:link {color: #333 ; }
#bottomnav a:visited {color:#333; }
#bottomnav a:active {color:#333; }
#bottomnav a:focus {color:#999; }
#bottomnav a:hover {color:#FF6633; }

#footer { margin-top:20px; clear:both }
 
 
#box1 { width:900px; margin-left:50px; margin-top:25px; }

#box2 { }

#box3 { }

#box4 { }

#box5 { }

#box6 { }

/* layout extra */

/* navigation extra */

/* forms */

form ol {list-style-type::none; }

form {text-align:left; margin:20px; }

label {
		float:left; width:150px; margin-top:5px;
		text-align:right; display:block; background:none; font-weight:bold;
}

submit {background:none; }

input { width:280px; margin:0 0 16px 10px;
		border:1px #bbb solid; padding:5px; background:none; }
		
input:focus, textarea:focus {background-color:#BFEBFF; }

textarea { width:280px; height:150px; margin:0 0 16px 10px;
		border:1px #bbb solid; padding:5px; background:none; }
		
select {margin-bottom:20px; }

.month {margin-left:155px; }

.submit { width:280px; height:25px; margin-left:170px; font-size:12px; }

br {clear:left; }

.clear {clear:both; }


/* mics */
.copyright-text {font-size:80%; font-style:italic; color:#333; text-align:center; }
.footer-text {font-size:100%; font-style:normal; color:#333; text-align:center; }

.para {margin:50px 50px 50px 100px; }


.imagei { 
		position:relative;
		float:left; 	
	 }

.imagei .text {
	position:absolute;
	top:10px;
	left:10px;
	width:900px; 
	 }


.image { 
		position:relative;
		float:left; 
		margin-left:50px;
		
	 }

.image .text {
	position:absolute;
	top:10px;
	left:10px;
	width:900px; 
	 }
	
.holder	{
		background-color:#FFFFFF;
		padding:10px;
		margin-left:62px;
		margin-top:10px;
		margin-right:62px;
}

.holdera	{
		background-color:#FFFFFF;
		padding:10px;
		margin-left:62px;
		margin-top:0px;
		margin-right:62px;
}


.holdertraining	{
		background-color:#FFFFFF;
		padding:10px;
		margin:62px;
		margin-top:50px;
		}
		
.holderclients	{
		background-color:#FFFFFF;
		padding:10px;
		margin:62px;
		margin-top:10px;
		}
		
.holderconsult	{
		background-color:#FFFFFF;
		padding:10px;
		margin:62px;
		margin-top:20px;
		margin-left:20px;
		}				

.holderservice	{
		background-color:#FFFFFF;
		font-size:14px; color: #333; font-style:italic;
		margin-top:5px;
		margin-left:70px;
		margin-right:62px;
		}
		
		
.holderservicei	{
		background-color:#FFFFFF;
		font-size:14px; color: #333; font-style: normal;
		margin-top:5px;
		margin-left:40px;
		margin-right:62px;
		}
		
.holderabout	{
		background-color:#FFFFFF;
		font-size:14px; color: #333; font-style: normal;
		margin-top:5px;
		margin-left:32px;
		margin-right:62px;
		}
	
.holderproject	{
		background-color:#FFFFFF;
		padding:10px;
		margin-left:62px;
		margin-top:50px;
		margin-right:62px;
}
	
.tagline { font-style: italic; font-weight: bold; color: #005677; font-size:14px;
			margin-bottom:5px; text-align:center;
}

.taglinei { font-style: italic; font-weight: lighter; color: #FC0; font-size:20px;
			margin:20px;
}

.title {font-size:16px; font-weight:bold; color:#333; 
		margin-left:70px;
		margin-top:10px; }
		
.titleconsulting {font-size:16px; font-weight:bold; color:#333; 
		margin-left:40px;
		margin-top:25px; }

.center { text-align:center; }

.centerp { clear:both;
			text-align:center; 
			font-size:16px; color:#F30;
			 }
			 
.centeri { clear:both;
			text-align:center; 
			margin-top:25px; 
			 }	
			 
.color {color:#005677;}		 

.contact {font-size:16px; margin-left:200px; 
			color:#666666; }
			
.movedown { margin-top:50px; }			

.contact a:link {color:#005677; }

.single { text-align:center; margin:200px }
.justify {text-align:justify; }
.login_link { font-weight:bolder; font-size:12px; }	

.subtitle {font-size:14px; font-style:italic; color:#333; }

.artist {font-size:16px; font-weight:bold; color:#333; }
.author {font-size:14px; font-weight:bold; color:#555; }
.editor {font-size:14px; font-style:italic; color:#555; }

.pub-date {font-size:10px; font-style:italic; color:#555; }
.article-date {font-size:10px; font-style:italic; color:#555; }
.location {font-size:10px; font-style:italic; color:#555; }

.float-right {float:right; }
.float-left {float:left; }
.clear {clear:both; }

.hide {display:none; }
.block {display:block; }
.inline {display:inline; }

.first {font-weight:bold; }
.last {font-weight:bold; }
.left {font-weight:bold; text-align:left; }
.right {font-weight:bold; text-align:right; }

.added {background:#d7d7ff; }
.removed {background:#ffcece; color:#f00; }
.changes {background:#ffb; }

/* success, infor, notice and error/alert boxes - from blueprint css framework */
.error, .alert, .notice, .success, .info {
	padding:0.8em; 
	margin-bottom: 1em;
	border:2px solid #ddd;  
}

.error, .alert {background:#fbe3e4; color:#8a1f11; border-color:#fbc2c4; }
.notice {background:#fff6bf; color:#514721; border-color:#ffd324; }
.success {background:#e6efc2; color:#264409; border-color:#c6d880; }
.info {background:#d5edf8; color:#205791; border-color:#92cae4; }

.error a {color:#8a1f11; }
.alert a {color:#8a1f11; }
.notice a {color:#514721; }
.success a {color:#264409; }
.info a {color:#205791; }

/* end of css code framework */