html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,form,table,td,tr{ margin:0px; padding:0px; border:0px; border-collapse:separate; border-spacing:0px; } input,select{ margin:0; padding:0; }


body {
	text-align: center;
	background: url(images/body-bg.png);
	background-repeat: repeat-x;
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #3d3d3d;
	font-size: 12px;
}

ul li {list-style: none;}
h1 {
	
	font-size: 22px;
	padding-bottom: 10px;
	padding-top: 5px;
	font-weight: bold;
	
	}

h2 {
	font-size: 20px;
	padding-bottom: 10px;
	padding-top: 5px;
	
}
h3 {
	font-size: 20px;
	padding-bottom: 10px;
	color: #666666;
	
}
li {
background-image: url(images/li-bg.jpg);
	background-repeat: no-repeat;
	padding-left: 15px;
	margin-bottom: 10px;
	}
	
p {
	font-size: 12px;
	padding-bottom: 20px;
}
a {
	text-decoration: none;
	color: #404040;
	}
a:hover {
	text-decoration: underline;
	color: #404040;
	}
.breadcrumb {
	font-size: 14px;
	font-weight: bold;
}

#navigation { 
margin-top: 72px;
margin-left: 110px;
background: none;
color: #000000;
font-size: 13px;
font-weight: bold;

}
#navigation a {
	color: #000000;
	text-decoration: none;
}

#navigation a:hover {
	color: #ffffff;
	text-decoration: none;
}
#main-container {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 1000px;	
}
#header {
	width: 100%;
	height: 120px;
	background: url(images/header-bg.png);
	background-repeat: repeat-x;
}
#header-left {
	float: left;
	width: 315px;
	height: 120px;
	padding-left: 35px;
	background: url(images/header-bg.png);
}

#header-right {
	float: right;
	width: 650px;
	height: 120px;
	background-image: url(images/header-right-bg.png);
	background-repeat: repeat-x;
}

#top-content-page-container {
	width: 100%;
	background-image: url(images/content-page-container-bg.png);
	background-repeat: no-repeat;
	height: 135px;
	padding-top:4px;
	padding-left: 4px;
}
#top-content-left {
	float: left;
	width: 280px;
	height: 240px;
	text-align: center;
	padding-left: 20px;
}
#top-content-right {
	float: right;
	width: 650px;
	height: 240px;
	text-align: center;
}
#main-content-container {
	width: 100%;
	overflow: visible;
}

#main-content-right {
	float: right;
	width: 675px;
	text-align: justify;
}

#main-content-left {
	float: left;
	width: 293px;
	text-align: left;
}

#sidebar {border: 0px solid #efefef;}

div#sidebar h2 {
		margin-bottom: 5px;
		margin-top: 0px;
		margin-left: -15px;
		background: url(images/sidebar-heading-bg.jpg );
		padding: 5px 15px;
		font-size: 14px;
		clear: left;
		color: #FECC00;
	}
.social {
		margin-bottom: 5px;
		margin-top: 15px;
		margin-left: 0px;
			background: url(images/sidebar-heading-bg.jpg );
		padding: 5px 15px;
		font-size: 14px;
		clear: left;
		color: #EDE5DA;
	}
#sidebar li{
	background-image: url(images/li-bg.jpg);
	background-repeat: no-repeat;
	padding-left: 15px;
	margin-bottom: 10px;
	
	
}


.gallerycontent{
background-image: url(images/quotation_marks.png );
background-repeat: no-repeat;
width: 575px;
height: 145px;
border: 0px solid black;
padding-left: 90px;
padding-right: 90px;
display: block;
margin-top: -5px;
}




#footer {
	width: 100%;
	background-image: url(images/footer.png);
	background-repeat: repeat-x;  
	background-color: #000000;
	clear: both;
}

#footer a {
	color: #ffcc00;
}
#footer a:hover {
	color: #ffffff;
}

#footer p {
	color: #c4c4c4;
	padding-right: 30px;
	}
#footer-content {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 1000px;	
	color: #ffffff;
	
}
#footer-left {
	float: left;
	width: 333px;
	text-align: justify;

}
#footer-center {
	float: left;
	width: 333px;
	text-align: justify;
}

#footer-right {
	float: right;
	width: 333px;
	text-align: justify;
}
#footer-copy {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	text-align: left;
	width: 1000px;
	clear: both;
	background: #000000;
}

