/* CSS Document */

/* vuedesign.co.uk, V. 2.1 */
/* master.css */
/* author: Renato Mattos */


*{
margin:0;
padding:0;
}

body {
color:#161616;
font:76%/140% Verdana,Arial,Helvetica,sans-serif;
background-color:#161616;
}


p{
font-size:0.94em;
}



/* Headings */
h1 {
color:#858a40;
margin-bottom:0.4em;
padding-bottom:0.4em;
font:normal 24px/26px "Trebuchet MS",Arial,Helvetica,sans-serif;
}

h2 {
color:#858a40;
margin-bottom:0.4em;
padding-bottom:0.4em;
border-bottom:1px dotted #33332d;
font:normal 24px/26px "Trebuchet MS",Arial,Helvetica,sans-serif;
}

h4 {
color:#494949;
padding-bottom:.5em;
font:bold 1em Verdana,Arial,Helvetica,sans-serif;
margin:1.2em 0 0;
}

h5 {
margin-top:1.5em;
color:#db4105;
font:normal 1.4em/1.5em "Trebuchet MS",Arial,Sans-Serif;
}

h5 a,h5 a:link,h5 a:visited {
color:#db4105;
background-color:#fff;
border-bottom:1px dotted #db4105;
}

h5 a:hover {
color:#db4105;
background-color:#ffc;
border-bottom:1px dotted #db4105;
}

h6 {
color:#db4105;
padding-bottom:0;
font:normal 1.4em/1.5em "Trebuchet MS",Arial,Sans-Serif;
margin:1.2em 0 0;
}		



/* Links
------------------------------------------------------------------*/
p a,p a:active,p a:visited {
color:#701901;
background-color:#fff;
border-bottom:1px dotted #701901;
}

p a:hover {
color:#701901;
background-color:#f4fdcE;
border-bottom:1px solid #701901;
}

a,a:active,a:visited {
color:#333;
text-decoration:none;
}

a:hover {
color:#db4105;
background-color:transparent;
text-decoration:none;
}

abbr {
cursor:help;
border-bottom:1px dotted #212120;
}

/* blockquote 
------------------------------------------------------------------*/
blockquote {
background:#fff url(../../assets/images/quote_left.gif) top left no-repeat;
font-style:italic;
font-size:1em;
font-weight:700;
margin:15px 0 0;
padding:0 0 0 27px;
}

blockquote p {
background:#fff url(../../assets/images/quote_right.gif) bottom right no-repeat;
min-height:18px;
margin:0;
padding:5px 15px 0 0;
}

cite {
float:right;
display:inline;
font-size:1em;
font-weight:700;
color:#666;
}


/* Layout
------------------------------------------------------------------*/	
#wrapper {
float:none;
text-align:left;
width:920px;
background-color:#fff;
margin:0 auto;
padding:0;
}

#content_wrap {
float:left;
background-color:#fff;
width:920px;
margin:0;
padding:0;
}

#content {
width:560px;
margin:40px 20px 20px;
padding:0;
}

#section_top,#section_bot {
clear:both;
margin-top:0;
width:100%;
}

/*
 column wrap - 2 columns 
 *********************************/
#column_wrap {
width:860px;
margin:40px 30px;
padding:0;
}

.cnt_left {
width:66%;
display:inline;
float:left;
margin-right:2%;
}

.cnt_right {
width:30%;
display:inline;
float:right;
}

.cnt_860 {
width:860px;
display:inline;
float:left;
}

.height_300 {
height:300px;
clear:both;
}

/* 
 column wrap - 3 columns
 *********************************/
#column_wrap3{
width:860px;
margin:20px 30px 40px 30px;
padding:0;
}
.column1, .column2 {
width:32%;
display:inline;
float:left;
}
.column2 {
margin-left:2%;
}
.column3 {
width:32%;
display:inline;
float:right;
}


/* 
 content style
 *********************************/
.content h2.none {
color:#858a40;
margin-bottom:0.4em;
padding-bottom:0.4em;
border-bottom:none;
font:normal 24px/26px "Trebuchet MS",Arial,Helvetica,sans-serif;
}
    
