/*   
Theme Name: Visiomente
Theme URI: www.visiomente.com
Description: Visiomente Corporate Internet Site
Author: Aaron Wentzel
Author URI: www.takbax.com
Template: visiomente
Version: 1.0
.
To work with themes review http://codex.wordpress.org/Theme_Development
.
*/


*{
	padding:0;
	margin:0;
}
/* Global Styles */
body{
	background:url(images/bg-body.gif) repeat-x left top #c86200;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.69em;
	margin:0 auto;
	color: #372d24;
}
br{
	line-height: 0px;
	color: #372d24;
}
a{
	color:#C86200;
	text-decoration:underline;
}
a:hover{
	text-decoration:none;
}
img{
	border:none;
}
h1{
	color: #c86200;
	font: bold 1.64em Helvetica, sans-serif;
	padding: 10px 0px 10px 0px;
}
h2{
	color: #372d24;
	font: bold 1.46em Helvetica, sans-serif;
	padding: 15px 0px 10px 0px;
}
h3{
	color: #c86200;
	font: bold 1.30em Helvetica, sans-serif;

}
h4{
	color: #372d24;
	font: bold 1.20em Helvetica, sans-serif;

}
p{
	padding-bottom: 8px;
	color: #372d24;
}
ul{
	color:#372d24;
	padding-left: 15px;
	padding-bottom:10px;
}
ul li{
	list-style:circle;
	padding: 5px 5px 0px 5px;
}
ul.second-level{
	color: #c86200;
	list-style: disc;
}
ol{
	color:#372d24;
	padding-left: 15px;
	padding-bottom:10px;
}
ol li{
	list-style:decimal;
	padding: 5px 5px 0px 5px;
}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}

/* Framework Styles */
#wrapper{
width:1003px;
margin:0 auto;
background:url(images/bg-wrapper.gif) repeat-y #FFFFFF;
}

#page{
width:983px;
margin:0 auto;
padding:0 10px;
background:url(images/bg-wrappertop.gif) repeat-x;
}
#content{
	width:963px;
	padding:0px 10px 10px 10px;
}
#home {
	padding: 10px 0px 0px 0px;
}
#left-col {
	width: 318px;
	float: left;
	position: relative;
	top: 0px;
	padding: 0px 5px 5px 0px;
}
#right-col {
	float: right;
	width: 625px;
	padding: 0px 5px 5px 0px;
}



#top-bar{
width:951px;
background:url(images/bg-topbar.gif) repeat-x left top;
height:37px;
border-left:solid 1px #FFFFFF;
border-right:solid 1px #FFFFFF;
padding:0 15px;
}

#top-smallmenu{
	float:left;
	width:500px;
	height:31px;
	line-height:31px;
	margin-left: -5px;
}

#top-smallmenu ul{
	list-style:none;
	padding:0;
	margin:0;
}
#top-smallmenu ul li{
	display:inline;
}

#top-smallmenu ul li span{
	color:#fff;
}

#top-smallmenu ul li a{
	text-decoration:none;
	border-bottom: #fff 1px dotted;
	color:#fff;
}

#top-smallmenu ul li a:hover{
	color:#372d24;
	border: none;
}
#search{
	background:url(images/search-leftround.gif) no-repeat left top #FFFFFF;
	height:21px;
	float:right;
	width:190px;
	margin:5px 0 0 0;
}
.search-input{
	border:none;
	background-color:#fff !important;
	width:118px;
	margin:0 0 0 15px;
	color:#9ba2aa;
	font-size:1em;
	padding:3px 0px 0px 0px;
	float:left;
}
#logo{
	width:210px;
	height:35px;
	padding:4px 0 9px 15px;
}
#banner{
	width:982px;
	/*border-left:solid 1px #FFFFFF;*/ /* banner images should be build to 982x183 x=9, y=85*/
	position:relative;
	z-index: 5;
}
#top-menu{
	width:563px;
	height:42px;
	position:absolute;
	right:0;
	top:0;
}
/* Home Page */
#text-box{
	width:315px;
	float:left;
}
#text-box h2{
	font-family:Helvetica, sans-serif;
	font-size:1.64em;
	font-weight:bold;
	color:#002c5f;
	padding:0px;
}
.gray-box{
	width:295px;
	height:105px;
	background:url(images/bg-graybox.gif) no-repeat;
	padding:12px 6px 5px 14px;
	float:left;
	margin-left:7px;
	color:#fff;
}
.first{
	margin:0;
	float:left;
	width: 315px;
}
.gray-box h2{
	font-family: Helvetica, sans-serif;
	font-size: 1.55em;
	font-weight:bold;
	color:#fff;
	margin-bottom:15px;
	padding: 0;
}
.gray-box p{
	margin-bottom:5px;
}
.gray-box img{
	float:left;
	margin:0 10px 0 0;
}

.gray-box a{
	color:#fff;
	text-decoration:none;
}

.gray-box a:hover{
	color:#fff;
	text-decoration:none;
}

.div-sep{
	height:4px;
	clear:both;
}


/* End Content CSS */