/* Slider Coloring */
#myController span{
	background:#000000;
	margin-right:10px;
	cursor:pointer;
	padding: 5px 8px;
	border: solid 1px #ccc;
	color: #ffcc00;
}
#jFlowSlide{
}
#myController span.jFlowSelected {
	background:#ffcc00;
	margin-right:10px;
	cursor:pointer;
	padding: 5px 8px;
	border: solid 1px #ccc;
	color: #000000;
}
.jFlowPrev, .jFlowNext{
	margin-right:10px;
	cursor:pointer;
	padding: 5px 8px;
	color: #104E82;
}
.seoteric{ /*header of 1st demo*/
	background-image: url(images/h1-bg10.png);
	background-repeat: no-repeat;
	height: 30px;
	font-size: 20px;
	padding-left: 55px;
cursor: hand;

}

.openseoteric{ /*class added to contents of 1st demo when they are open*/
background-image: url(images/h1-bg12.png);
	background-repeat: no-repeat;
	height: 30px;
	font-size: 20px;
	padding-left: 55px;
	color: #ffffff;
	cursor: hand;
}

.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
font: bold 14px Verdana;
margin: 10px 0;
}


.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: green;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: red;
}


#free-consultation {
	width:675px;
	height: 150px;
	text-align: left;
    background:url(images/consultation-bg-wide.gif) 0 0 no-repeat;
}

#free-consultation form {
	padding-top: 20px;
	padding-left: 15px;
	color: #ffffff;
}
#free-consultation form input.go{
	background:url(images/consultation_go.gif) 0 0 no-repeat;
	border:none;
	cursor:pointer;
	float:right;
	margin:15px 0 0 0;
	width: 270px;
	height: 25px;
	clear: both;
}
#free-consultation form label{
	font:normal 11px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	float:left; 
	display:block;
	height: 19px;
	width: 50px;
	text-align: right;
}
#free-consultation form input.txtBox{
	width:180px;
	height:19px;
	border-left:#808080 solid 1px;
	border-top:#808080 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-bottom:#D4D0C8 solid 1px;
	color:#000;
	background-color:#fff;
	margin:0;
	padding:0;
	
}
#free-consultation form a{
	background:url(images/register_member_icon.gif) 0 0 no-repeat;
	padding:0 0 0 10px;
	font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#9CCC37;
	background-color:#353535;
	text-decoration:underline;
	float:right;
	margin:15px 0 0 0;
	width:120px;
}
#free-consultation form a:hover{
	text-decoration:none;
}

#newsletter{
	width:290px;
	height: 200px;
	text-align: left;

}

#newsletter h2{
	display:block;
	background:url(images/member_login_bg.gif) 0 0 no-repeat;
	width:270px;
	height:31px;
	padding:0 0 0 20px;
	font:bold 16px/31px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
}
#newsletter form{
	width:270px;
	height:180px;
	background:url(images/member_form_bg.gif) ;
	background-repeat: no-repeat;
	padding: 10px;
	color:#000000;
}
#newsletter form label{
	font:normal 11px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	float:left; 
	display:block;
	height: 19px;
	width: 50px;
	text-align: right;
}
#newsletter form input.txtBox{
	width:180px;
	height:19px;
	border-left:#808080 solid 1px;
	border-top:#808080 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-bottom:#D4D0C8 solid 1px;
	color:#000;
	background-color:#fff;
	margin:0;
	padding:0;
	
}
#newsletter form a{
	background:url(images/register_member_icon.gif) 0 0 no-repeat;
	padding:0 0 0 10px;
	font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#9CCC37;
	background-color:#353535;
	text-decoration:underline;
	float:right;
	margin:15px 0 0 0;
	width:120px;
}
#newsletter form a:hover{
	text-decoration:none;
}
#newsletter form input.go{
	background:url(images/btn_go.gif) 0 0 no-repeat;
	border:none;
	cursor:pointer;
	float:right;
	margin:15px 0 0 0;
	width: 88px;
	height: 25px;
	clear: both;
}

#portfolio-links {
	width: 293px;
	background-image: url(images/pl-bg.png);
}

#nl-popup {
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding-top: 75px;
	padding-left: 20px;
	padding-right: 20px;
	width: 400px;
	height: 200px;
	background-image: url(images/nl-popup.png);
	background-repeat: no-repeat;
	color: #ffffff;
	font-weight: bold;
	
}
ul {
	margin-bottom: 15px;
	
}

li {padding-left: 10px; }