html body {
	background-image: url(../images/bg/background.jpg);
	background-repeat: repeat;
	color: #31343b;
	font: normal 76% Arial, Verdana, Helvetica, Tahoma, sans-serif;
	margin: 60px 0px 60px 0px;
	padding: 0;	
	text-align: center;		
}

form, img, ul, ol, li, h1, h2, h3, h4, h5, h6, p {
	border: none; 
	margin: 0;
	padding: 0;
}

h1
{
	color: #7d7d7d;
	font: 1.4em verdana;
	font-weight: bold;	
}

h2 
{
	color: #8ba331;
	font: 1.4em verdana;
	font-weight: bold;
	padding-bottom: 15px;
}
h3
{
	color: #ff0000;
	font-family: verdana;
	font-size:13px;
}


/*set border bottom to orange for now */
table {
	
	margin: 0;
	padding: 0;	
}

td {
	border-bottom: solid 1px #F1AC20;
	clear: both;
	padding: 13px 0px 13px 5px;
}

img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}
.spacermore {
	float: right;
	position: bottom;	
}

#container {
	margin: 0 auto;
	width: 100%;
}

#main {	
	border: 1px solid #999;
	border-top: none;
}

/* Begin Header */

#header {
	background: #a7c43b url("../images/titles/img-header.jpg") bottom no-repeat;
	width: 780px;
	height: 80px;
	margin: 0 auto;
	padding: 0;
}
.logoclick {
	float: left;
	margin: 0px;
	padding: 0px;
	text-align: left;
	border: 0px;
}

/* End Header */

/* Begin Content */

#p-contents {
	background-image: url(../images/bg/bg-p-nav-2.jpg);
	background-repeat: repeat-y;
	background-position: top left;
	width: 100%;
	height: 377px;
	margin: 0 auto;
	padding: 0;
}

#contentbody-first {
	width: 780px;
	height: 240px;
	margin: 0 auto;
	padding: 0;
	background-image: url(../images/bg/bgcontentBody-1.jpg);
	background-repeat: repeat-y;
}

#contentbody-first p.lefts img {
	border: 0px;
	margin: -7px 0px 0px 0px;
	padding: 0;	
}

#contentbody-first p.lefts {
	float: left;
	width: 444px;
	height: 240px;
	margin: 0 auto;
	padding: 0;
	padding-left: 9px;
}

#contentbody-first p.rights {
	float: left;
	width: 267px;
	height: 220px;
	padding-top: 20px;
	padding-left: 30px;
	padding-right: 30px;
	background: url(../images/bg/bgcontenttopright-1.jpg) left bottom no-repeat;
	color: #5a5a5a;
	font: 0.9em verdana;
	text-align: left;	
}

#contentbody-second {
	width: 780px;
	height: 137px;
	margin: 0 auto;
	padding: 0;
	background: url(../images/bg/bgcontentbottom-1.jpg) left bottom no-repeat;
}

.classcreation {
	float: left;
	width: 245px;
	height: 137px;
	margin: 0;
	padding-left: 65px;
	text-align: left;
}
.classcreation h1:before {
	display: block;
	content: url(../images/titles/title-creation.jpg);
}
.classcreation h1 {
	overflow: hidden;
	text-indent: -3000px;
	height: 34px;
	background-image: url(../images/titles/title-creation.jpg);
	background-repeat: no-repeat;
}
.classcreation p {
	margin: 0;
	padding: 0;
	color: #9a9a9a;
	font: 0.8em verdana;
	padding-right: 25px;
}
.classcreation p img {
	float: left;
	margin: 0;
	padding-right: 12px;
}

.classtestimonial {
	float: left;
	width: 245px;
	height: 137px;
	margin: 0;
	padding: 0;
	text-align: left;
}

.classtestimonial h1:before {
	display: block;
	content: url(../images/titles/title-testimonial.jpg);
}

.classtestimonial h1 {
	overflow: hidden;
	height: 34px;
	text-indent: -3000px;
	background-image: url(../images/titles/title-testimonial.jpg);
	background-repeat: no-repeat;
}
.classtestimonial p {
	margin: 0;
	padding: 0;
	color: #9a9a9a;
	font: 0.8em verdana;
	padding-right: 25px;
}
.classtestimonial p img {
	float: left;
	margin: 0;
	padding-right: 12px;
}