/* Footer CSS */
#footer{
	width:963px;
	margin:0 auto;
	height:50px;
	line-height:50px;
	background:url(images/bg-footer.gif) repeat-x left top #d76720;
}
#footer-link{
	float:right;
	width:500px;
	text-align:right;
}
#footer-link ul{
	list-style:none;
	padding:0;
	margin:0;
}
#footer-link ul li{
	display:inline;
	list-style:none;
}
#footer-link ul li span{
	margin:0;
	padding: 0px;
	color:#ff9959;
}
#footer-link ul li a{
	color:#fff;
	text-decoration:none;
	border-bottom: #fff 1px dotted;
}
#footer-link ul li a:hover{
	color:#372d24;
	text-decoration:none;
	border: none;
}
#footer-link ul li a.link-rss{
	background:url(images/icon-rss.gif) no-repeat left;
	padding-left:20px;
}
#copyright{
	float:left;
	color:#ffffff;
}

#left-col p {
	margin-bottom: 10px;
}
.inner-left-col {
	background: url(images/inner-left-col-bg.gif) repeat-x #f5f5f5;
	padding: 10px 20px;
	margin-bottom: 11px;
}
.call-us-now {
	width: 303px ;
	height: 29px;
	background: url(images/call-us-now.jpg) no-repeat;
	padding: 118px 0 0 15px;
}
.call-us-now a {
	color: #e9610b;
	font: normal 1.00em verdana;
}
.call-us-now a:hover {
	color: #862a00;
}
#right-col h1 {
	color: #c86200;
	font: bold 1.64em Helvetica, sans-serif;
	padding: 0px 0px 10px 0px;
	
}
#right-col p {
	margin-bottom: 10px;
	color: #002c5f;
}
#right-col p {
	margin-bottom: 10px;
	color: #000 !important;
}
.inner-right-col {
	width: 265px;
	float: right;
	padding: 10px 5px;
	margin-bottom: 11px;
}
.outer-right-col {
	padding: 10px 5px;
	margin-bottom: 11px;
}
/* Breadcrumbs */
.bread{
	color:#ea7226;
	line-height:1.5em;
	padding:0px 5px 5px 0px; 
	text-align:left;
	font-size: .9em;
/*	in right column setups
color:#ea7226;
	line-height:1.75em;
	padding:0px 5px 15px 0px; 
	margin-top: -10px;
	text-align:left;
	*/
}
.bread a{
	border:none;
	list-style:none;
	display:inline;
	text-transform:capitalize;
}
.bread a:link,.bread a:visited{
	color:#d4d4d4;text-decoration:underline;
}
.bread a:hover,.bread a:active{
	color:#372d24;text-decoration:none;
}
/*.orange-style {
	color: #e97328;
}
.link-style-1 {
	color: #862a00;
	font: bold 1.00em/20px verdana;
	text-decoration: none;
	float: right;
	border-bottom:dotted 1px #862a00;
}

.link-style-1:hover{
	border-bottom: dotted 1px #fff;
	text-decoration: none;
	color: #ea7125;
}
*/
/* Contact Form */
#contact-form{
	/*background: transparent url(images/contact-us.gif) no-repeat;*/
	width: 320px;
	height: 320px;
	float: left;
	font: bold 1.09em/30px verdana;
}
form fieldset{ 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:1.2em;
	position:relative;
	width: 310px;
	height: 310px;
	padding: 2.5px;
	border: 0px;
}
/* not used anywhere yet
form fieldset legend{
	border-width:1px; 
	border-style:solid; 
	border-color:#000; 
	color:#372d24;
	font-weight:bold; 
	font-variant:small-caps; 
	font-size:140%; 
	padding:4px 8px;
	margin:0px 0px 10px 0px; 
	position:relative; 
	top: -12px; 
}*/
label{ 
	font-size:90%; 
	color:#372d24; 
	font-weight:bold;
}
textarea.text-input,
input.text-input{
	padding:4px 0;
	color:#372d24;
	border: #372d24 1px solid;
	overflow: auto;
	width: 310px;
}

label.error{
	font-weight:normal;
	color:red;
	text-align:right;
}
label#name_label{ position:absolute; top:0px; left:0px; }
input#name{ position:absolute; top:30px; left:0; }
label#name_error{ position:absolute; top:0px; left:240px; }

label#email_label{ position:absolute; top:60px; left:0px; }
input#email{ position:absolute; top:90px; left:0px; }
label#email_error{ position:absolute; top:60px; left:240px; }

label#comment_label{ position:absolute; top:120px; left:0px; }
textarea#comment{ position:absolute; top:150px; left:0px;}
label#comment_error{ position:absolute; top:120px; left:240px; }

input.button{
	position:absolute;
	padding:6px 12px;
	top: 260px;
	left: 245px;
	border:2px solid #fff;
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#372d24; -moz-border-radius:5px; 
	font-weight:bold;
}
/*Safari Only Hack */
@media screen and (-webkit-min-device-pixel-ratio:0){ 
	input.button{ top: 245px;}
}

/* Firefox Only Hack*/
/*@-moz-document url-prefix() {
    input.button{ top: 245px;}
}*/

