body {

font: 12px Verdana, Arial, Helvetica, sans-serif;
}
html {
background: #000 url(../images/black_wood.jpg) repeat-x;
background-attachment: fixed; 
}
.container_12{
width: 966px;
height: 800px;
padding-top: 20px;
 }

form {
padding-left: 50px;
padding-top: 50px;
} 

.titletext {

font:  bold 13px Verdana, Arial, Helvetica, sans-serif;
color: #FF733B;
padding: 22px 0px 0px 0px;
}

#portfolio a {
font: 12px Verdana, Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
}

#portfolio a:hover {
font: 12px Verdana, Arial, Helvetica, sans-serif;
color: #FF733B;
text-decoration: underline;
}

.alt{
color: #FF733B;
}

p{
padding: 5px 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
}

.services,h2 {
color: #4499CC;
font:  bold italic 16px Verdana, Arial, Helvetica, sans-serif; 
padding: 20px;
}





#header {
height: 50px;
background: url(../images/trans_back.png) repeat;
border: 1px solid #000000;
}

#logo{
font: bold italic 24px Verdana, Arial, Helvetica, sans-serif;
color: #fff;
background: #000;
border-bottom: solid 3px #000;
padding: 0px;
margin: 0px;
height: 47px;
}

#logo img{
margin: 7px 10px;
}

.icon{
margin: 10px 10px -10px 10px;
}

#title{
font:  italic 18px verdana;
color: #999;
margin-left: 10px;
}
#twitter {

}
.homeimg {
margin: 10px 20px;
border: 1px solid #fff;
padding: 7px;
background: url(../images/trans_back.png) repeat;
}


.homeimg:hover {
margin: 10px 20px;
border: 1px solid #3A799E;

}

h4 {
color: #4499CC;
font:  18px Verdana, Arial, Helvetica, sans-serif; 
margin: 10px 0 10px 20px;
border-bottom: solid 1px #999;
width: 200px;
}


#hometext{
font: 12x Verdana, Arial, Helvetica, sans-serif;
color: #fff;
background: url(../images/trans_back.png) repeat;
border: 1px solid #000000;
line-height: 15px;
}

#portfolio{
border: 1px solid #000000;
font: normal 14px Verdana, Arial, Helvetica, sans-serif;
color: #fff;
background: url(../images/trans_back.png) repeat;
}

#services {
margin: 0px;
color: #fff;
}

#services a, #hometext a{
color: #FF733B;
text-decoration: none;
}

#services a:hover, #hometext a:hover{
color: #fff;
text-decoration: underline;
}


#links, #inspiration{
color: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
margin-top: 20px;
}

#services ul{
padding: 5px 50px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
list-style:square;
}

#links ul, #inspiration ul{
padding-left: 40px;
padding-bottom: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
list-style:square;
}

#links a, #inspiration a{
color: #fff;
text-decoration: underline;
}

#links a:hover, #inspiration a:hover{
color: #fff;
text-decoration: none;
}

#services a:hover{
color: #fff;
text-decoration: underline;
}

#navcontainer
{
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
list-style-type: none;

}

#navlist li
{
float: left;
margin-left: 0px;
padding:0;
width: auto;
height: 50px;
display: block;
}

#navlist li a, #navlist li a:link
{

padding: 22px 10px 10px 10px;
color: #999;
text-decoration: none;
display: block;
}

#navlist li a:hover
{

color: #fff;
border-bottom: 2px solid #4499CC;
cursor: pointer;
background: url(../images/trans_back.png) repeat;
}

#navlist li a#current, #navlist li a#current:link
{
padding: 22px 10px 10px 10px;
color: #fff;
cursor: default;
font-weight: bold;
border-bottom: 2px solid #4499CC;
}

#navlist li a#current:hover
{
padding: 22px 10px 10px 10px;
border-bottom: 2px solid #4499CC;
color: #999;
}

.logotext {
padding: 10px 10px 10px 30px;
}



#feature{
margin-top: 40px;
margin-bottom: 40px;
border: 1px solid #000000;
height: 300px;
}


#spacer{
width: 940px;
height: 40px;
background: transperant;
border: none;
}

#spacer1{
width: 940px;
height: 140px;
background: transperant;
border: none;
}


/* Begining of The Footer */
#footer {

	height: 50px;
}

#footer p {
	text-align:center;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	margin-top: 20px;
	color: #fff;

}

#footer a {
color: #fff;
}

#footer span {
color: #fff;
text-align:center;
font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

/* Form */

.cssform p {
		
			clear: left;
			margin: 0;
			padding: 5px 0 8px 0;
			padding-left: 155px; /*width of left column containing the label elements*/
			height: 1%;
			
			
			}

		.cssform label {
			font-weight: bold;
			float: left;
		
			margin-left: -155px; /*width of left column*/
			width: 200px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
			color: #fff;
			}

		.cssform input[type="text"] { /*width of text boxes. IE6 does not understand this attribute*/
			width: 180px;
			background: url(../images/trans_back.png) repeat;
			border: solid 1px #555;
			color: #fff;
			}
			

    
	    .cssform input[type="text"]:hover {
		border: solid 1px #4499CC;
		}

 .cssform input[type="text"]:focus {
		border: solid 1px #4499CC;
		}
	
		.cssform textarea {
			width: 250px;
			height: 150px;
			background: url(../images/trans_back.png) repeat;
			border: solid 1px #555;
			color: #fff;
			}

			.cssform textarea:hover{
			border: solid 1px #4499CC;
			}
			
		.cssform textarea:focus{
			border: solid 1px #4499CC;
			}	
			
/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/
		* html .threepxfix {
			margin-left: 3px;
		}
		
#send {
margin-left: 200px;
padding-bottom: 30px;
padding-top: 30px;