/*

Title: OpenOn stylesheet version 1
Client: Openon
Created: 5 June 2009
Author: David G. Swain
Url : http://davidgswain.com

*/

/* @group globals */

div, input, select, th, td, ul, ol, li, li li, blockquote, cite, img, p  {
	font-size:1em;
	line-height:1em;
	margin: 0;
	padding: 0;
}

address {
	font-style: normal;
	display: inline;
}

ol, ul {
	list-style-position: inside;
}

body {
	font-family: Arial, sans-serif;
	font-size:62.5%;
	line-height: 1em;
	margin:0;
	padding: 0;
	color: #7f8386;
	background: url(../images/page-images/header.jpg) no-repeat center top;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;	
	line-height: 1em;
}

h1 {
	font-size: 5em;
	margin: 0 0 0.25em;
	padding: 0;
}

h2 {
	font-size: 3em;
	margin: 0 0 0.25em;
	padding: 0;	
}

h3 {
	font-size: 2em;
	margin: 1em 0 0.5em;
	padding: 0;
}

h4 {
	font-size: 1.5em;
	margin: 1em 0 0.5em;
	padding: 0;
}

p {
	font-size: 1.5em;
	margin-bottom: 1em;	
}

img {
	border:none
}

a {
	text-decoration: none;	
	font-weight: bold;
}

a:link {
	color: #ff4707;
}

a:visited {
	color: #ff4707;
}

a:active {
}

a:hover {
	text-decoration: underline;
}

a[rel="external"] {
	background: url(../images/page-images/external.png) no-repeat right center;
	padding-right: 1.5em;
}
/* @end */


/* @group layout and styles */
#container {
	width: 98em;
	margin: 0 auto;
	/*background: url(../images/page-images/960_grid.png) repeat-y;*/
}

.nav li, #siteinfo ul li {
	list-style: none;	
	display: inline;
}

#content {
	width: 94em;
	background: url(../images/page-images/page-bg.jpg) repeat-y center top;
	margin: 0 auto;
	overflow: auto;
	padding: 5em 2em 2em;
}

#content li {
	line-height: 1.5em;
	font-size: 1.5em;
}

#content p {
	line-height: 1.5em;	
}


#content .column {
	float: left;
	width: 23%;
	padding: 0 	1em;
	border-right: 1px dotted #d4d4d4;
}

#content .last {
	border-right: none;
	padding-right: 0;
}

#branding{
	height: 7em;	
	margin-top: 2em;
	background: url(../images/page-images/openonlogo.png) no-repeat;
}

#navigation {
	height: 7em;	
	margin-top: -8em;	
}

#navigation ul.nav {
	float: right;
	position: relative;
	left: 1em;
	height: 6em;
}

#navigation ul.nav li {
	text-align: center;
	width: 5em;
	float: left;
	font-size: 1.4em;
	padding: 0.25em 0.25em 0;
	margin: 1em 1em 0;
	border-bottom: 10px solid #fff;
	height: 3.5em;
}

#navigation ul.nav li.current {
	background:#fff ;
	border: 1px solid #d5d5d5;
}

#navigation ul.nav li a {
	font-size: 1.429em;
	line-height: 1.429em;
	display: block;	
	color: #919191;
}

#navigation-breadcrumbs {
	font-size: 1.4em;
	margin: 0 1.5em;
	position: relative;
	top: 2em;
	line-height: 1em;			
}

#siteinfo {
	background: url(../images/page-images/footer.jpg) no-repeat center center;
	height: 10em;
	clear: both;
	padding:  0 1em;
}

#siteinfo ul {
	position: relative;	
	height: 6em;
	padding: 2em 0;
}


#siteinfo ul li#address {
	display: block;	
	line-height: 3em;
}

#siteinfo li#vcard, #siteinfo li#twitter {
	background:transparent url(../images/page-images/vcard.png) no-repeat scroll left center;
	font-size:1.75em;
	height:3em;
	left:28.5em;
	line-height:1.5em;
	padding-left:5em;
	position:absolute;
	text-align:center;
	top:1.25em;
}

#siteinfo li#twitter {
	left: 42.5em;
	background: url(../images/page-images/twitter.png) no-repeat left center;
}


#siteinfo li#vcard a, #siteinfo li#twitter a {
	display: block;
	padding:  2em 2em 1em 5em;
	margin:  -2em -2em -1em -5em;
}


.home #content {
	margin-top: 1em;	
}

.home #content-main {
	background-color: #FBF2E7;
	padding: 1em;	
	margin:  0 -1em 2em;
	overflow: auto;
}

.home #content-main img {
	display: inline;
	margin: 1em 0;
}

.home #content-main img.featured {
	margin-bottom: 0.5em;
}


.home #content-main img.middle {
	margin:1em;
}

.home .column h2 {
	font-size:2em;
}

.home .column h3 {
	font-size:1.5em;
}