input.button:hover{ 
	background:#ea7226 none repeat scroll 0% 0%; 
	color:white; 
}
#message { 
	margin:0;
	padding: 24px 0px;
	background-color: #372d24;
	text-align:center;
	width:320px;
	height:175px;
}
#message h2	{ 
	font-size:150%;
	color:white; 
}
#message p{
	color:#c86200;
	font-weight:bold;
	margin:6px 0px; 
}
#checkmark{ 
	position:relative;
}

/*
.contact-box {
	width: 287px;
	float: left;
	color: #002c5f;
	font: bold 1.09em/30px verdana;
	padding-left: 10px;
}
.input-field {
	border: #e97328 1px solid;
	width: 275px;
	overflow: auto;
	padding: 5px
}

*/


#content.narrowcolumn{
width:600px;
float:right;
}

#content.narrowcolumn a{
color:#000000;
text-decoration:none;

margin:15px 10px 0 0;
border-bottom:dotted 1px #000000;
}
#content.narrowcolumn a:hover{

text-decoration:none;

margin:15px 10px 0 0;
border:none;
}

.contact-box {
	width: 287px;
	float: left;
	color: #002c5f;
	font: bold 1.09em/30px verdana;
	padding-left: 10px;
}
.contact-form {
	position: static;
	overflow: hidden;
	width: 95%;
}

.contact-left {
	width: 25%;
	white-space: pre;
	text-align: right;
	clear: both;
	float: left;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contact-right {
	width: 70%;
	text-align: left;
	float: right;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}
.input-field {
	border: #372d24 1px solid;
	width: 275px;
	overflow: auto;
	padding: 5px
}
.box-alert{
	background-color: #f2f4f4;
	border: 1px solid #372d24;
	padding: 5px;
}
.required-field .error{
	color:red;
}
.small {
	font-size: .8em;
}
blockquote{
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-style: italic;
}
p.quote-caption {
	color: #ea7226;
	padding-top: 10px;
	padding-bottom: 15px;
}
/* Menu System */
#top-menu
{
    width: 563px;
    height: 42px;
    position: absolute;
    right: 0;
    top: 0;
}
#nav
{
   	width: 528px;
    height: 42px;
    margin: 0 auto;
    background-image: url(images/bg-topmenu.png);
    background-repeat: repeat-x;
    float: left;
    display: block;
	padding:0;
	position: relative;
    z-index: 50;
}
#nav ul
{
    display: none;
}

#nav li
{
    float: left;
    position: relative;
    list-style-type: none;
}
#nav li a
{
    text-decoration: none;
    font-family: Helvetica, Sans-Serif;
    font-size: 16px;
    white-space: nowrap;
}
#nav li span
{
    display: block;
    padding: 0 10px;
    cursor: pointer;
    height: 33px;
    line-height: 33px;
    float: left;
    font-weight: normal;
    color: #535353;
}
#nav li span.current{
	color:#fff;
}

#nav li a span.clicked
{
    color: #fff;
}
#nav li ul
{
    position: absolute;
    left: 0;
    top: 40px;
    height: auto;
    float: left;
    background: #929494;
    padding: 2px 2px 5px 2px;
    border: 1px solid #535353;
   
}
#nav li ul li
{
    float: none;
}
#nav li ul li a
{
    display: block;
    padding: 0 5px;
    color: #fff;
    font-size:11px;
    font-style:normal;
    font-family:Helvetica, Sans-Serif;
    cursor:pointer;
}
#nav li ul li a.title
{
    text-decoration:none;
    color:#535353;
    font-weight:bold;
    font-size:11px;
    padding: 0px 2px;
}
#nav li ul li a.title:hover
{
    text-decoration:none;
    color:#535353;
    cursor:default;
}       
#nav li ul li a:hover
{
    color: #fefefe;
    text-decoration:underline;
}
.round
{
	w\idth:200px;
}


/* Wordpress Styles */

#content.widecolumn {
	color: #000;
}
#content.widecolumn a {
	color: #862a00;
	font: bold 1.00em verdana;
	text-decoration: none;
	border-bottom:dotted 1px #862a00;
}
#content.widecolumn a:hover {
	border-bottom: dotted 1px #fff;
	text-decoration: none;
	color: #ea7125;
}
#content.widecolumn p {
	margin-bottom: 10px;
}
#content.widecolumn h2 {
	color: #862a00;
	font: bold 1.64em Helvetica, sans-serif;
	margin-bottom: 5px;
	position: absolute;
	top: 230px;
	left: 40px;
}
#comments {
	color: #862a00;
	font: bold 1.25em Helvetica, sans-serif;
	margin-bottom: 10px;
}
.commentlist {
	list-style: none;
}
.commentlist li {
	padding-bottom: 10px;
	border-bottom: #ccc 1px dashed;
	margin-bottom: 10px;
}
.commentlist p {
	margin-top: 10px;
}
.fn {
	font-style: italic;
	font-weight: bold;
}
#respond {
}
#respond h3 {
	color: #862a00;
	font: bold 1.25em Helvetica, sans-serif;
	margin-bottom: 10px;
}