/* Colors
======================================================================
	#0d0d0d : background - dark
        #1a1a1a : border - dark
        #ffaa00 : links, actions - orange
	#2b2422 : tan - element
	#aba29c : tan - text
	#4c4644 : tan - text, subtle
	#cffb50 : green - text, links
====================================================================== */
/* General
====================================================================== */
html * {
	font-size: 12px;
	line-height: 18px;
        margin: 0;
        padding: 0;
}

body {
	font-family: "Trebuchet MS", Trebuchet, arial, sans-serif;
	width: 100%;
        min-width: 760px;
	background: #0d0d0d url(assets/images/Header.png) no-repeat center top;
        margin: 0;
        padding: 0;
        text-align: center;

}

img {
        border: none;
}

ul {
        margin:0 10px;
}

#MainWrapper {
        position: relative;
        width: 730px;
        margin: 0 auto;
        text-align: left;
}

#Header {
        position: relative;
        width: 100%;
        float: left;
        height: 188px;
}

#Header img {
        position: relative;
        float: left;
        top: 90px;
}

#Header ul {
        float: right;
        position: relative;
	list-style-type: none;
        height: 31px;
        line-height: 31px;
        top: 109px;
        margin-right:-20px;
}

#Header ul li {
        position: relative;
        float: left;
        height: 31px;
        line-height: 31px;
        padding: 0 20px;
        border-right: solid 2px #0d0d0d;
        background: #131313;
}

#Header ul li.last {
        border: none;
        background: none;
}

#Header ul li a {
        color: #ffaa00;
        font-weight: bold;
        text-decoration: none;
        height: 31px;
        line-height: 31px;
}

#Header ul li a:hover {
        color: #fff;
}

#Header ul li.active a {
        color: #fff;
}

.QuoteBox {
        position: relative;
        float: left;
        border: solid 2px #1a1a1a;
        width: 250px;
        border-style: solid none;
        color: #808080;
        background: url(assets/images/QuoteBG.png) no-repeat left 8px;
}

.QuoteBox p {
        margin: 25px;
}

#BigBox {
        position: relative;
        float: right;    
width: 440px;
        background: #1a1a1a;
        margin: -380px 0 0 0;
        padding: 0px;
}

#BigBox h2 {
        display: block;
        padding: 0 8px;
        color: #fff;
        line-height: 25px;
        font-size: 12px;
        font-weight: bold;
        background: url(assets/images/BigBoxHeaderBG.png) no-repeat right top;
}

#BigBox h2 strong {
        color: #fff;
}

#BigBox p {
        margin: 0px 2px 0px 2px;
}

#BigBoxInside {
        margin: 0 2px 2px 2px;
        background: #0d0d0d;
        color: #808080;
}

#BigBoxInside li {
        margin-left: 20px;
}

#BigBoxInside h3 {
        color: #808080;
        font-size: 14px;
        font-weight: bold;
}

#BigBoxInside a { color: #ffaa00; font-size: 12px; line-height: 12px; text-decoration: none; }
#BigBoxInside a:hover { color: #fefefe; font-size: 12px; line-height: 12px; text-decoration: underline; }

#Action1 a {      
color: #ffaa00;
float:left;
clear:left;
        display: block;
        background: url(assets/images/eval_button.jpg) no-repeat;
        line-height: 25px;
        padding: 95px 8px 0 8px;
        text-decoration: none;
        font-weight: bold;
width:250px;
margin:5px 0 5px 0;
}

#Action2 a {        
color: #ffaa00;
float:left;
clear:left;
        display: block;
        background: url(assets/images/web_button2.jpg) no-repeat;  
        line-height: 25px;
        padding: 95px 8px 0 8px;
        text-decoration: none;
        font-weight: bold;
width:250px;
margin:5px 0 5px 0;
}


#Action a {
        color: #ffaa00;
        display: block;
        background: url(assets/images/ActionBar.png) no-repeat;
        height: 25px;
        line-height: 25px;
        padding: 0 8px;
        text-decoration: none;
        font-weight: bold;
}


#Action a:hover {

        color: #fff;


}

#Action1 a:hover, #Action2 a:hover{
        color: #fff;
}



#ActionBottom {
        clear: both;
        width: 100%;










        padding-top: 30px;
        color: #808080;
}

#ActionBottom a {
        color: #fefefe;
}

#ActionBottom a:hover {
        color: #ffaa00;
        text-decoration: none;
}

#ActionBottom h3 {
        font-size: 14px;
        color: #fefefe;
        margin-bottom: 8px;
}

#ActionBottom h3 strong {
        color: #ffaa00;
}

#ActionBottomLeft {
        float: left;
        width: 305px;
        background: #1a1a1a;
}

#ActionBottomRight {
        float: right;
        width: 305px;
        background: #1a1a1a;
}

.PadAction {
        padding: 20px;
}

#Credits {
        clear: both;
        padding-top: 16px;
        color: #333;
        font-size: 10px;
        line-height: 12px;
}

#Credits a {
        color: #666;
        font-size: 10px;
        line-height: 12px;
        text-decoration: none;
}

#Credits a:hover {
        color: #fefefe;
        font-size: 10px;
        line-height: 12px;
        text-decoration: underline;
}
#Portfolio a { color: #ffaa00; font-size: 12px; line-height: 12px; text-decoration: none; }
#Portfolio a:hover { color: #fefefe; font-size: 12px; line-height: 12px; text-decoration: underline; }

#feature_description{
background: url(assets/images/description_image.jpg) no-repeat;
width:440px;
float:right;
margin:-30px 0 0 0;
padding-bottom:10px;
}

#feature_description p{
 margin: 15px 15px 0px 15px;
        color: #808080;
}


#feature_description h2{
 margin: 25px 0 0 15px;
        color: #FFF;
}

#feature_description a:link{        
color: #808080;
text-decoration:none;
}

#feature_description a:visited{
        color: #fff;
text-decoration:none;
}

#feature_description a:active{
       color: #fff;
}

#feature_description a:hover{
        color: #ffaa00;
}