.home .column img {
	width: 20em;
	padding: 0.75em;
	border: 1px solid #c6c6c6;
	margin: 0 auto 2em;
	background-color: #fff;
	display: block;
}

.what-we-do .featured, .blog .blogpost, .what-we-do #content-main, .tag li.product {
	background-color: #fff;
	border: 1px solid #858585;	
	padding: 1em;
	overflow: auto;
}

.what-we-do .featured img {
	width: 48%;
	float: right;
	border: 1px solid #cecece;	
	padding: 0;
	margin:0 0.25em;
}

.what-we-do .featured h2, .what-we-do .featured p {
	width: 49%;	
}

.what-we-do .featured h2 {
	font-size: 5em;
	border-bottom: 1px dotted #cecece;
}

.what-we-do  h3 {
	font-size: 2em;
}

.what-we-do img {
	width: 27.75em;
	border: 1px solid #cecece;
	padding: 1em;
	background-color: #fff;
	margin:0 0.25em;
}

.what-we-do #content-main img {
	width: 42em;
	float:left;
	margin:0 0.25em;
}

.what-we-do #content-main p {
	float: right;
	width: 30em;
	font-size:1.5em;
	margin-top:0;
}

.who-we-are #content p {
	float: left;
	width: 35em;
}

.who-we-are #content-related {
	float: right;
	width: 31em;
	margin-right: 1em;
}


.who-we-are #content-related div.contact {
	text-align: center;	
	width:14em;
	float: left;
	margin: 0.5em 0.5em 2em;
}

.who-we-are #content-related div.contact img {
	width: 12em;
	border: 1px solid #cecece;
	padding: 0.5em;
	background-color: #fff;
	border: 1px solid #cecece;
}

.who-we-are #content-related div.contact a {
	font-weight: normal;
	color: #919191;
}

.who-we-are #content-related div.contact h2 {
	font-size: 2em;
	margin: 0.75em 0 0;
}

.who-we-are #content-related div.contact p {
	width: 100%;
	margin-bottom: 0;
	font-size: 1.25em;
	line-height: 1.5em;
}

.who-we-are #details {
	float: right;
	text-align: center;
	width: 30em;
}

.who-we-are #details img {
	border: 1px solid #cecece;
	padding: 1em;
	background-color: #fff;
}

.who-we-are #details ul {
	margin: 2em auto 0;
	text-align: left;
	list-style: none;
	width: 78%;
}

.who-we-are #details ul li {
	font-size: 1.1em;
	line-height: 2em;
	text-indent: 2em;
}

.who-we-are #details ul li.twitter {
	background: url(../images/page-images/twitter-icon.png) no-repeat left;
}

.who-we-are #details ul li.skype {
	background: url(../images/page-images/skype_icon.png) no-repeat left;
}


.who-we-are #details ul li.linkedin {
	background: url(../images/page-images/linkedin-icon.png) no-repeat left;
}


.blog .blogpost {
	width: 58em;
	margin-bottom: 1em;
	position: relative;
}

.blog p#date {
	position: absolute;
	right: 1em;
	top: 1em;
}

.blog #content ul li {
	font-size: 1.4em;
	list-style: none;
	display: inline;
	margin-right: 1em;
}

.blog h3 {
	font-size: 2em;
	padding-bottom: 0.25em;
	margin-bottom: 0.1em;
}

.blog #archive 	{
	clear: right;
	width: 32em;
	float: right;
}

.blog #content #archive li {
	margin: 0 0 1em 0;
	font-size: 1.2em;
	display: block;
	position: relative;
}

.blog #categories {
	border: 1px solid #b6b6b6;
	float: right;
	padding: 1em;
	background-color: #f6f6f6;
	width: 30em;
	margin-top: 1em;
}

.blog #archive h4 {
	margin: 0 0 0.5em;
	font-size: 1em;
}

.blog #archive span.date {
	position: absolute;
	right: 0;
}

.blog #categories h4, .blog #tagcloud h4 {
	margin: 0 0 0.25em;
}




.blog #tagcloud {
	border: 1px solid #b6b6b6;
	float: right;
	padding: 1em;
	background-color: #f6f6f6;
	width: 30em;
	margin-top: 1em;
	clear: right;
}


.blog #content #categories li {
	display: block;
	line-height: 1.25em;
	list-style: none;
	text-align: right;
}

.blog #categories li a {
	float: left;
}


.nav-previous, .nav-next {
	width: 40%;
	margin: 1em 0 0;
	height: 2em;
	font-size: 2em;
}

.nav-previous {
	float: left;
}

.nav-next {
	float: right;
	text-align: right;
}

#comments {
	clear: both;	
}


#comments-list li {
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	background-color: #fff;
	padding: 0.5em 1em;
	list-style: none;
	position: relative;
}

#comments-list li.even {
	border-bottom: 1px solid #e8e8e8;
	border-top: 1px solid #e8e8e8;
	background-color: #fafafa;
}

