html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }  

html { height: 100%; }

body {
	background-color: #4389C7;
	color: #222222;
	font-family: "Lucida Grande", Tahoma, Verdana, Sans-serif;
	height: 100%;
}

h2 {
	margin-bottom: 10px;
	padding-top: 10px;
}

h4 { font-size: 14px; }

p, ul li, ol li {
	font-size: 16px;
	line-height: 1.5em;
}

table { margin-bottom: 16px; }

#header_wrapper {
	width: 100%;
	background: url(../images/background_gradient2.jpg) repeat-x;
	height: 328px;
	position: relative;
	margin-top: -21px;
}

#language_select {
	color: #FFFFFF;
	font-size: 14px;
	position: absolute;
	top: 15px;
	right: 50px;
}

#header {
	position: relative;
	width: 960px;
	height: 328px;
	margin: 0 auto;
	padding: 0;
	background: url(../images/sun.png) 450px 80px no-repeat;
}

#header h1 {
	position: absolute;
	top: 130px;
	left: 70px;
	text-indent: -9000px;
	background: url(../images/logo.png) no-repeat;
	height: 105px;
	width: 469px;
}

#menubar {
	width: 100%;
	height: 53px;
}

#menubar ul {
	list-style: none;
}

/* #menubar ul li {
	float: left;
	margin: 0 10px;
	padding: 0 15px;
	text-align: center;
	line-height: 53px;
	color: #FFF;
	font-weight: bold;
} */

/* Styles for the entire LavaLamp menu */
.lavaLamp {
    position: relative;
    padding: 15px 15px 12px 66px; 
    overflow: hidden;
	width: 960px;
	margin: 0 auto;
}
    /* Force the list to flow horizontally */
    .lavaLamp li {
        float: left;
        list-style: none;
    }
        /* Represents the background of the highlighted menu-item. */
        .lavaLamp li.back {
            background: url(../images/lava2.png) no-repeat right -30px;
            width: 9px; height: 30px;
            z-index: 8;
            position: absolute;
        }
            .lavaLamp li.back .left {
                background: url(../images/lava2.png) no-repeat top left;
                height: 30px;
                margin-right: 9px;
            }
        /* Styles for each menu-item. */
        .lavaLamp li a {
            position: relative; overflow: hidden;
            text-decoration: none;
            text-transform: uppercase;
            font: bold 14px "Lucida Grande", Tahoma, Verdana, Sans-serif;
            color: #fff; outline: none;
            text-align: center;
            height: 30px; top: 7px;
            z-index: 10; letter-spacing: 0;
            float: left; display: block;
            margin: auto 25px;
        }
				
.no-js li a:hover {
	background: url(../images/lava2.gif) no-repeat;
}

.zh-menubar {
	width: 700px;
}

#wrapper {
	position: relative;
	min-height: 100%;
	background: url(../images/clouds.png) -200px 0 repeat-y;
}

#overlay img {
	left: -200px;
	position: absolute;
	top: 0px;
	z-index: 2;
}

#content_holder {
	position: relative;
	width: 960px;
	margin: 0 auto;
	background-color: #fff;
}

#content {
	width: 960px;
	padding-top: 30px;
}

.main {
	width: 600px;
	float: right;
}

.full-width {
	width: 900;
	margin: 0 50px;
}

.rightside {
	float: right;
	width: 310px;
	overflow: visible;
}

#footer {
	background: url(../images/footer2.png) no-repeat;
	height: 95px;
	padding: 0;
	text-align: center;
	width: 960px;
	margin: -21px auto 0;
}

#load {  
    display: none;  
    position: absolute;  
    right: 10px;  
    top: 10px;  
    background: url(../images/loader.gif);  
    width: 16px;  
    height: 16px;  
    text-indent: -9999em;  
}  

h3.category_text  {
	color: #7DC436;
	font-size: 28px;
	font-weight: bold;
	padding-bottom: 16px;
}

.wider {
	width: 900px;
}

h2.h2_headerbar {
	background: #07a4cf url(../images/h2_bar_blue.jpg) 100% 0 repeat-y;
	color: #FFFFFF;
	font-size: 1.1em;
	line-height: 1.4em;
	margin: 0 10px 0 0;
	padding: 1px 10px 2px;
}

#sidebar {
	background-color: #e9f8ff;
	border-bottom: 1px dashed #07a4cf;
	border-left: 1px dashed #07a4cf;
	float: right;
	margin: 22px 50px 0 50px;
	width: 200px;
}