.content h3 {
color:#db4105;
margin-bottom:.4em;
padding-bottom:.5em;
font:normal 22px/24px "Trebuchet MS",Arial,Helvetica,sans-serif;
border-bottom:1px dotted #33332d;
}

.content h3 a,.content h3 a:link,.content h3 a:visited {
color:#db4105;
border:0;
}

.content h3 a:hover {
color:#db4105;
border:0;
background:none;
}

.content p {
font-size:.94em;
margin-bottom:.9em;
}

.content p.open {
font-size:1.05em;
margin-bottom:.5em;
}

.content p em {
color:#aec4c4;
}

.content a.more {
background:transparent url(../../assets/images/icon_more.gif) no-repeat right center;
padding-right:10px;
color:#161616;
margin-left:0;
}

.asterisk {
color:#f74203;
}

.content p a,.content p a:active,.content p a:visited,.content li a,.content li a:active,.content li a:visited {
color:#161616;
background-color:#fff;
border-bottom:1px dotted #db4105;
}

.content p a:hover,.content li a:hover {
color:#161616;
background-color:#ffc;
border-bottom:1px solid #db4105;
}


/* Listing Style Tick
------------------------------------------------------------------*/
.content ul {
font-size:.94em;
line-height:1em;
list-style-image:url(../../assets/images/icon_checked.jpg);
margin:.4em 0 .9em 1.7em;
padding:0;
}

.content li {
line-height:1.6em;
margin-bottom:.5em;
}

.content ul.arrow {
font-size:.94em;
line-height:1em;
list-style-image:url(../../assets/images/icon_arrow.jpg);
margin:.4em 0 .9em 1.9em;
padding:0;
}

.content li.arrow {
line-height:1em;
margin-bottom:.5em;
text-align:left;
}


/*  portfolio
-----------------------------------------------------------------*/	
.cnt_portfolio {
background-color:transparent;
padding:12px 15px 15px 0;
}

.cnt_portfolio p {
margin-left:170px;
font-size:.94em;
margin-bottom:0;
}

.cnt_portfolio img {
float:left;
padding:4px;
background:none;
}

.cnt_portfolio a img {
border: 1px dotted #db4105;
}

.cnt_portfolio a:hover img {
background-color:#ffc;
border: 1px solid #db4105;
}

.cnt_portfolio h6 {
color:#858a40;
font:normal 1.4em/1.5em "Trebuchet MS",Arial,Helvetica,sans-serif;
margin-left:170px;
margin-top:0;
padding-bottom:0;
border:0;
}

.cnt_portfolio a,.cnt_portfolio a:active,.cnt_portfolio a:visited {
color:#161616;
background-color:#fff;
border-bottom:1px dotted #db4105;
}

.cnt_portfolio a:hover {
color:#161616;
background-color:#ffc;
border-bottom:1px solid #db4105;
}


/* Header
------------------------------------------------------------------*/
#header_wrap {
width:920px;
float:left;
background-color:#fff;
}

#header {
background-color:#212120;
width:920px;
height:287px;
margin:0;
padding:0;
}

#logo {
float:left;
margin:20px 0 0 25px;
}

#logo .img_logo {
width:300px;
height:70px;
text-indent:-9999px;
display:block;
background:transparent url(../../assets/images/logo.png) no-repeat 0 0;
}

#logo .img_logo:hover {
background-position:0 -70px;
}

#logo h1 {
position: absolute;
left:-2000px;
}

#banner {
float:left;
margin:17px 0 0 22px;
}

#mainfeature {
float:left;
clear:both;
background: #212120 url(../../assets/images/banner_home.png) top center no-repeat;
width:920px;
height:176px;
margin:15px 0 0 0;
}

#mainfeature #featureContent {
float:left;
color:#fff;
width:330px;
left:299px;
top:148px;
margin:55px 0 0 45px;
padding:0;
}

#mainfeature #featureContent p {
font-weight:400;
font:normal 24px/26px "Trebuchet MS",Arial,Helvetica,sans-serif;
color:#fff;
line-height:1.5em;
margin:0;
padding:0 0 10px;
}

#top_right {
float:right;
text-align:left;
width:200px;
height:23px;
margin:40px 20px 0 0;
}



