body {
	background : #980000 url(images/wittyfox_ground.png) repeat-x left top;
}


body, #container, #header, #footer {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Tahoma;
	font-size: 11px;
	color: #ebcccc;
}


a, a img  {
	text-decoration: none;
	border: 0px;
}

a:link {
	color: #fdcc39;
	text-decoration : none;
}

a:visited {
	color : #fff;
	text-decoration : none;
}

a:hover {
	color : #fff;
	text-decoration : none;
}


#container {
	width : 100%;
	height : 100%;
}

#main {
	margin: 0px auto;
	width: 900px;
	height: 704px;
}

#header {
	width: 900px;
	height: 130px;
	background : #980000 url(images/wittyfox_header.jpg) no-repeat;
}

#footer {
	clear: all;
	float: left;
	width: 900px;
	height: 124px;
	background : #8d0909 url(images/wittyfox_footer.jpg) no-repeat;
}

#left {
	clear: all;
	float: left;
	width: 450px;
	height: 450px;
	background : #980000 url(images/wittyfox_left.jpg) no-repeat;
}

#left_txt {
    width: 380px;
    text-align : justify;
    margin: 40px 0px 0px 50px;
}

#contact_txt {
    float: left;
    width: 200px;
    text-align : justify;
    margin: 23px 0px 0px 0px;

}

#contact_txt p.title_ {
    color: #ffffff;
    line-height: 80%;
}

#left_txt p.title_ {
    color: #fff;
}

#contact_txt p.content_ {
    color: #ebcccc;
    line-height: 20%;
}

#left_txt p.content_ {
    color: #ebcccc;
    text-indent: 0px;
}

#contact_form {
    margin: 30px 0px 0px 225px;
}

#contact_form p.title_ {
    color: #f4cccc;
    line-height: 1px;
}

#contact_form p.gap_ {
    line-height: 5px;
}

#contact_txt p.small_ {
    color: #f4cccc;
    line-height: 12px;
   	font-size: 9px;
	text-align: left;
}


#right {
 	float: left;
	width: 450px;
	height: 450px;
	background : #8d0909 url(images/wittyfox_right.jpg) no-repeat;
}

#main {
	width: 900px;
	height: 450px;
}

ul, ul li {
	display: inline;
    margin: 0px 0px 0px 0px;
	list-style-type: none;
    }

div#form_errors li { display: block; font-size: 9px;}

#menu-left {
        float: left;
        padding: 0px;
        margin-top: 87px;
        margin-left: 50px !important;
        margin-left: 40px;
        width : 260px;
        height : 21px;
}


#menu-right {
        float: left;
        margin-top: 87px;
        padding: 0px;
        margin-left: 300px;
        width : 260px;
        height : 21px;
}


#menu-left li, #menu-right li {
           float: left;
           padding: 0px 26px 0px 0px;
           }


a.rollover1 {
   display: block;
   width: 104px;
   height: 21px;
   background: url("images/btn_about.gif");
}

a.rollover1:hover {
   background-position: 0px -21px;
}


a.rollover1_on {
   display: block;
   width: 104px;
   height: 21px;
   background: url("images/btn_about.gif");
   background-position: 0px -42px;
}

a.rollover1_on:hover {
   background-position: 0px -21px;
}



a.rollover2 {
   display: block;
   width: 104px;
   height: 21px;
   background: url("images/btn_services.gif");
}

a.rollover2:hover {
   background-position: 0px -21px;
}


a.rollover2_on {
   display: block;
   width: 104px;
   height: 21px;
   background: url("images/btn_services.gif");
   background-position: 0px -42px;
}

a.rollover2_on:hover {
   background-position: 0px -21px;
}



a.rollover3 {
   display: block;
   width: 104px;
   height: 21px;
   background: url("images/btn_works.gif");
}


a.rollover3:hover {
   background-position: 0px -21px;
}


a.rollover3_on {
   display: block;
   width: 104px;
   height: 21px;
   background: url("images/btn_works.gif");
   background-position: 0px -42px;
}

a.rollover3_on:hover {
   background-position: 0px -21px;
}



a.rollover4 {
   display: block;
   width: 104px;
   height: 21px;
   background: url("images/btn_contact.gif");
}


a.rollover4:hover {
   background-position: 0px -21px;
}


a.rollover4_on {
   display: block;
   width: 104px;
   height: 21px;
   background: url("images/btn_contact.gif");
   background-position: 0px -42px;
}

a.rollover4_on:hover {
   background-position: 0px -21px;
}




#works,#flashcontent {
	margin: 0px auto;
	width: 900px;
	text-align: center;
	padding-top: 0px;
	background: url(images/wittyfox_works_ground.jpg) no-repeat;
}





.services_paragraph {
	padding-bottom: 10px;

}


