/*--------------------------------------------
Style Sheet

version:  1.1
author:   Gottfried Chatfield
date:	  Mar 10 2007
email:    contact@vecxel.com
website:  www.vecxel.com
--------------------------------------------*/

/* ----------------------------------- */
/* Imoprts
/* ----------------------------------- */

@import url(../css/tabcontent_black.css);

/* ----------------------------------- */
/* Global
/* ----------------------------------- */

body, div, h1, h2, h3, h4, p, ul, li, dl, dt, dd, img, form, fieldset, blockquote {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

body {
	background: #393939 url(../images/bg.gif) 0 0 repeat;
    text-align: center;
}

p, div, h1, h2, h3, h4, td, input, select, textarea {
    font-family: "Trebuchet MS", Tahoma, Arial, "Bitstream Vera Sans", Verdana;
    font-size: 13px;
    color: #D8D7CE;
    line-height: 18px;
}

a img, :link img, :visited img {
    border: none
}

a:link, a:visited {
    color: #FFF;
    text-decoration: underline;
}

a:hover, a:active {
    color: #CCC;
    text-decoration: underline;
}

.Clear {
    clear: both;
    height: 1px;
}

/* ----------------------------------- */
/* COMMON
/* ----------------------------------- */

#Nav {
	width: 760px;
	margin: 0 auto;
	text-align: right;
	height:30px;
}

#Header, #Main, #Content, #Footer, #Content_Port{
	width: 760px;
	margin: 0 auto;
	text-align: left;
}

/* ----------------------------------- */
/* NAV
/* ----------------------------------- */

#Nav_Wrapper {
	background: #393939 url(../images/nav_bg.jpg) 0 0 repeat-x;
	height:34px;
}

ul#navlist  {
	margin: 0px;
	padding: 5px 0px 0px 0px;
    font-family: "Trebuchet MS", Tahoma, Arial, "Bitstream Vera Sans", Verdana;
	font-size:16px;
	font-weight: bold;	
	list-style-type: none;

/*	line-height:23px;
	letter-spacing: 1px;
	white-space: nowrap;
*/
}

#navlist li {
	display: inline;
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 0px 10px;
}

#navlist a:link, #navlist a:visited{
	color: #FFF;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
}

#navlist a:hover{
	color: #FFF;
	text-decoration: none;
	border-width:0px 0px 3px 0px;
	border-style:solid;
	border-color:#FFF;
}

#navlist li A#current:link{
	color: #FFF;
	text-decoration: none;
	border-width:0px 0px 3px 0px;
	border-style:solid;
	border-color:#FFF;
}

#navlist li A#current:visited{
	color: #FFF;
	text-decoration: none;
	border-width:0px 0px 3px 0px;
	border-style:solid;
	border-color:#FFF;
}

#navlist li A#current:active{
	color: #FFF;
	text-decoration: none;
	border-width:0px 0px 3px 0px;
	border-style:solid;
	border-color:#FFF;
}

/* ----------------------------------- */
/* MAIN
/* ----------------------------------- */

#Main_Wrapper {
	background: #393939 url(../images/main_bg.jpg) 0 0 repeat-x;
/*	height:600px;
*/}

#Header {
	position:relative;
	height:310px;
}

#Header .Logo{
	display:block;
	position:absolute;
	left:10px;
	top:18px;
	width:287px;
	height:131px;
}

#Header .Definition{
	display:block;
	position:absolute;
	right:45px;
	top:34px;
	width:377px;
	height:96px;
}

#Header .Banner{
	display:block;
	position:absolute;
	left:0px;
	top:160px;
	width:760px;
	height:150px;
}

#Main {
	padding:20px 0 20px 0;
}

#Main .Intro {
	width:500px;
	float:left;
	padding:10px 0 0 0px;
}

	.Intro h1{
	font-size:20px;
	font-weight:normal;
	padding:0px 0 12px 0;
	border-color: #5a5a5a;
	border-width: 0px 0px 1px 0px;
	border-style: dashed;
	}
	
	.Intro p{
	margin:15px 0 0 0;
	}

#Main .PortIntro {
	width:500px;
	float:left;
	padding:10px 0 0 0px;
}

	.PortIntro h1{
	font-size:20px;
	font-weight:normal;
	padding:0px 0 12px 0;
	border-color: #5a5a5a;
	border-width: 0px 0px 1px 0px;
	border-style: dashed;
	}
	
	.PortIntro p{
	margin:15px 0 0 0;
	}

.PortIntro ul{
	list-style-type:none;
	padding:0px 0px 0px 10px;
	margin:0px;
}