#comments-list li.comment-author-admin {
	border-bottom: 1px solid #466DA8;
	border-top: 1px solid #466DA8;
}

	
#comments-list div.comment-author {
	font-size: 2em;
}

.talk #contact-details, .talk #contact-map  {
	width: 35.5em;
	float: right;
	margin: 2em;
	margin-right: 0;
}

.talk #contact-map {
	clear: right;
	border: 1px solid #b4b4b4;
	height: 20em;
}


.talk #contact-details address {
	font-size: 1.5em;
	line-height: 1.25em;	
	margin: 1em 0;
}


.talk #contact-details ul {
	margin-top: 2em;
	list-style: none;
}

.talk #contact-details li.telephone {
	padding-left: 3em;
	background: url(../images/page-images/telephone-small.png) no-repeat left center;
}

.talk #contact-details li.skype {

}

.talk #contact-details li.vcard {
	padding-left: 3em;
	background: url(../images/page-images/vcard-small.png) no-repeat left center;
}


#content-contact address {
	font-size: 1.5em;
	line-height: 1.5em;
}

.talk #contact-details p, #content-contact p {
	margin-top: 1em;
}

/* @end */

/* @group type */

#access {
	text-align: right;
	position: absolute;
	left: -100000em;
}

#access a, #navigation-supplementary a {
	font-size: 1.1em;
	color: #919191;
	line-height: 2em;
	padding: 0 0.25em;
	text-transform: uppercase;
	font-weight: normal;
}

#navigation-supplementary {
	text-align: center;
}

#navigation-supplementary li a {
	letter-spacing: 1px;
}

#branding p {
	margin: 0;
	width: 21em;
}

#branding p#branding-logo {
	font-size: 5em;
	width: 5em;
}

#branding p#branding-logo span {
	visibility: hidden;
}

#branding p#branding-logo a:hover {
 text-decoration: none;
}

#branding p#branding-tagline {
	font-style: italic;
	text-align: right;
	font-size: 1.2em;
	line-height: 1.5em;
	font-weight: bold;
}

#content-main p {
	font-size: 2.75em;
	margin: 0.5em 1em 0.5em 0;
	width: 23em;
	float: left;
}

.column p {
	font-size: 1.2em;
}

#siteinfo li {
	font-size: 1.4em;
}

#siteinfo li#copyright {
	font-size: 2em;
}

#siteinfo li#address {
	font-size: 1em;
}

#siteinfo li#address address {
	font-size: 1.4em;
}

.sitemap #content ul li {
	list-style: none;
	margin-left: 1em;
	font-size: 1.5em;
	line-height: 2em;
}

.sitemap #content ul li ul li {
	font-size: 0.75em;
}

/* @end */


/* @group form */
div.wpcf7 {
	float:left;
	width: 50%;
}

fieldset {
	border: none;
	margin:  0;
	padding:0;
}

legend {
	display: none;
}

label {
	font-size: 1.2em;
}


#your-name, #your-mail, #Othercontacttelephoneskypeetc, #your-subject, #your-message  {
	width: 32em;
	margin-bottom: 1em;
	padding: 0.25em;
	width:30em;
	font-size: 1.25em;
	color: #bdbdbd;
	font-family: arial, sans-serif;
	border: 1px solid #d5d5d5;
}

select {
	margin-bottom: 1em;
}

#Send {
	background-color: #efefef;
	color: #ababab;
	font-size: 1.5em;
	width: 6em;
	border: 1px solid #c7c7c7;
}

#your-name:focus, #your-mail:focus, #Othercontacttelephoneskypeetc:focus, #your-subject:focus, #your-message:focus, #your-name:active, #your-mail:active, #Othercontacttelephoneskypeetc:active, #your-subject:active, #your-message:active {
	border: 1px solid #a6a6a6;
	background-color: #fbfee7;
}
/* @end */


.wp-tag-cloud li {
	line-height: 2em;
	list-style: none;
	margin-right: 1em;
	display: inline;
}

.tag #content li {
	list-style: none;
	font-size: 1em;
	margin-bottom: 2em;
}

.tag li img {
	width: 45em;
	padding: 0.5em;
	border: 1px solid #a6a6a6;
	background-color: #FFF;
	display: block;
	float: left;
	margin-right: 3em;
}

.attachment .what-we-do img.attachment-thumbnail {
	width: auto;
}

.attachment img{
	width: auto;
}

.image-nav-previous {
	height: 10em;
	float: left;
	width: 33%;
}

.image-nav-next {
	height: 10em;
	float: right;
}

.attachment p.entry-meta {
	margin-top: 2em;
}

.blog #content div.blogpost ul, .blog #content div.blogpost ol, .detail #content ul, .detail #content ol  {
	margin-bottom:1em;
}

.blog #content div.blogpost li, .blog #content ul li {
	list-style-type:disc;
	margin-left:1em;
	display:block;
}

.blog #content div.blogpost ul.meta li, .detail #content ul.meta li {
	display:inline;
	margin: 0 1em 0 0;
}