body {
  background: #262626 url(../images/background2.gif) repeat;
  color: #9D9D9D;
  font: 80% arial, verdana, sans-serif;
  letter-spacing: 1px;
  text-align: center;
}

a {
  color: #FFF;
  text-decoration: none;
}
a:hover, a:focus, a:active {
	outline:none;
  text-decoration: none;
}
a img {
  border: 0;
}

:focus {
  outline: 0;
}

hr {
  display: none;
}
table {
  font-size: 1em;
}
textarea {
  overflow: auto;
}
ol, ul {
	list-style: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* ------- REPLACE ????---------*/

.replace, .navi li a, .navi li strong {
  overflow: hidden;
  padding: 0;
  position: relative;
}
.replace a span, a.replace span, .navi li a span {
  cursor: pointer;
}
.replace span, .navi li span {
  background-position: 0 0;
  background-repeat: no-repeat;
  left: 0;
  position: absolute;
  top: 0;
}

/* ----  CLEAR ????  ----*/

.clear {
  clear: both;
}
* html .clearfix, * html .section, * html .navi {
  display: inline-block;
}
.clearfix:after, .section:after, .navi:after {
  clear: both;
  content: '';
  display: block;
  height: 0;
  visibility: hidden;
}

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

#container {
  background: transparent url(../images/gradient_bg.gif);
  margin: 0 auto;
  text-align: left;
  width: 940px;
}

/* ------- HEADER ---------*/

#header {
  padding: 25px 0px 0px 0px;
}
#header h1, #header h1 span {
  font-size: 4em;
  font-weight: normal;
  height: 111px;
  width: 567px;
}
#header h1 span {
  background-image: url(../images/header.png);
}
#header h1 strong {
  color: #f34900;
  font-weight: normal;
}

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

h2, h3 {
  font-size: 1.6em;
}
h4 {
  font-size: 1.4em;
  margin-bottom : 15px;
}
p {
  font-size: 1.2em;
}

.section {
  margin-left: 0px;
  position: relative;
  width: 940px;
}
* html .section {
  height: 399px;
}
.section h2 {
  float:left;
  margin-top:30px;
}

#news.section h2 {
  top: 45px

}

.section .content {
  float: right;
  width: 615px;
  margin : 30px 30px 30px 30px;
}
.thumbnail_content {
  margin : 15px 15px 15px 15px !important;
  width : 645px !important;
}

.section .thumb {
  border: 0px #000a11 solid;
  display: inline;
  float: left;
  height: 124px;
  margin: 15px 15px 15px 15px;
  overflow: hidden;
  position: relative;
  width: 185px;
}

.links {
  float: left;
  margin: 170px 0 -100px -200px;
  position: relative;
}


.section .thumb span {
  display: none;
}
.section .thumb:hover span {
  opacity: 0.75;
  filter: alpha(opacity = 75);
  background: #262626;
  bottom: 0;
  display: block;
  font-size: 1.2em;
  text-align:right;
  padding: 8px;
  position: absolute;
  width: 169px;
}
* html .section .thumb:hover span {
  width: 185px;
}
.section .thumb:hover span strong {
  display: block;
}

.section h2, .section h2 span {
	height: 39px;
}
#home h2, #home h2 span {
	width: 115px;
}
#home h2 span {
	background-image: url(../images/designmodeling.gif)
}
#about h2, #about h2 span {
  width: 115px;
}
#about h2 span {
  background-image: url(../images/aboutysbrand.gif)
}

#work h2, #work h2 span {
  width: 115px;
}
#work h2 span {
  background-image: url(../images/workleft.gif)
}
#hire h2, #hire h2 span {
  width: 115px;
}
#hire h2 span {
  background-image: url(../images/hireme.gif)
}

#home {
  margin-top: 0px;
  min-height: 0px;
  padding-top: 0px;
}
#message h5
{
	margin-top : 10px;
	margin-bottom : 10px;
}
#message img
{
	margin-right : 20px;
}

* html #home {
  height: 529px;
}
#home h2 {
  top: 0px;
}
#home h3 {
  margin-bottom: 16px;
}
#home h3 strong {
  color: #e63d00;
}
#home h3, #home h3 span {
  height: 21px;
  width: 239px;
}

p.description
{
	margin-top : 15px;
}

#home .contactBox {
  float: left;
  height: 46px;
  margin: 0 28px 13px 0;
  padding: 4px 0 0 47px;
  width: 178px;
}
* html #home .contactBox {
  height: 50px;
  width: 225px;
}
#home .contactBox h4 {
  color: #e63d00;
}


/* ------------ MENU ---------*/

.ruler {
	background: url(../images/ruler.jpg);
	width: 940px;
	height: 1px;
	margin-bottom: 2px;
	float: left
}

.navi {
  padding: 0px 0 0px 646px;
  width: 294px;
  
  }
.navi li {
  font-size: 1.5em;
  margin-left: 0px;
}
.navi li, .navi li a, .navi li strong, .navi li span {
  display: inline;
  float:left;
  height: 23px;
  line-height: 23px;
  }
  
.navi li a:hover span, .navi li strong span {
  background-position: left bottom;
}
.navi li strong, .navi li a:hover {
  font-weight: normal;
}
.navi li.home a, .navi li.home strong, .navi li.home span {
  width: 68px;
}
.navi li.home span {
  background-image: url(../images/home.gif);
}
.navi li.about a, .navi li.about strong, .navi li.about span {
  width: 72px;
}
.navi li.about span {
  background-image: url(../images/about.gif);
}

.navi li.contact a, .navi li.contact strong, .navi li.contact span {
  width: 88px;
}
.navi li.contact span {
  background-image: url(../images/contact.gif);
}
.navi li.work a, .navi li.work strong, .navi li.work span {
  width: 66px;
}
.navi li.work span {
  background-image: url(../images/work.gif);
}

/* --------------- CONTACT ------------------ */

.submit {
	border:1px solid;
	border-color:#9d9d9d;
}

.error {
	height: 22px;
	padding-bottom: 13px;
}
.errorImg {
		top: 4px;
		position: relative
}

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

#footer {
  clear: both;
  padding: 0px 0px 30px 0px;
  width: 940px;
  font-size: 7px;
}
#footer p {
  float: left;
}

#footer ul {
  float: right;
}

#footer ul li {
  display: inline;
  border-left: 1px #FFF solid;
  margin-left: 4px;
  padding-left: 6px;
}
#footer ul li.first {
  border: 0;
}

.text {
	width:230px;
	height:22px;
	background-color:#333333;
	border:1px solid;
	border-color:#9d9d9d;
	padding-left:5px;
	padding-top:5px;
	color:#9d9d9d;
	font-size:13px;
}
.posText {
	width:230px;
	height:150px;
	background-color:#333333;
	border:1px solid;
	border-color:#9d9d9d;
	padding-left:5px;
	padding-top:5px;
	color:#9d9d9d;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
}	
.submit {
	border:1px solid;
	border-color:#9d9d9d;
}

.content .left
{
	float : left;
	width : 400px;
	padding-right : 30px;
}

.content .right
{
	float : right;
	width : 185px;
}

ul.summary {
	list-style-type : disc;
	margin-left : 30px;
	margin-top : 10px;
}