html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size:12px; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; }
html{	
	font-size:medium;}
body{
	background: #E8E8E8 url(images/background.gif) repeat-x scroll center top;
	color: #333;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	}
	
	/* headings and paragraphs -1.1- ----------------------------------------------------------------------------------------------------*/
	h1{color:#FFFFFF; font-size:24px;}
	
.popupcontent h1
{
color: #0072BC;
text-transform: uppercase;
}
	
	h2{color:#0072BC; font-size:18px;text-transform:uppercase;}
	h4{color:#0071BB; font-size:12px;}
	p{padding:10px 0px 10px 0px; line-height:1.5em;}
	hr {border:1px dashed #CCCCCC;}
	/* forms  -1.2- -------------------------------------------------------------------------------------------------------------------------------*/
		
	input,textarea,select{color: #666;font: normal normal 1em/1.2em Verdana,Arial, Helvetica,sans;}
	
	/* links -1.3- -------------------------------------------------------------------------------------------------------------------------------*/		
	a{
		color: #83B02A;
		text-decoration: none;}
	a:hover{
		text-decoration: underline;}

	/* others -1.4- -------------------------------------------------------------------------------------------------------------------------------*/		
	strong{
		font-weight: bold;}
	em{
		font-style: italic;}
	.blue-text {color:#0071BB; font-weight:bold;}
		
/* Layout style */
#wrraper{margin:0px auto; text-align:center; width:964px;}
#page {width:924px; text-align:left; background:url(images/body-bg.gif) top left repeat-y; float:left; padding:20px;}
#page li {background:url(images/bullets.gif) top left no-repeat; padding-left:15px; line-height:1.5em;}
/*  Header elements ===========================================================================*/

#header{height:109px; width:956px; text-align:center; margin:0px auto;}
#header div.logo{margin:40px 0px 0px 0px; text-align:left; width:320px; float:left;}
#header div.link{margin:15px 0px 0px 0px; text-align:right; width:630px; font-weight:normal; float:right;}
#header div.link p{ margin-bottom:20px;}
#header div.link a{ color:#333;}
#header div.link a.selected{ text-decoration:underline;}


#header div.link label{text-align:right; font-size:18px; font-weight:bold;}

/*  Nav elements  ===========================================================================*/

#nav{height:34px;  width:956px; text-align:center; margin:0px auto;}
#nav li {display:inline; margin-right:3px; float:left;}
#nav li.none {margin:0px;}
#nav li a{background:url(images/actions/nav-normal.gif) right no-repeat; width:134px;font-weight:normal;font-size:13px; color:#fff; float:left; height:34px;line-height:34px; text-decoration:none;}
#nav li a:hover{background:url(images/actions/nav-hover.gif) right no-repeat;}
#nav li a.e-managers{ background:url(images/actions/a-managers.gif);}
#nav li a.web-design{ background:url(images/actions/a-webdesigner.gif);}
#nav li a.seo{ background:url(images/actions/a-seo.gif);}
#nav li a.pay{ background:url(images/actions/a-pay.gif); /*color:#333;*/}
#nav li a.online{ background:url(images/actions/a-online.gif);}
#nav li a.writing{ background:url(images/actions/a-content.gif);}
#nav li a.analysis{ background:url(images/actions/a-analysis.gif);}
/* banner */
#banner{width:956px; text-align:center; margin:0px auto; height:257px;color:#fff; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
#banner span{font-size:17px;}
#banner div.home{padding:100px 0px 0px 250px; width:706px; height:157px; background:url(images/banner-home.jpg) no-repeat;  font-size:24px; line-height:1.5em;}
#banner div.inside{padding:50px 340px 0px 50px; width:566px; height:207px; background:url(images/banner-home.jpg) no-repeat;  font-size:24px; line-height:1.2em;}
#banner div.e-managers{background:url(images/banner-e-managers.jpg) no-repeat;}
#banner div.portfolio{background:url(images/banner-portfolio.jpg) no-repeat;}
#banner div.testimonials{background:url(images/banner-testimonials.jpg) no-repeat;}
#banner div.webdesign{background:url(images/banner-webdesign.jpg) no-repeat;}
#banner div.seo{background:url(images/banner-seo.jpg) no-repeat;}
#banner div.pay{background:url(images/banner-click.jpg) no-repeat; /*color:#333;*/}
#banner div.online{background:url(images/banner-online.jpg) no-repeat;}
#banner div.writing{background:url(images/banner-content.jpg) no-repeat;}
#banner div.analysis{background:url(images/banner-analysis.jpg) no-repeat;}
#banner div.resources{background:url(images/banner-resources.jpg) no-repeat;}
#banner div.news{background:url(images/banner-news.jpg) no-repeat;}
#banner div.seminars{background:url(images/banner-seminars.jpg) no-repeat;}
#banner div.wordpress{background:url(images/banner-wordpress.jpg) no-repeat;}
#banner div.tradingeye{background:url(images/banner-tradingeye.jpg) no-repeat;}

/*  page elements ===========================================================================*/
#content {float:left; width:600px;}
#content h1 a{ font-size:18px;}
#content div.area {width:260px; margin-top:10px; margin-right:20px; border-right:1px dashed #cccccc; float:left;}
#content div.area ul {margin-left:15px; margin-top:10px;}
#content div.area li {height:20px; line-height:20px;}
#content div.latest-project {width:100%; margin-top:10px; float:left;}
#content div.latest-project li {display:inline; padding:0px; background:none; float:left; width:110px; height:120px; margin:10px 20px 0px 0px;}
#content div.latest-project li img.border { border:4px #ccc solid; width:100px; height:70px; margin-bottom:5px;}
#content div.latest-project2 {width:550px; margin-top:10px; float:left;}
#content div.latest-project2 li {display:inline; padding:0px; background:none; float:left; width:550px; height:120px; margin:10px 20px 0px 0px;}
#content div.latest-project2 img.border { border:4px #ccc solid; width:100px; height:70px; margin-bottom:5px;}
.text {margin-right: 20px; float: left;}
#content div.content {float:left; width:600px; margin-top:10px;}
#content ul.mar-con { margin:15px;}
#content div.content li {height:20px; line-height:20px;}
#content a {color:#81AD2A; font-weight:bold; text-align:under;}

#content div.latest-project-home li img.border
{
border:4px solid #CCCCCC;
height:70px;
margin-bottom:5px;
width:100px;
}

#content div.latest-project-home li
{
background:transparent none repeat scroll 0 0;
display:inline;
float:left;
height:120px;
margin:10px 20px 0 0;
padding:0;
width:110px;
}

/* News Style */
.news {float:right; width:300px; border-left:1px dashed #CCCCCC; padding-left:15px;}
.news dl{margin:10px 0px 10px; float:left;}
.news dt{ color:#0B0B0B; font-style:italic; font-weight:bold;}
.news dd{margin:10px 0px 10px; line-height:1.5em;}
.news ul {margin:10px 10px 20px 20px;}
.news li {background:url(images/bullets1.gif) top left no-repeat !important; margin-bottom:7px;}
.news blockquote{ color:#0072BC; line-height:1.5em;}

/* Contact Style */
.contact { background:url(images/contact-bg.jpg) no-repeat left top; float:left; margin-bottom:20px; width:275px; height:180px; padding:10px; font-size:11px; color:#1B2805;}
.contact span {color:#1B2805; font-size:15px; font-weight:bold; line-height:1.2em;}
.contact label {color:#1B2805; font-size:18px; font-weight:bold;}
.contact a {color:#1B2805; font-size:11px; font-weight:bold;}
.contact a.qout {color:#1B2805; font-size:17px; font-weight:bold;}


/* footer */
#footer {text-align:center; width:964px; float:left; padding-top:10px;  padding-bottom:20px; background:url(images/footer-bg.gif) top no-repeat; height:30px;}
#footer div.link{text-align:center; line-height:1.5em;}
#footer div.valid{width:190px; padding-top:30px; padding-bottom:10px; float:left;}
#footer a{ padding:0px 5px 0px 5px; color:#575757; text-decoration:none;}
#footer a:hover{color:#333;}


.login
{
width: 300px;
background-color: #0072BC;
border: 2px solid #736F6E;
text-align: center;
color: #FFFFFF;
margin: 0 auto;
}

.login input
{
border: 1px solid #2B60DE;
color: #666666;
}

.jobtable td
{
padding: 5px;
border: 1px solid #2B60DE;
text-align: center;
}

.jobslist
{
margin: 10px;
padding: 10px;
border: 1px solid #736F6E;
}

.popuppicture
{
float: right;
}

.popupcontent
{
padding: 10px;
}

.gallery
{
text-align: center;
display: inline-block;
}

.gallery-item
{
float: left;
border: 2px solid #999999;
margin: 20px;
}

.alignright
{
float: right;
}

.contactform
{
display: inline-block;
}