/* @override 
	http://www.video-ventures.co.uk/css/vv-09.css
*/

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



fieldset, img {border:0;}

ul { list-style:none; }

h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }

#inner1 h3 {font-size:120%; font-weight:bold; text-align:center;padding-top:10px;}

p {font-family: 'Vollkorn', serif; font-size:75%;line-height:18px; margin-bottom:10px; }

html,body {background:#BEC3C6 url(../blog/wp-content/themes/inove/img/bg.jpg) repeat-x; font-family:Arial, Verdana, sans-serif; font-size:small; color: #373737; margin: 0;padding-top:10px;}

#container { width:961px; margin:auto; background:#dad8d8;}

#main-header {
	background:url(../images/layout/header.jpg);
	width:961px;
	height:125px;}
	
#nav {
	height: 32px;
	padding-top: 85px;
	color:white;
}


body {
	font-family: 'OFL Sorts Mill Goudy TT', arial, serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  text-shadow: none;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0em;
  word-spacing: 0em;
  line-height: 1em;
}


#full-width {margin-left:auto;}

#main-header #nav li { float:left; margin-right:100px; font-size: 80%; font-family:Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#main-header #nav li a { color: #b08aaa; text-decoration:none; padding-top: 0px; }


 #leftColumn {
	background: #dad8d8;
	float:left;
	width:710px;
	padding:0px;
	margin:0px 0px 0px 0px; /* the right margin on this div element creates the column down the right side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
} 

#leftColumn #inner1 {
	background:#fff url(../images/layout/main_content_bg.png) repeat-y;
	font-family: 'Vollkorn', serif;
	min-height:450px;
    height:auto !important;
    height:450px;
	margin: 5px 0 0 21px;
	padding:0 0 0 5px;
}

#leftColumn .video {
	width:220px;
	padding:0px;
	margin:1px;
	float:left;
}

#leftColumn #inner1 p {
	font-family: 'Vollkorn', serif;
  font-size: 90%;
  font-style: normal;
  font-weight: 300;
  text-shadow: none;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0em;
  word-spacing: 0em;
  line-height: 1.5em;

}

#leftColumn a:link {color:#2970A6;}
#leftColumn a:hover {color:#960;}
#leftColumn img  {padding:10px;}

#rightColumn {
	background:#dad8d8;
	width:250px;
	margin-right:0px;
	float:right;
}

#rightColumn #inner {
	margin-left:12px;
	margin-top:5px;
}

#rightColumn a:link {color:#000;}
#rightColumn a:hover {color:#960;}

#rightColumn #inner .blogPost {font-size:85%;text-align:right;line-height:18px; margin:0 0 1.4em;}

.divider { border:0; background: url(../images/layout/divider.png) no-repeat center; margin: 5px 0px; clear:left; height: 50px; }

.news {background:url(../images/layout/news_sidebar.png) no-repeat; height:151px;width:228px; padding-top: 25px;}

.news p {font-size:85%; text-align:center;}

.news a:link {color: black;text-decoration:underline;}

#blogBar {background: url(../images/layout/latest_blog.png) no-repeat; height:315px;width:228px; padding-top: 25px;}

#middleBar {
	background:url(../images/layout/middle.png) no-repeat;
	width:961px;
	height:169px;
}


	
#footer {background:#000 url(../images/layout/footer.jpg) no-repeat;
height:250px;
color:#d1d1d1;
width:961px;
float:left; 
line-height:20px;
}

#blogfooter a:visited {color:#FF0;text-decoration:none;}
#blogfooter a:link {color: yellow;text-decoration: none;}
#blogfooter a:hover{color:#F93;	text-decoration: underline;}
#footer a:visited {color:#FF0;text-decoration:none;}
#footer a:link {color: yellow;text-decoration: none;}
#footer a:hover{color:#F93;	text-decoration: underline;}
#footer .cols { 
width:165px;
float:left; 
padding: 20px 0 0 10px;
margin-left:50px;
margin-top:25px;
border-right:1px solid #C1C1C0; 
height: 180px;
font-size:85%;}

#footer .lastcol { 
width:150px;
float:left;
padding: 20px 0 0 10px;
margin-left:40px;
margin-top:25px;
border-right:none; 
height: 180px;
font-size:85%;}

#page_bottom {
background:url(../images/layout/page_bottom.gif) no-repeat;
height:30px;padding-bottom:10px;}

.cols h4 { color: #fff; font-size:16px;}

.lastcol h4 { color: #fff; font-size:16px;}

#blogfooter {background:#000 url(../images/layout/footer.jpg) no-repeat;
height:250px;
color:#d1d1d1;
width:961px;
float:left; 
line-height:20px;
}

#blogfooter .cols { 
width:165px;
float:left; 
padding: 20px 0 0 10px;
margin-left:50px;
margin-top:25px;
border-right:1px solid #C1C1C0; 
height: 180px;
font-size:85%;}

#blogfooter .lastcol { 
width:150px;
float:left;
padding: 20px 0 0 10px;
margin-left:40px;
margin-top:25px;
border-right:none; 
height: 180px;
font-size:85%;}

#blogpage_bottom {
background:url(../images/layout/page_bottom.gif) no-repeat;
height:30px;padding-bottom:10px;}

.cols h4 { color: #fff; font-size:16px;}

.lastcol h4 { color: #fff; font-size:16px;}

#twitter-logo {
	width:87px;
	height:125px;
	position:relative;
	top:0px	5px;
	left: 850px;
	float:left;
}

#middleCols {
float: left;
width: 961px;	
	padding-right: 0;
	padding-top: 57px;
	padding-left: 0;
	display:inline;
}

#middleCols a:visited {color:#FF0;text-decoration:none;}
#middleCols a:link {color: yellow;text-decoration: none;}
#middleCols a:hover {color:#F93; text-decoration: underline;}


#middleCols p{
	font-size: 11px;
	color:white;
}


#middleCols ul{
	float: left;
	width: 960px;
}

#middleCols ul li {
	float: left;
	display:inline;
	margin-left:43px;
	margin-right: 14px;
	margin-bottom: 10px;
	width: 250px;
}

.fltrt {float:right;}
.fltlt {float:left;}

.clearfloat {clear:both;}

.alignRight {color:white;text-align:right}

.alignCenter {text-align:center}

/*NAVIGATION SYSTEM */