.classlogin {
	float: right;
	width: 214px;
	height: 127px;
	margin: 0 auto;
	padding-top: 10px;
}
.classlogin p {
	color: #9a9a9a;
	font: 0.8em verdana;
	margin-left: 30px;
	text-align: left;
	line-height: 18px;
}
.classlogin p.tombols {
	margin-left: 30px;
	margin-right: 32px;
	text-align: left;
	height: 38px;
	vertical-align: bottom;
}
input {
	background: #ffffff;
	border: 1px solid #707070;
	font: 1.1em verdana;
	text-align: left;
	margin: 0;
	padding: 0;
}
input.buttons {
	float: right;
	background-image: url(../images/buttons/btn-login.jpg);
	background-repeat: no-repeat;
	width: 60px;
	height: 20px;
	margin-right: 8px;
	padding: 0;
	border: 0px;
}

input#buttons {
	float: left;
	background-image: url(../images/buttons/btn-login.jpg);
	background-repeat: no-repeat;
	width: 60px;
	height: 20px;
	margin-right: 8px;
	padding: 0;
	border: 0px;
}
.fleft {
	float:left;
	}
.content-bot-pad {
	float:left;
	padding-bottom:45px;
	}

/* End Content */

/* Begin Footer */

#p-footers {
	background: #a7c43b url("../images/bg/bgright-3.jpg") repeat-x;
	width: 100%;
	height: 32px;
	margin: 0 auto;
	padding: 0;	
}
#p-footers-first {
	background-image: url(../images/bg/bg-p-nav-1.jpg);
	background-repeat: repeat-y;
	background-position: top left;
	width: 100%;
	height: 32px;
	margin: 0 auto;
	padding: 0;
	
}

#footers {
	background: #a7c43b url("../images/bg/bg-footer.jpg") no-repeat;
	width: 780px;
	height: 32px;
	margin: 0 auto;
	padding-top: 6px;
	text-align: right;
	color: #dbf574;
	font-weight: normal;	
}

/* End Footer */


/* hacks and workarounds */
/* fix so Mozilla browsers allows content to fill container div */
.clearfix:after {
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;	
}
.clearfix {
    display:inline-block;
}
.clearfix {
    display:block;
}
* html .clearfix {
    height:1px;
}

#p-nav {
	background: #a7c43b url("../images/bg/bgright-1.jpg") repeat-x;
	width: 100%;
	height: 52px;
	margin: 0 auto;
	padding: 0;
}
#p-nav-first {
	background-image: url(../images/bg/bg-p-nav-1.jpg);
	background-repeat: repeat-y;
	background-position: top left;
	width: 100%;
	height: 52px;
	margin: 0 auto;
	padding: 0;
}


/* Begin ImageLeft */

#p-contentsinsider {
	background-image: url("../images/bg/bg-p-nav-2.jpg");
	background-repeat: repeat-y;
	background-position: top left;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	float:left;
}

#contentbodyinsider {
	width: 780px;
	min-height: 150px;
	margin: 0 auto;
	background: #ffffff url("../images/bg/bgcontentinsider-bottomleft.jpg") left bottom repeat-y;
}
.contentbodyinsider-bottom {
	float:left;
	padding-bottom:50px;
}

#contentbodyinsider div.leftcontentsection 
{	
	/*float: left;
	width: 525px;
	padding-right: 20px;*/	
	float: left;
	width: 555px;
	text-align: left;
	padding-left: 9px;	
	padding-bottom:15px;
}

#contentbodyinsider div.titles {
	background: #f2f2f2 url("../images/bg/bg-templatev3-left.jpg") left top repeat-x;
	width: 520px;
	padding-left: 35px;
	height: 41px;
	float: left;
}

#contentbodyinsider div.titles h1 
{
	background: url("../images/titles/icontitle-v3.jpg") left no-repeat;
	padding-left: 20px;
	color: #000000;
	font: bold 1.5em verdana;
	line-height: 41px;
	float: left;
}

#contentbodyinsider div.titles div#titlesiconstyles {
	padding-top: 9px;	
}

/* begin imageleft */

#contentbodyinsider div.textcontentsinsideleft {
	float: left;
	text-align: left;
	width: 209px;
	color: #575757;
	font: 0.9em verdana;
	line-height: 15px;
	margin: 17px 0 0 0;
	padding: 0 0 0 23px;
}

/* style for templates page_template1.xslt, */
#contentbodyinsider div.textcontentsinsideright {
	float: right;
	text-align: left;
	width: 281px;
	color: #575757;
	font: 0.9em verdana;
	line-height: 15px;
	padding-bottom: 20px;
}

#contentbodyinsider div.textcontentsinsideright p {
	line-height: 15px;
	padding-top: 15px;
}

#contentbodyinsider div.textcontentsinsideright h2 {
	line-height: 15px;
	padding-top: 15px;
	font-size: 1.4em;
	font-weight: bold;
}

#contentbodyinsider div.textcontentsinsideright ul
{
	list-style-type:none;	
}