/* Top Nav Menu and Search
------------------------------------------------------------------ */

/* 
 Top Nav Menu 
 *********************************/
#mainMenu {
width:auto;
height:20px;
display:block;
float:right;
top:0;
padding:2px 25px 0 0;
}

#mainMenu ul {
list-style-type:none;
margin:0;
padding:0;
}

#mainMenu li {
float:right;
padding:0 20px 0 0;
}

#mainMenu li a span {
display:none;
}

#mainMenu li a {
height:20px;
overflow:hidden;
display:block;
}

#mainMenu li.home {
width:20px;
background:transparent url(../../assets/images/icon_home.gif) no-repeat;
background-position:0 -20px;
}

#mainMenu li.home a {
width:20px;
background:transparent url(../../assets/images/icon_home.gif) 0 0 no-repeat;
}

#mainMenu li.sitemap {
width:20px;
background:transparent url(../../assets/images/icon_site.gif) no-repeat;
background-position:0 -20px;
}

#mainMenu li.sitemap a {
width:20px;
background:transparent url(../../assets/images/icon_site.gif) 0 0 no-repeat;
}

#mainMenu li.contact {
width:20px;
background:transparent url(../../assets/images/icon_mail.gif) no-repeat;
background-position:0 -20px;
}

#mainMenu li.contact a {
width:20px;
background:transparent url(../../assets/images/icon_mail.gif) 0 0 no-repeat;
}

#mainMenu li.home a:hover,#mainMenu li.sitemap a:hover,#mainMenu li.contact a:hover {
background-image:none;
}


/* 
 Search Box 
 *********************************/
#search_wrap {
float:right;
display:block;
text-align:right;
width:275px;
height:33px;
font-family:"Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
padding:.25em 0 0;
}

#searchbox form {
float:right;
padding-right:20px;
}

#search {
margin-top:5px;
clear:both;
background:url(../../assets/images/search_box.gif);
border:1px solid #383838;
float:left;
height:19px;
width:169px;
padding:0;
}

#submit {
padding-left:8px;
margin-top:5px;
float:left;
height:21px;
width:55px;
}

#searchbox input#search-field {
float:left;
background:transparent;
font:bold 11px "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
color:#031000;
height:17px;
width:162px;
border-style:none;
margin:0;
padding:2px 0 0 5px;
}

label.overlabel {
position:absolute;
top:4px;
left:5px;
z-index:1;
color:#999;
}


/* Forms
------------------------------------------------------------------ */

/* Quickcontact */
#quickcontact {
	display:inline;
  	float:left;
	width:250px;
	margin:0;
	padding:0;
	background:#f0f0a5 url('../../assets/images/box_top.gif') no-repeat left top;
}

#quickcontact .inner {
	margin:0;
	width:225px;
	background:transparent url('../../assets/images/box_bottom.gif') bottom left no-repeat;
	padding:15px 15px 0px 10px;
}

#quickcontact div {
	float:left; 
	padding:0 8px 8px 12px;
}
#quickcontact div label {
	float:left; 
	width:200px; 
	font-size:.94em; 
	color:#858a40
}
#quickcontact div input {
	float:left; 
	width:200px;
}
#quickcontact div textarea {
	float:left; 
	width:200px;
}
#quickcontact h3 {
	color:#858a40;
	margin:0 0 .4em .5em;
	font:normal 20px/22px "Trebuchet MS",Arial,Helvetica,sans-serif;
}
#quickcontact p {
	color:#858a40;
	margin:.2em 0 .4em 1.05em;
	font-size:.94em;
}
#quickcontact .field_blur {
	background:url('../../assets/images/bckg_input.jpg') top left repeat-x;
	background-color:#fff;
	border:1px solid #d8dbae;
	padding:4px 3px;
	color:#888;
	font:normal .94em Verdana,Arial,Helvetica,sans-serif;
}
#quickcontact .field_focus {
	background:url('../../assets/images/bckg_input.jpg') top left repeat-x;
	background-color:#fff;
	border:1px solid #adb35a;
	padding:4px 3px;
	color:#888;
	font:normal .94em Verdana,Arial,Helvetica,sans-serif;
}
#quickcontact label.submit span {
	color:#454822;
	font-weight:bold;
}
#quickcontact input.submit {
	background-color:transparent; 
	border:none; 
	margin-bottom:.8em;
}