a.home {background:url(../images/navBar/home.gif) no-repeat;text-decoration: none;display: block;width: 40px;height: 32px;float:left;position:relative;left: 10px;}
a.home:hover {  background-position: 0px -32px; text-decoration:none;}

a.about {background:url(../images/navBar/about.gif) no-repeat;text-decoration: none;display: block;width: 44px;height: 32px;float:left;position:relative;left: 10px;}
a.about:hover {  background-position: 0px -32px; text-decoration:none;}

a.clients {background:url(../images/navBar/clients.gif) no-repeat;text-decoration: none;display: block;width: 49px;height: 32px;float:left;position:relative;left: 10px;}
a.clients:hover {  background-position: 0px -32px; text-decoration:none;}

a.services {background:url(../images/navBar/services.gif) no-repeat;text-decoration: none;display: block;width: 56px;height: 32px;float:left;position:relative;left: 10px;}
a.services:hover {  background-position: 0px -32px; text-decoration:none;}

a.testimonials {background:url(../images/navBar/testimonials.gif) no-repeat;text-decoration: none;display: block;width: 89px;height: 32px;float:left;position:relative;left: 10px;}
a.testimonials:hover {  background-position: 0px -32px; text-decoration:none;}

a.media {background:url(../images/navBar/media.gif) no-repeat;text-decoration: none;display: block;width: 41px;height: 32px;float:left;position:relative;left: 10px;}
a.media:hover {  background-position: 0px -32px; text-decoration:none;}

a.blog {background:url(../images/navBar/blog.gif) no-repeat;text-decoration: none;	display: block;width: 33px;height: 32px;float:left;position:relative;left: 10px;}
a.blog:hover {  background-position: 0px -32px; text-decoration:none;}

a.contact {	background:url(../images/navBar/contact.gif) no-repeat;text-decoration: none;display: block;width: 63px;height: 32px;float:left;position:relative;left: 10px;}
a.contact:hover {  background-position: 0px -32px; text-decoration:none;}

h1{height:0px;padding:28px 0 0 0;overflow:hidden;}

h1.home {padding:26px 0 0 0; background:url(../images/logos/home.gif) no-repeat 0 0;}

h1.about {padding:50px 0 0 0; background:url(../images/logos/about.gif) no-repeat 0 0;}

h1.services {padding:75px 0 0 0; background:url(../images/logos/services.gif) no-repeat 0 0;}

h1.clients {padding:50px 0 0 0; background:url(../images/logos/clients.gif) no-repeat 0 0;}

h1.media {padding:50px 0 0 0; background:url(../images/logos/media.gif) no-repeat 0 0;}

h1.testimonials {padding:50px 0 0 0; background:url(../images/logos/testimonials.gif) no-repeat 0 0;}

h1.contact {padding:50px 0 0 0;	background:url(../images/logos/getintouch.gif) no-repeat 0 0;}

h1.wrongform {padding:75px 0 0 0; background:url(../images/logos/wrong-form.gif) no-repeat 0 0;}

h1.thanks {padding:75px 0 0 0; background:url(../images/logos/thanks.gif) no-repeat 0 0;}

/*h1 { font-size: 22px; line-height:24px; margin-bottom:8px; overflow:hidden;} */

h2 { font-size: 18px; line-height:24px; margin-bottom:8px; font-weight:bold; }

/*FORM */

#contactForm { padding: 0px 0 0 38px; width: 540px; float: left;
	
	border-color: #e3e3e3;
	margin-left: 49px;
}

#inTouch dl dt label, #extended-form dt label  {
	float: left;
	display: block;
	width: 200px;
	font-weight: bold;
	font-size: 12px;
	padding-top: 10px;
}

#contactForm dl dt {
	float: left;
	padding-top: 5px;
}

#contactForm dd.form_input input, #extended-form dd.form_input input {
	width: 300px;
	border: 2px solid #dad8d8;
	padding: 5px;
	margin-top: 8px;
}

#contactForm dd, #extended-form dd.form_input{
	border-bottom: 1px solid #e3e3e3;
	padding-bottom: 10px;
}

.submit_form { width: 110px; height: 53px; text-indent: -9999px;display:block; border:0; margin-top:20px; margin-left:187px;background: url(../images/logos/email.png) no-repeat;
}
.submit_form:hover { background-position: 0 -53px; cursor:pointer; }