.PortIntro ul li{
	padding:0px 0px 20px 30px;
	background:url(../images/arrow.gif) no-repeat 0px 0px;
}

.Side {
	width:213px;
	float:right;
	background-color:#434343;
	border-color: #5a5a5a;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	padding:10px 20px 10px 10px;
	text-align:left;
}

	.Side h1{
	font-size:20px;
	font-weight:normal;
	padding:0px 0 10px 0;
	border-color: #5a5a5a;
	border-width: 0px 0px 1px 0px;
	border-style: dashed;
	}
	
	.Side p{
	margin:15px 0 0 0;
	}

/* ----------------------------------- */
/* CONTENT
/* ----------------------------------- */

#Content_Wrapper {
	background: #454545;
	padding:20px 0 20px 0;
}

#Content h1{
	font-size:20px;
	font-weight:normal;
	padding:10px 0 10px 0;
}

#Content h2{
	font-size:18px;
	font-weight:normal;
	padding:10px 0 5px 0;
}

#Content ul{
	list-style-type:none;
	padding:0px 0px 0px 10px;
	margin:0px;
}

#Content ul li{
	padding:0px 0px 20px 30px;
	background:url(../images/arrow.gif) no-repeat 0px 0px;
}

#Content p{
	margin:10px 0 10px 0;
}

	#FeaturedImage {
		float: left;
		width: 215px;
	}
	
	#FeaturedContent {
		float: right;
		width: 530px;
	}
	
	#FeaturedContent p{
	margin:10px 0 0 0;
	}

	#FeaturedContent h1{
	font-size:25px;
	font-weight:normal;
	padding:0px 0 10px 0;
	}



/* ----------------------------------- */
/* FOOTER
/* ----------------------------------- */

#Footer_Wrapper {
	height:100px;
	border-color: #FFF;
	border-width: 1px 0 0px 0;
	border-style: solid;
	padding:20px 0 0px 0;
}

#Footer {
	padding:0px 0 0px 0;
	text-align:right;
}

#Footer p{
	padding:10px 0 0px 0;
	text-align:right;
	font-size:11px;
}

/* ----------------------------------- */
/* PORTFOLIO
/* ----------------------------------- */

#Content_Port h1{
	font-size:20px;
	font-weight:normal;
	padding:10px 0 10px 0;
}

#Content_Port h2{
	font-size:18px;
	font-weight:normal;
	padding:10px 0 5px 0;
}

#Content_Port p{
	margin:10px 0 10px 0;
}

.Thumbnail_Row{
	padding:0px 0px 0px 0px;
	margin:30px 0px 10px 0px;
	text-align:left;
}

.Thumbnail_Holder{
	padding:0px 0px 0px 0px;
	margin:0px 13px 5px 0px;
	text-align:left;
	height:100px;
	float:left;
}

.Thumbnail_SideHolder{
	padding:0px 0px 0px 0px;
	margin:0px 15px 0px 0px;
	text-align:left;
	height:100px;
	width:170px;
}

.Thumb{
	display:block;
	text-align:left;
	border-color: #666;
	border-width: 5px;
	border-style: solid;
}

.Thumb:hover{
	display:block;
	text-align:left;
	border-color: #999;
	border-width: 5px;
	border-style: solid;
}

.Thumbnail_Text{
	display:block;
	padding:5px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	text-align:left;
}

/* ----------------------------------- */
/* Contact
/* ----------------------------------- */

#contact-form fieldset {
	margin-bottom: 20px;
}

#contact-form fieldset.mini {
	width: 340px;
	margin-right: 30px;
	float: left;
	display: inline;
}

#contact-form legend {
	font-size: 18px;
	color: #D8D7CE;
	margin: 0px 0px 15px 0px;
	padding: 0;
}

#contact-form input, #contact-form textarea, #contact-form select {
	font-weight: normal;
}

.input {
	border-color: #999;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	color: #FFF;
	font-size: 14px;
	padding: 3px;
	background: #333;
}

#contact-form fieldset input:focus {
	background: #999;
}

#contact-form fieldset textarea {
	line-height: 24px;
	width: 100%;
}

#contact-form fieldset textarea:focus {
	background: #999;
}

#contact-form p {
	font-weight: bold;
}

span.required {
	font-size: 11px;
	color:#FF3333;
	font-weight: normal;
}

#contact-form label {
	font-size: 11px;
	color: #FFF;
}

#contact-form select {
	color: #000;
}

#contact-form .submit {
	background: #666;
	color: #fff;
	border: 1px solid #999;
}