/* CSS Document */

/* RESET Rules */

* {
	margin: 0;
	padding: 0;
}

a, img, button, label {
	border: none;
	outline: none;
}

body {
	background-color: #f1f1f1;
	font-family: "Lucida Sans Unicode", "Lucida Grande", arial, helvetica;
	font-size: 12px;
	margin-bottom: 30px;
}

a { text-decoration: none;}

a:hover { text-decoration: underline;}

ul {list-style: none;}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	float: none;
}

@font-face {
	font-family: 'Folks-LightRegular';
	src: url('fonts/Folks-Light.eot');
	src: local('Folks-Light'), local('Folks-Light'), url('fonts/Folks-Light.woff') format('woff'), url('fonts/Folks-Light.ttf') format('truetype');
}

/* Layout Rules */

div.wrapper {
	background-color: #fff;
	width: 900px;
	margin: 0 auto;
	padding: 0 0 20px 0;
}

div.header {
	background-color: #217AA9;
	height: 76px;
}

a.logo {
	float: left;
	width: 251px;
	height: 59px;
	padding: 13px 0 0 17px;
}

ul.topNav {
	float: right;
	margin-top: 25px;
	width: 300px;
}

ul.topNav li {
	float: left;
	margin-right: 48px;
}

ul.topNav a {
	display: block;
	font-size: 14px;
	font: normal 22px/26px 'IM Fell DW Pica',"Lucida Grande", serif;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
}

ul.topNav a:hover {text-decoration: underline;}

div.masthead {
	background: #fff url(../img/common/mastheadbg.gif) repeat-x 0 0;
	/*height: 300px;*/
	margin-bottom: 10px;
}

div.pad {padding: 22px;}

div.message {
	padding-bottom: 7px;
	float: left;
	width: 394px;
	color: #000
}

div.slideShow {
	float: right;
	width: 430px;
}

div.message h1 {
	background: url(../img/common/headline.png) no-repeat 0 0;
	text-indent: -9999px;
	margin-bottom: 10px;
	font-size: 41px;
	line-height: 32px;
}

div.message h2 {
	margin-bottom: 10px;
	font-family: arial;
	font-size: 18px;
	font-weight: normal;
}

div.message strong {
	display: block;
	height: 33px;
	background: url(../img/common/divider.png) no-repeat 0 0;
	margin-bottom: 10px;
	font-size: 12px;
	text-indent: -9999px;
}

ul.intro {
	background: url(../img/common/tick.png) no-repeat left center;
	padding: 0 0 0 55px;
}

ul.intro li {
    margin-bottom: 5px;
	font-size: 14px;
	font-weight: normal;
	color: #333;
}

div.processWrap {margin-bottom: 20px;}

div.process {
	width: 180px;
	float: left;
	margin-right: 40px;
}

div.process p {
        font-size: 13px;
        color: #333;
}

div.lastProcess {
	margin-right: 0;
}

div.process h3 {
	font-size: 15px;
	color: #336699;
	padding: 14px 0 14px 62px;
	background-image: url(../img/common/icons.png);
	background-repeat: no-repeat;
	cursor: default;
}

div.process h3.discuss {
	background-position: 0 0;
}

div.process h3.design {
	background-position: 0 -100px;
	padding: 14px 0 14px 50px;
}

div.process h3.develop {
	background-position: 0 -200px;
	padding: 14px 0 14px 45px
}

div.process h3.maintain {
	background-position: 0 -300px;
	padding: 14px 0 14px 45px;
}

/* Footer Styles */

div.footer {
	width: 638px;
	margin: 0 auto;
	padding-top: 11px;
	border-top: #333 dotted 1px;
}

div.way {
	width: 180px;
	float: left;
	margin-right: 25px;
}
div.last {
	width: 212px;
	margin-right: 0;
}

div.way strong {
	display: block;
	font-size: 13px;
	color: #336699;
	margin-bottom: 13px;
}

a.icon {
	width: 72px;
	height: 72px;
	margin-right: 23px;
}

a.last {
	margin-right: 0;
}

/* Slider Styles */

#slider {
    width: 3;
    margin: 0 auto;
    position: relative;
}

.scroll {
    height: 250px;
    width: 430px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

.scrollContainer div.panel {
    padding: 19px;
    height: 210px;
    width: 430px;
}

#shade {
    background: #EDEDEC url(images/shade.jpg) no-repeat 0 0;
    height: 50px;
}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
}

ul.navigation li {
    display: inline;
    margin-right: 10px;
}

ul.navigation a {
    padding: 10px;
    color: #000;
    text-decoration: none;
}

ul.navigation a:hover {
    background-color: #f6f6f6;
}

ul.navigation a.selected {
    background-color: #fff;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 110px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}

/* Slider Stytles end */

/* Form Styles */

div.formContainer {
	width: 460px;
	float: left;
	font-family: calibri;
	font-size: 22px;
	font-weight: normal;
	color: #333;
}

div.formContainer p {
	margin-bottom: 38px;
}

div.formContainer dl {
	margin-bottom: 22px;
}

div.formContainer dt {
	width: 135px;
	float: left;
}

div.formContainer label {
	font-size: 18px;
	color: #000;
}

div.formContainer dd {
	width: 300px;
	float: right;
}

input.txt {
	display: block;
	width: 276px;
	padding: 5px 3px;
	border: #ccc solid 1px;
}

input.txt:focus, textarea:focus {
	background-color: #f9f9f9;
}

/* Contact right Side styles */

div.locationWrap {
	margin-top: 110px;
	font-family: calibri;
	font-size: 17px;
}

div.location {
	margin-bottom: 25px;
	width: 260px;
	float: right;
	color: #333
}

div.location h3 {
	font-family: arial;
	margin-bottom: 8px;
	color:#336699;
	font-size:15px;
}

div.location img.mokeLogo {
	display: block;
	margin-bottom: 10px;
}

address {
	font-style: normal;
	font-weight: normal;
}

/* Error Styles */

#errorTxt {
	color: red;
	font-size: 16px;
	background: none;
	border: none;
}

.error {
	background: #FEFDCA none;
	border:1px solid red;
	font-size: 11px;
}

div.formContainer dl.noMargin {
	margin-bottom: 0;
}

div.msgPad {
	font-size: 18px;
	color: #709734;
}

div.msgPad strong {
	display: block;
	margin-bottom: 5px;
}

div.msgPad p {
	margin-bottom: 8px;
}