/* Contact Form */
#contactform_wrap {
margin:0 0 20px;
padding:0;
}

#contactform {
display:inline;
float:left;
width:500px;
background:#f0f0a5 url(../../assets/images/contact_box_top.gif) no-repeat left top;
margin:0 0 0 20px;
padding:0;
}

#contactform .inner {
width:475px;
background:url(../../assets/images/contact_box_bottom.gif) bottom left no-repeat;
margin:0;
padding:15px 15px 0 10px;
}

#contactform div {
float:left;
padding:0 8px 8px 12px;
}

#contactform div label {
float:left;
width:450px;
font-size:.94em;
color:#858a40;
}

#contactform h3 {
color:#858a40;
border:none;
font:normal 20px/22px "Trebuchet MS",Arial,Helvetica,sans-serif;
margin:0 0 .4em .5em;
}

#contactform p {
color:#858a40;
font-size:.94em;
margin:.2em 0 .4em 1.05em;
}

#contactform .field_blur {
background:url(../../assets/images/bckg_input.jpg) top left repeat-x;
background-color:#fff;
border:1px solid #d8dbae;
color:#888;
font:normal .94em Verdana,Arial,Helvetica,sans-serif;
padding:4px 3px;
}

#contactform .field_focus {
background:url(../../assets/images/bckg_input.jpg) top left repeat-x;
background-color:#fff;
border:1px solid #adb35a;
color:#888;
font:normal .94em Verdana,Arial,Helvetica,sans-serif;
padding:4px 3px;
}

#contactform label.submit span {
color:#454822;
font-weight:700;
}

#contactform input.submit {
background-color:transparent;
border:none;
margin-bottom:.8em;
}

#contactform div input,#contactform div textarea {
float:left;
width:450px;
}





/* Footer	
------------------------------------------------------------------ */
#footer_wrap {
width:920px;
height:155px;
float:left;
background:#031000 url(../../assets/images/bg_footer.gif) top left repeat-x;
}

#footer {
width:920px;
height:140px;
line-height:16px;
padding-top:15px;
color:#666;
margin:0;
}

#left_cnt {
float:left;
width:320px;
margin-top:5px;
padding:0 0 0 20px;
}

#right_cnt {
float:right;
width:300px;
margin-top:5px;
}

#footer p {
font-size:.94em;
}

#footer p a,#footer p a:active,#footer p a:visited {
color:#cc0;
background-color:transparent;
border-bottom:none;
}

#footer p a:hover {
color:#fff;
background-color:transparent;
border-bottom:none;
}

#footer a {
color:#cc0;
}

#footer a:hover {
color:#fff;
}

#footer address {
text-align:right;
float:right;
font-size:.94em;
padding:0 20px 0 0;
}

#footer_nav {
float:left;
font-size:85%;
margin:35px 0 0;
padding:0;
}

#footer .sitemap {
background:transparent url(../../assets/images/sitemap_icon.gif) no-repeat left center;
padding-left:14px;
color:#C9F;
text-decoration:none;
margin-left:0;
}

#footer .sitemap:visited {
color:#c9f;
}

#footer .validcss {
background:transparent url(../../assets/images/validcss_icon.gif) no-repeat left center;
padding-left:13px;
color:#9c0;
text-decoration:none;
margin-left:10px;
}

#footer .validcss:visited {
color:#9c0;
}

#footer .validhtml {
background:transparent url(../../assets/images/validhtml_icon.gif) no-repeat left center;
padding-left:13px;
color:#f7931d;
text-decoration:none;
margin-left:10px;
}

#footer .validhtml:visited {
color:#f7931d;
}

#footer .accessibility {
background:transparent url(../../assets/images/access_icon.gif) no-repeat left center;
padding-left:15px;
color:#89ccf1;
text-decoration:none;
margin-left:10px;
}

#footer .accessibility:visited {
color:#89ccf1;
}

#footer .sitemap:hover,#footer .validcss:hover,#footer .validhtml:hover,#footer .accessibility:hover {
color:#fff;
text-decoration:none;
}