#contentbodyinsider div.textcontentsinsideright li
{
	padding-left:18px;
	padding-top:3px;
	margin-left:10px;
	background:url(../images/titles/iconarrow_v4.gif) no-repeat;
	/*list-style-image: url(../images/titles/iconarrow_v3.jpg);	*/
}


/* styles for page templates page_template2.xslt */

#contentbodyinsider div.textcontentsinsideleft_right {
	float: left;
	text-align: left;
	width: 255px;
	color: #575757;
	font: 0.9em verdana;
	line-height: 15px;
	padding-left: 22px;
}

#contentbodyinsider div.textcontentsinsideright_right {
	float: right;
	text-align: left;
	width: 209px;	
	padding-top: 15px;	
}

#contentbodyinsider div.textcontentsinsideleft_right p {
	line-height: 15px;
	margin-left: 15px;
	padding: 15px 0 0 15px;		
}

#contentbodyinsider div.textcontentsinsideleft_right ul 
{
	line-height: 15px;
	padding: 15px 0 0 40px;
	list-style-type:none;	
}

#contentbodyinsider div.textcontentsinsideleft_right li
{
	padding-left:18px;
	background:url(../images/titles/iconarrow_v3.jpg) no-repeat;	
	/*list-style-image: url(../images/titles/iconarrow_v3.jpg);	*/
}



/* begin listpage */

#contentbodyinsider p.textcontentslistpage_top {
	float: left;
	text-align: left;
	width: 500px;
	color: #575757;
	font: 0.9em verdana;
	line-height: 15px;
	padding-left: 50px;
	padding-top: 15px;
}
#contentbodyinsider p.textcontentslistpage_bottom {
	float: left;
	text-align: left;
	width: 490px;
	color: #575757;
	font: 0.9em verdana;
	line-height: 15px;
	padding-left: 22px;
	padding-top: 30px;
}
img.imgtextlistpage {
	float: left;
	padding-right: 20px;	
}
img.imgmultipleright {
	float: right;
	padding-left: 20px;
}

#contentbodyinsider div.list-content 
{
	margin: 0;
	padding: 0;
	float: right;
	width: 200px;
}

/* conflicts with the lists, conflict resolved when id="item-list" 
is added to the (news)_detail.xslt file */

#contentbodyinsider ul#items-list {
	float: left;
	width: 470px;
	padding-left: 50px;
	padding-top: 30px;
	list-style-type: none;
	padding-bottom: 10px;	
}

#contentbodyinsider ul#items-list li {
	float: left;
	text-align: left;
	color: #575757;
	font: 0.9em verdana;
	vertical-align: top;
	min-height: 190px;	
}

#contentbodyinsider ul#items-list li h2 {
	text-align: left;
	font-size: 1.4em;
	font-weight: bold;
	vertical-align: top;
	display: block;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 10px;
	line-height: 15px;
}

#contentbodyinsider ul#items-list li p {
	text-align: left;
	line-height: 15px;
	padding-bottom: 10px;
}

/* end conflict */

ul#multipleimagesright {
	float: left;
	text-align: left;
	width: 502px;
	padding-left: 22px;
	padding-top: 15px;
	padding-bottom: 40px;
	list-style-type: none;
}
ul#multipleimageright li {
	float: left;
	text-align: left;
	padding-bottom: 20px;
}
.listmultipleright {
	text-align: left;
	width: 260px;
	padding-bottom: 15px;
}

/* End List Style */

#contentbodyinsider p.titlecontentsleft img {
	vertical-align: bottom;
}

img.imgtextcontent {
	float: left;
	padding-right: 25px;
}

#contentbodyinsider div.textcontentsimagetop p {
	text-align: left;
	color: #575757;
	font: 0.9em verdana;
	line-height: 15px;
	padding-top: 15px;
}

#contentbodyinsider div.textcontentsimagetop img {
	border: 0px;
}

#contentbodyinsider div.textcontentsimagetop {
	float: left;
	text-align: left;
	width: 520px;	
	padding-left: 35px;
	padding-top: 15px;
	padding-bottom: 40px;
	background-color: #ffffff;
}

#contentbodyinsider div.textcontentsimagetop ul
{
	list-style-type:none;	
}

#contentbodyinsider div.textcontentsimagetop li
{
	padding-left:18px;
	color:#5a5a5a;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background:url(../images/titles/iconarrow_v3.gif) no-repeat;	
	/*list-style-image: url(../images/titles/iconarrow_v3.jpg);	*/
}

/* Right Content Section */

#rightcontentsection {
	float: right;
	width: 216px;
	text-align: left;
	background: #f2f2f2 url("../images/bg/bg-templatev3-right.jpg") left top repeat-y;
	margin: 0;
	padding: 0;
}

