@charset "utf-8";
/* CSS Document  by  SoulDeep Designs*/
/* author: Ilona Filipenkova*/

/*	---------------------------------------------------------------------------------------
	Default styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/


* {
	padding: 0;
	margin: 0;
	border: 0;
}

body {
	font: 85% Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	color: #000000;
	background:url(../images/bg.gif) top repeat-x #e7e7e7;
}
img {
	border:0;
	padding:0;
	margin:0;
}
.left {
	float:left;
}
.right {
	float:right;
}
.center {
	text-align:center;
}
.cleaner {
	clear: both;
	line-height: 0px;
	font-size: 0px;
}
a {
	text-decoration: underline;
	color:#2380b8;
	font-weight:bold;
}
a:hover {
	text-decoration: none;
}
span a {
	text-decoration: underline;
	color:#fff;
	font-weight:normal;
}
span a:hover {
	text-decoration: none;
}
h1 {
	color:#000000;
	font-weight:normal;
}
h2 {
	font-size:140%;
}
.quote {
	font-style:italic;
}
ul.ordinary {
	padding:15px 0px 5px 120px;
}
.black {
	font-weight:bold;
	color:#000000;
}
/*	---------------------------------------------------------------------------------------
	General layout
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#fullbox {
	width: 100%;
	height: 100%;
	text-align: center;
}
#wrapper {
	width: 940px;
	margin: 0 auto;
	padding: 0;
	position:relative;
}
/*	---------------------------------------------------------------------------------------
	Header
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#header {
	height:125px;
	width: 904px;
	margin: 0 auto;
}
#header #logo {
	width:332px;
	height:47px;
	display:block;
	position:relative;
	top:63px;
	left:0px;
	text-indent:-9000px;
	background:url(../images/CodersCode-logo.gif) no-repeat;
}
#header .top_menu {
	width:276px;
	height:30px;
	position:absolute;
	top:0px;
	right:0px;
}
#header .top_menu ul {
	list-style-type:none;
}
#header .top_menu ul li {
	background:none;
	float:left;
}
#header .top_menu ul li a {
	display:block;
	text-indent:-9000px;
	margin-top:4px;
	height:25px;
}
.about a {
	background:url(../images/top_menu.gif) 0 0px no-repeat;
	width:95px;
}
.about a:hover, .about-active a {
	background:url(../images/top_menu.gif) 0px -25px no-repeat;
	width:95px;
}
.blog a {
	background:url(../images/top_menu.gif) -95px 0px no-repeat;
	width:69px;
}
.blog a:hover, .service-active a {
	background:url(../images/top_menu.gif) -95px -25px no-repeat;
	width:69px;
}
.contact a {
	background:url(../images/top_menu.gif) -164px 0 no-repeat;
	width:112px;
}
.contact a:hover, .contact-active a {
	background:url(../images/top_menu.gif) -164px -25px no-repeat;
	width:112px;
}
#header .main_menu {
	width:429px;
	height:48px;
	position:absolute;
	top:68px;
	right:0px;
}
#header .main_menu ul {
	list-style-type:none;
}
#header .main_menu ul li {
	background:none;
	float:left;
}
#header .main_menu ul li a {
	display:block;
	text-indent:-9000px;
	margin-top:4px;
	height:48px;
}
.business-services a {
	background:url(../images/main-menu.gif) 0 0px no-repeat;
	width:137px;
}
.business-services a:hover, .business-services-active a {
	background:url(../images/main-menu.gif) 0px -48px no-repeat;
	width:137px;
}
.agency-support a {
	background:url(../images/main-menu.gif) -137px 0px no-repeat;
	width:129px;
}
.agency-support a:hover, .agency-support-active a {
	background:url(../images/main-menu.gif) -137px -48px no-repeat;
	width:129px;
}
.training a {
	background:url(../images/main-menu.gif) -266px 0 no-repeat;
	width:163px;
}
.training a:hover, .training-active a {
	background:url(../images/main-menu.gif) -266px -48px no-repeat;
	width:163px;
}
/*	---------------------------------------------------------------------------------------
	Content Index Page
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	
.content-index {
	background:url(../images/background.jpg) no-repeat;
	width:100%;
	height:850px;
	color:#FFFFFF;
	text-align:left;
}
h1.intro {
	font-weight:bold;
	font-size:180%;
	padding-top:63px;
	padding-left:32px;
	color:#FFFFFF;
}
#intro-text {
	font-weight:bold;
	font-size:115%;
	padding-top:123px;
	padding-left:32px;
	width:370px;
}
#buttons {
	padding-top:20px;
	padding-left:30px;
	width:370px;
	text-align:center;
}
#boxes {
	margin-top:40px;
	width:100%;
	height:160px;
}
#boxes h1 {
	font-weight:bolder;
	font-size:165%;
	color:#FFFFFF;
}
#boxes p {
	padding-top:10px;
}
#box-1 {
	margin-left:40px;
	width:230px;
	float:left;
}
html>body #box-1 {
	margin-left:33px;
}
#box-1 h1 {
	padding-left:55px
}
#box-2 {
	margin-left:84px;
	width:230px;
	float:left;
}
#box-2 h1 {
	padding-left:55px
}
#box-3 {
	margin-left:82px;
	width:230px;
	float:left;
}
#box-3 h1 {
	padding-left:95px
}
.footer-index {
	background:url(../images/footer-bg.gif) top repeat-y #fff;
	width:100%;
}
#footer-boxes {
	padding-top:22px;
	width:100%;
	color:#000000;
	line-height:20px;
}
#footer-boxes h1 {
	font-weight:bolder;
	font-size:165%;
	line-height:25px;
}
#footer-boxes h1.smaller {
	font-weight:normal;
	font-size:145%;
}
#footer-boxes p {
	padding-top:10px;
	color:#676767;
	letter-spacing:0.8pt;
}
#fbox-1 {
	margin-left:32px;
	width:275px;
	float:left;
}
html>body #fbox-1 {
	margin-left:32px;
}
#fbox-1 h1 {
	padding-left:0px
}
#fbox-2 {
	margin-left:40px;
	width:275px;
	float:left;
}
#fbox-2 h1 {
	padding-left:0px
}
#fbox-3 {
	margin-left:32px;
	width:230px;
	float:left;
	background-color:#e7e7e7;
	border:solid 1px #cbcbcb;
	padding:15px 15px 3px 15px;
	line-height:20px;
	font-weight:bold;
	font-size:90%;
	height: 200px;
}
#fbox-3 h1 {
	padding-left:0px
}
.footer-bottom {
	background:url(../images/footer-bottom.gif) top no-repeat #e7e7e7;
	width:100%;
	height:12px;
	clear:both;
}
.footer-top {
	background:url(../images/footer-top.gif) top no-repeat #fff;
	width:100%;
	height:12px;
	padding:0;
	margin:0;
	line-height:0;
}
#call-back {
	width:100px;
}
.footer-index a {
	color:#72a23f;
	text-decoration:none;
	font-weight:bold;
}
.footer-index a:hover {
	color:#72a23f;
	text-decoration:underline;
	font-weight:bold;
}
.footer-links {
	padding-top:5px;
	padding-bottom:15px;
	width:100%;
	text-align:center;
	background-color:#e7e7e7;
	color:#979797;
	font-size:80%;
}
.footer-links a.footer-link {
	text-decoration:none;
	color:#979797;
	font-weight:normal;
}
.footer-links a.footer-link:hover {
	text-decoration:underline;
	color:#979797;
	font-weight:normal;
}
.call-back-img {
	position:relative;
	top:2px;
	left:10px;
}
.lloyd {
	font: 90% Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:90%;
	color:#676767;
}
/*	---------------------------------------------------------------------------------------
	slider css
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
#mygallery {
	position:relative;
	top:-33px;
	left:28px;
	width: 367px;
	height:53px;
}
.stepcarousel {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 940px; /*Width of Carousel Viewer itself*/
	height: 300px; /*Height should enough to fit largest content's height*/
	margin:0 auto;
}
.stepcarousel .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.stepcarousel .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	width: 960px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.stepcarousel img {
	padding-left:10px;
}
.contact-us-btn {
	padding-left:15px;
}
/*	---------------------------------------------------------------------------------------
	Inside pages
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/


.content {
	background:url(../images/footer-bg.gif) top repeat-y #fff;
	width:100%;
	color:#676767;
	text-align:left;
	margin:0;
	padding:0;
}
.content-container {
	margin:10px 28px 20px 28px;
	width:580px;
	float:left;
}
.content-container p {
	margin:15px 0px 0px 60px;
}
.breadcrumbs {
	width:100%;
	color:#979797;
	font-size:90%;
	margin:10px 0;
}
.breadcrumbs a {
	text-decoration:none;
	color:#979797;
	font-weight:normal;
}
.breadcrumbs a:hover {
	text-decoration:underline;
	color:#979797;
	font-weight:normal;
}
h2 {
	margin-top:20px;
	padding: 10px 0 15px 60px;
	font-weight:normal;
	color:#000000;
}
h2.biz {
	background:url(../images/biz-icon.gif) no-repeat;
}
h2.agency {
	background:url(../images/agency-icon.gif) 8px center no-repeat;
}
h2.training-page {
	background:url(../images/training-icon.gif) 0px center no-repeat;
}
.footer {
	background:url(../images/footer-bg.gif) top repeat-y #fff;
	width:100%;
	color:#676767;
	text-align:left;
	margin-top:10px;
}
.side-menu {
	width:240px;
	float:left;
	margin:20px 0px 0px 10px;
}
.biz {
	background:url(../images/biz-background.gif) top right no-repeat;
}
.agency {
	background:url(../images/agency-background.gif) top center no-repeat;
}
.training-page {
	background:url(../images/training-background.gif) top center no-repeat;
}
.side-menu-text {
	margin-top:83px;
	border-left:solid 1px #cbcbcb;
	padding-left:40px;
}
.hA {
	padding: 60px 0 15px 0px;
	font-weight:normal;
	color:#000000;
	font-size:140%;
}
.hB {
	padding: 60px 0 15px 0px;
	font-weight:bold;
	color:#676767;
	font-size:120%;
}
.side-menu ul {
	margin-bottom:20px;
}
.side-menu ul li {
	padding:15px 0px 0px 30px;
	list-style-type: none;
}
.side-menu ul li a {
	color:#72a23f;
	text-decoration:none;
	font-weight:bold;
}
.side-menu ul li a:hover {
	text-decoration:underline;
	color:#72a23f;
	font-weight:bold;
}
.footer a {
	color:#72a23f;
	text-decoration:none;
	font-weight:bold;
}
.footer a:hover {
	color:#72a23f;
	text-decoration:underline;
	font-weight:bold;
}
ul.news {
	margin-bottom:20px;
}
ul.news li {
	padding:15px 0px 10px 0px;
	list-style-type: none;
	border-bottom:solid 1px #cbcbcb;
}
ul.news li a.news-entry {
	background:url(../images/news-entry-icon.gif) no-repeat;
	margin:0px;
	padding:0px;
	padding-left:20px;
	color:#72a23f;
	text-decoration:none;
	font-weight:bold;
	line-height:0px;
}
ul.news li a.news-entry:hover {
	text-decoration:underline;
	color:#72a23f;
	font-weight:bold;
}
ul.news p {
	font-size:90%;
	padding:0px;
	margin:0px;
	line-height:3px;
}
.news-entry-text {
	font-size:90%;
	padding:0px;
	margin:0px;
	line-height:15px;
}
.news-entry-text a {
	padding:0px;
	margin:0px;
	line-height:0px;
}
.table-training {
	width:600px;
	margin:15px 0px 0px 60px;
	font-weight:bold;
}
.row1 {
	width:22%;
	color:#2380b8;
	float:left;
}
.row2 {
	width:50%;
	float:left;
	font-size: 100%;
}
.row3 {
	width:25%;
	float:left;
	padding-left:10px;
}
.table-title {
	color:#000;
	margin-bottom:10px;
	width:100%;
}
.brand {
	width:500px;
	margin:15px 0px 10px 60px;
	clear: both;
}
.image {
	width:35%;
	float:left;
}
.desc {
	width:65%;
	float:left;
}
/*	---------------------------------------------------------------------------------------
	Contact Us Page
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/


.contact-form {
	position:relative;
	float:left;
	width:500px;
	padding: 10px 10px 0px 10px;
	text-align:justify;
	margin-top: 10px;
	font-weight:bold;
	background-color:#f7f7f7;
	border:solid 1px #cbcbcb;
	font-weight:bold;
	font-size:90%;
	color:#000000;
}
.space {
	height:10px;
	clear:both;
}
.cont-left {
	width:250px;
	float:left;
	margin-top:6px;
}
.cont-right {
	width:200px;
	float:left;
	display:inline;
	margin-top:6px;
	margin-left:6px;
}
.input {
	border:solid 1px #cbcbcb;
	height:18px;
	width:220px;
	padding:2px 1px 0 2px;
	background-color:#fff;
}
.input:hover {
	border:1px solid #676767;
}
.input:focus {
	border:1px solid #676767;
}
.text-area {
	border:solid 1px #cbcbcb;
	height:80px;
	width:210px;
	padding:2px 1px 0 2px;
	background-color:#fff;
}
.text-area:hover {
	border:1px solid #676767;
}
.text-area:focus {
	border:1px solid #676767;
}
.submit {
	width:203px;
	height:41px;
	text-indent:-9000px;
	background:url(../images/submit.gif) 0 0 no-repeat;
	display:block;
	margin:15px auto;
	border:none;/*	cursor:hand !important;*/
}
.contact-us {
	border-width:1px 0 0 1px;
	border-color:#D1C99E;
	border-style:solid;
	width:500px;
	margin:10px 0;
	background:#fff;
}
.contact-us .cells {
	border-width:0 1px 1px 0;
	border-color:#D1C99E;
	border-style:solid;
	width:215px;
	float:left;
	padding:16px 16px 16px 18px;
}

.course-content {
	margin: 0 32px 0 60px;
	background-color:#e7e7e7;
	border:solid 1px #cbcbcb;
	padding:15px 15px 3px 30px;
	line-height:20px;
	font-weight:bold;
	font-size:90%;
	}
	
.course-content ul{
	font-weight:normal;
	padding:10px 0 0 30px;
}

.course-fee {
	margin: 0 32px 0 0px;
	background-color:#e7e7e7;
	border:solid 1px #cbcbcb;
	padding:15px;
	line-height:20px;

	font-size:150%;
	}