/* CSS Document */
body {
	margin:0;
	padding:0;
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	background-color: #E6DAB3;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
	font-size: 12px;
	color: #000000;
	text-align: left;
	}
	
#logo{
    position : absolute;
    top : 0px;
    left : 20px;
    z-index : 50;
}

.textarea {
	border: 1px solid #666666;
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
select{
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.button {
	border: 1px solid #666666;
	height: 20px;
	font-size:10px;
}

a {
	padding: 0 2px;
	text-decoration: underline;	 
	color: #255C8A;	
	}
	
a:hover, a.selected{
	color:#892624;
	}

.img {
	float: right;
	padding: 0 15px 5px 10px;
}
	
#nav {
	position: absolute;
	top: 0px;
	left: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 36px;
	display: inline;
	overflow: hidden;
	width: 615px;
	}
	
#nav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#nav a {
	float: left;
	padding: 40px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:36px; /* for IE5/Win */
	}
	
#nav a:hover {
	background-position: 0 -36px;
	}

#nav a:active, #nav a.selected {
	background-position: 0 -36px;
	}
	
#thome a  {
	width: 56px;
	background: url(../images/new/home.gif) top left no-repeat;
	}

#tabout a  {
	width: 108px;
	background: url(../images/new/about.gif) top left no-repeat;
	}

#treg a  {
	width: 92px;
	background: url(../images/new/register.gif) top left no-repeat;
	}

#tproducts a  {
	width: 98px;
	background: url(../images/new/products.gif) top left no-repeat;
	}
	
#tquestions a  {
	width: 76px;
	background: url(../images/new/questions.gif) top left no-repeat;
	}
	
#tcontacts a  {
	width: 96px;
	background: url(../images/new/contacts.gif) top left no-repeat;
	}

#tprojects a  {
	width: 89px;
	background: url(../images/new/projects.gif) top left no-repeat;
	}
	
#tcampaigns a  {
	width: 117px;
	background: url(../images/new/campaigns.gif) top left no-repeat;
	}

#tcode a  {
	width: 68px;
	background: url(../images/new/code.gif) top left no-repeat;
	}

/* Style for Drop Down Menu */

.dropmenudiv{
	position:absolute;
	top: 0;
	border: 1px 0 0 0 solid #FFFFFF; 
	line-height:18px;
	z-index:100;
	background-color:#E6DAB3;	
	width: 120px;
	visibility: hidden;	
}


.dropmenudiv a{
	width: auto;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #FFFFFF; 
	padding: 2px 0;
	text-decoration: none;	
	color: #000000;
}

* html .dropmenudiv a{ /*IE only hack*/
	width: 100%;
}

.dropmenudiv a:hover{ 
	background-color:#F2EDE1;	
}


#container {	
	width: 955px;
	margin:0 auto;
	background-image: url(../images/bg-top.gif);
	background-repeat: no-repeat;
}

#logo {
	z-index:30;
	margin-top:5px;
	margin-left: 30px;
	position: absolute;
	
}
#header {
	position: relative;
	float:right;
	width: 615px;
	height: 38px;
	padding: 10px;
	margin: 20px 0 2px 0;	
	
}

#leftcontent {		
	float:left;
	padding-top:67px;
		}

#rightcontent {
	float:right;
	width:536px;	
	height:500px;	
	background-image: url(../images/content-bg.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}

	
#rightcontent p {
	padding-left: 30px;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 30px;
	text-align:justify;	
}

#rightcontent li {
	margin: 0px 30px 0px 20px;	
	padding: 0px;	
	text-align:justify;	
}

#rightcontent h4 {
	padding-left: 30px;	
	padding-right: 30px;
	font-size:16px;
	color:#892624;	
}

#rightcontent h5 {
	padding-left: 30px;	
	padding-right: 30px;	
	font-size:14px;
	color:#892624;	
}			

#large {
	margin-left: 50px;
	margin-top:9px;
	width:845px;
	height:500px;	
	background-image: url(../images/contentlarge-bg.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}

#large p {
	padding-left: 35px;
	margin-top: 5px;
	padding-right: 30px;
	text-align:justify;
}


#large h4 {
	padding-left: 35px;	
	padding-right: 30px;
	font-size:16px;
	color:#892624;
}		

.whitetd {
	margin-top:110px;	
	width:950px;
	background-color:#FFFFFF;
}

.whitetd p {
	margin-top: 5px;
	padding-right: 30px;
	text-align:justify;
}


.whitetd h4 {
	padding-right: 30px;
	font-size:16px;
	color:#892624;
}		

.whitetd h5 {
	padding-right: 30px;
	padding-bottom:0;
	margin-bottom:0;
	font-size:13px;
	color:#892624;	
}		
		
#footer {
	clear: both;
}

#footer p {
	color:#666666;
	font-size: smaller;
	padding-left: 450px;
}

#footer a {
	color: #255C8A;	
}

#footer a:hover {
	color: #892624;	
}


/* content pagination */

.contentslide{		
	width: 100%;
	}
	
.contentslide .contentdiv{
	display: none;
	}
	
.pagination{
	width: 500px; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
	text-align: right;	
	padding: 0 0 4px 0;
	}
	
* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
	width: 480px; /*IE5 width*/
	w\idth: 500px; /*IE6 width*/
	}
	
.pagination a{
	padding: 0 2px;
	text-decoration: none;
	font-weight:bold; 
	color: #892624;	
	}
	
.pagination a:hover, .pagination a.selected{
	color: #255C8A;	
	}