#rightcontentsection div.creativesection {
	float: left;
	width: 160px;
	text-align: left;
	margin: 0;
	padding:0px 0px 7px 56px;
	background-image: url(../images/titles/iconhover_2.jpg);
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
	border-bottom:2px solid #ffffff;
}
#rightcontentsection div.creativesection p.textcontent {
	float: left;
	width: 130px;
	padding:0px 0px 3px 2px;
	color: #9a9a9a;
	font: 0.8em verdana;
	margin: 0;	
	line-height: 13px;
}
#rightcontentsection div.creativesection p.more {
	float: left;
	width:40px;
	padding-left:120px;
	margin: 0;
}

#rightcontentsection div.testimonialsection {
	float: left;
	width: 160px;
	text-align: left;
	margin: 0;
	padding:0px 0px 7px 56px;
	margin: 0;
}
#rightcontentsection div.testimonialsection p.textcontent {
	float: left;
	width: 130px;
	padding:0px 0px 3px 2px;
	color: #9a9a9a;
	font: 0.8em verdana;
	margin: 0;
	line-height: 13px; /* top, right, bottom, left */
}

#rightcontentsection div.testimonialsection p.more {
	float: left;
	width:40px;
	padding-left:120px;
	margin: 0;
}

/*img.titletestimoniales {
	width: 137px;
	height: 37px;
	margin: 0px;
	padding: 0px;
}*/

#rightcontentsection div.news_sidepanel_section {
	float: left;
	margin: 0;
	text-align: left;
	background: #f2f2f2;
	border-bottom: 3px solid #fff;
	padding-bottom: 10px;
	
}
#rightcontentsection div.news_sidepanel_section p {
	color: #9a9a9a;
	font: 0.8em verdana;
	margin: 0px;
	line-height: 13px;
	padding: 0px 20px 0px 20px; /* top, right, bottom, left */
}

img.titlecreationes {
	width: 137px;
	height: 41px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/titles/iconhover_3.jpg);
	background-repeat: no-repeat;
	background-position: -1000px -1000px;
}

#rightcontentsection div.rightclientslogin {
	float: right;
	width: 216px;
	text-align: left;
	background: #ffffff url("../images/titles/bgclientlogin_v3.jpg") left top repeat-y;
	padding-bottom: 15px;
	border-bottom: 2px solid #fff;
}

#rightcontentsection div.rightclientslogin h1 {
	color: #9a9a9a;
	font: 1.2em verdana;
	background: #ffffff url("../images/titles/clientlogin_v3.jpg") left top no-repeat;
	width: 216px;
	height: 32px;
	text-indent: -3000px;
}

#rightcontentsection div.rightclientslogin p, form {
	color: #9a9a9a;
	font: 0.9em verdana;
	margin: 0;
	line-height: 18px;
	padding-left: 32px;
	padding-top: 5px;
}

input.buttoners {
	float: right;
	background-image: url(../images/buttons/btn-login.jpg);
	background-repeat: no-repeat;
	width: 60px;
	height: 20px;
	padding: 0;
	border: 0px;
	margin-right: 38px;
	margin-top: 10px;
}

img.btnmoreinside {
	float: right;
	position: bottom;
	padding-right: 0px !important;
	padding-right: 20px;
}

/* Book a meeting form */

#ui-datepicker-div{
	display:none;
}
.form-holder {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-left:0;
	width:547px;
}

#contentbodyinsider ol.form-holder li {
float:left;
width:272px;
background:none;
padding-left:0px;
}

#contentbodyinsider #ErrorMessage
{
	margin-top:20px;
}

#contentbodyinsider #ErrorMessage #ErrorList li
{
	background:none;
}

.form-holder li label {
display:block;
font-weight:bold;
margin:0 0 6px;
}

.form-holder li label.error {
color:Red;
}

.form-holder li input {
margin:0;
width:210px;
}

.form-holder li input.error
{
	border:1px solid red;
}
.ui-datepicker-trigger
{
	left:5px;
	position:relative;
	top:2px;
}
p.form-button {
margin:0;
}

.btn {display:block;overflow:hidden;}
.btn a {display:block;overflow:hidden;text-indent:-12345px;}

/* buttons images + dimensions */
#contentbodyinsider .textcontentsimagetop .btn-submit
{
	float:right;
	padding:0px;
	margin-top:20px;
	margin-right:30px;
}
.btn-submit,.btn-submit a{background:url("../images/buttons/submit.gif");width:66px;height:15px;}
.btn-submit a:hover{background-position:0 -15px;}

input, textarea {
border:1px solid #7F9DB9;
padding:2px;
}

ol li {
margin:0.727em 0;
}

fieldset
{
	border:medium none;
	margin:0;
	padding:20px 0 0 0;
}