#sidebar ul {
	margin: 10px 0 0 0;
	padding-bottom: 10px;
}

#sidebar ul li {
	font-size: 1em;
	list-style: none;
	margin-left: 10px;
	padding: 0;
}

#sidebar ul li a {
	color: #07a4cf;
	text-decoration: none;
}

#sidebar ul li a:hover {
	text-decoration: underline;
}

.clear {
	clear: both;
}

#contactme {
	margin: 0 50px;
	width: 200px;
}

#skype {
	height: 60px;
	margin: 25px;
	width: 150px;
}

#slogan {
	background: url(../images/slogan.png) no-repeat;
	float: left;
	height: 226px;
	margin-left: -35px;
	margin-top: -45px;
	width: 350px;
}

.intro_text, .web_design_text, .translation_text, .about_us_text, .english_training_text {
	float: left;
	height: 145px;
	text-indent: -9000px;
	width: 450px;
	margin-top: 20px;
}

.intro_text {
	background: url(../images/intro_text.jpg) no-repeat;
}

.about_us_text {
	background: url(../images/about_us_text.jpg) no-repeat;
}

.web_design_text {
	background: url(../images/web_design_text.jpg) no-repeat;
}

.translation_text {
	background: url(../images/translation_text.jpg) no-repeat;
}

.english_training_text {
	background: url(../images/english_training_text.jpg) no-repeat;
}

.portfolio_pic {
	background-color: #B5F0FF;
	border: 1px dotted #07a4cf;
	color: #034E5F;
	font-size: 1.4em;
	font-weight: bold;
	float: left;
	margin: 15px 10px 0 0;
	padding: 5px;
	position: relative;
	text-decoration: none;
	width: 235px;
	z-index: 1;
}

a.portfolio_pic:hover {
	border: 1px solid #07a4cf;
	background-color: #caf4ff;
}

a.portfolio_pic:hover span {
	background: url(../images/portfolio_highlight.png) no-repeat 50% top;
	height: 50px;
	position: absolute;
	top: 7px;
	width: 235px;
	z-index: 5;
}

.portfolio_pic a {
	color: #034E5F;
	font-weight: bold;
	text-decoration: none;
}

.portfolio_pic a:hover, .portfolio_pic a:active {
	text-decoration: underline;
}

.portfolio_pic img {
	border: 2px solid #034E5F;
	height: 141px;
	margin: 0 auto;
	width: 230px;
}

.portfolio_pic h4 { padding-top: 12px; }

.specs {
	font-size: 14px;
	font-weight: normal;
	margin-top: 12px;
}

.firstcol {
	font-weight: bold;
	width: 150px;
}

.portfolio_image {
	border: 1px dotted #07a4cf;
	margin-bottom: 15px;
}

.main p, .full-width p {
	margin-bottom: 1.5em;
}

.footnote {
	font-size: .6em;
	font-style: italic;
}

h3.sidebar_category_text {
	color: #07a4cf;
	margin-left: 50px;
	margin-top: 20px;
}

.service_list {
	margin: 0 50px 0 50px;
}

ul.service_list li {
	color: #07a4cf;
	font-size: 1.2em;
}

#fp_showcase { display: block; margin-bottom: 32px; }

div#inquiry {
	text-align: center;
	margin-bottom: 15px;
}

div#inquiry a {
	position: relative;
	text-decoration: none;
	padding: 3px;
	border: 1px solid #808080;
}

div#inquiry a:hover {
	background-color: #8845A6;
	color: #FFFFFF;
}

#contact-form {
	float: left;
	width: 410px;
	margin-left: 8px;
	border: 1px solid #D7D7D7;
	padding: 5px;
}

#myForm label.error{
font-size: 11px;
margin-left: 55px;
background: #fbfcda;
border:1px solid #dbdbd3;
width:300px;
margin-top:4px;
margin-bottom: 4px;
text-align: left;
}

label {
	display: block;
	width: 50px;
	float: left;
	text-align: right;
	margin-right: 5px;
}

.submit_button {
	background-color: #FFF;
	border: 1px solid #808080;
	text-align: center;
	margin-left: 120px;
}

.submit_button:hover {
	background-color: #8845A6;
	color: #FFFFFF;
}

.main ul li, .main ol li {
	margin-bottom: 1.2em;
}

.description {
	font-size: 1em;
	margin-top: 1.2em;
}

h2.web_portfolio_text {
	background: url(../images/portfolio_text.jpg) no-repeat;
	width: 420px;
	height: 65px;
}

h2.web_portfolio_text span { display: none; }