@charset "utf-8";
/* CSS Document */

/* Start of CSS Reset Code */
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;
	vertical-align: baseline;
}
input{
padding:0;
margin:0;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
font-family:Arial, Helvetica, sans-serif;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
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: "" "";
}

/* End of CSS Reset Code */
/* Start of Layout Styles */
#header-container{
width:100%;
height:174px;
background:url(../images/header-bg.jpg) repeat-x;
}
#header-container #header-content{
width:910px;
height:174px;
margin:0 auto;
}
#header-container #header-content #logo{
width:175px;
height:174px;
float:left;
}
#header-container #header-content #information-btns{
width:322px;
height:42px;
float:right;
margin:22px 0 0 0;
}
.facebook-btn a{
width:18px;
height:18px;
float:left;
background:url(../images/facebook-btn.jpg) no-repeat 0 0;
display:block;
margin:0 6px 6px 0;
}
.facebook-btn a:hover{
width:18px;
height:18px;
float:left;
background:url(../images/facebook-btn.jpg) no-repeat 0 0;
display:block;
margin:0 6px 6px 0;
}
.telno-btn a{
width:114px;
height:18px;
float:left;
background:url(../images/telno-btn.jpg) no-repeat 0 -18px;
display:block;
margin:0 6px 6px 0;
}
.telno-btn a:hover{
width:114px;
height:18px;
float:left;
background:url(../images/telno-btn.jpg) no-repeat 0 -18px;
display:block;
margin:0 6px 6px 0;
}
.login-btn a{
width:81px;
height:18px;
float:left;
background:url(../images/login-btn.jpg) no-repeat 0 0;
display:block;
margin:0 6px 6px 0;
}
.login-btn a:hover{
width:81px;
height:18px;
float:left;
background:url(../images/login-btn.jpg) no-repeat 0 -18px;
display:block;
margin:0 6px 6px 0;
}
.textsize-btn{
width:91px;
height:18px;
float:left;
display:block;
margin:0 0 6px 0;
}

.textsizeminus-btn a{
width:45px;
height:18px;
float:left;
background:url(../images/textsizeminus-btn.jpg) no-repeat 0 0;
display:block;
margin:0 0 6px 0;
}
.textsizeminus-btn a:hover{
width:45px;
height:18px;
float:left;
background:url(../images/textsizeminus-btn.jpg) no-repeat 0 -18px;
display:block;
margin:0 0 6px 0;
}
.textsizeplus-btn a{
width:46px;
height:18px;
float:left;
background:url(../images/textsizeplus-btn.jpg) no-repeat 0 0;
display:block;
margin:0 0 6px 0;
}
.textsizeplus-btn a:hover{
width:46px;
height:18px;
float:left;
background:url(../images/textsizeplus-btn.jpg) no-repeat 0 -18px;
display:block;
margin:0 0 6px 0;
}
.twitter-btn a{
width:18px;
height:18px;
float:left;
background:url(../images/twitter-btn.jpg) no-repeat 0 0;
display:block;
margin:0 6px 0 0;
}
.twitter-btn a:hover{
width:18px;
height:18px;
float:left;
background:url(../images/twitter-btn.jpg) no-repeat 0 0;
display:block;
margin:0 6px 0 0;
}
.makepayment-btn a{
width:114px;
height:18px;
float:left;
background:url(../images/makepayment-btn.jpg) no-repeat 0 0;
display:block;
margin:0 6px 0 0;
}
.makepayment-btn a:hover{
width:114px;
height:18px;
float:left;
background:url(../images/makepayment-btn.jpg) no-repeat 0 -18px;
display:block;
margin:0 6px 0 0;
}
.blog-btn a{
width:81px;
height:18px;
float:left;
background:url(../images/blog-btn.jpg) no-repeat 0 0;
display:block;
margin:0 6px 0 0;
}
.blog-btn a:hover{
width:81px;
height:18px;
float:left;
background:url(../images/blog-btn.jpg) no-repeat 0 -18px;
display:block;
margin:0 6px 0 0;
}
.bookmark-btn a{
width:91px;
height:18px;
float:left;
background:url(../images/bookmark-btn.jpg) no-repeat 0 0;
display:block;
margin:0 0 0 0;
}
.bookmark-btn a:hover{
width:91px;
height:18px;
float:left;
background:url(../images/bookmark-btn.jpg) no-repeat 0 -18px;
display:block;
margin:0 0 0 0;
}
#header-container #header-content #navigation{
margin:50px 0 0 0;
width:735px;
float:left;
z-index:2;
display:inline;
}
#header-container #header-content #navigation ul {
float:right;
list-style: none;
height:28px;
margin: 0px;
padding: 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#header-container #header-content #navigation ul li {
float: left;
position: relative;
color: #333333;
display: block;
margin:0 0 0 0;
z-index:10;
}
#header-container #header-content #navigation ul li:hover, #header-container #header-content #navigation ul li:hover a {
color: #FFFFFF;
background:url(../images/nav-btn.jpg) no-repeat;
background-color: #FFFFFF;
}
#header-container #header-content #navigation ul a {
text-decoration: none;
display: block;
height:22px;
padding:6px 0 0 0;
color: #333333;
text-align:center;
}
#header-container #header-content #navigation ul li ul {
height:28px;
list-style: none;
position: absolute;
left: 0;
top: 25px;
display: none;
width: 200px;
}
#header-container #header-content #navigation ul li:hover ul {
display: block;
}
#header-container #header-content #navigation ul li:hover ul li ul {
display: none;
}
#header-container #header-content #navigation ul li ul li:hover ul {
display: block;
}
#header-container #header-content #navigation ul li:hover ul li a {
width:170px;
height:23px;
line-height:18px;
padding:5px 10px 0 10px;
text-align:left;
color: #ffffff;
background-color:#D64185;
background-image:none;
border-bottom:1px solid #333;
}
#header-container #header-content #navigation ul li:hover ul li a:hover, #header-container #header-content #navigation ul li:hover ul li:hover a {
width:170px;
height:23px;
line-height:18px;
padding:5px 10px 0 10px;
text-align:left;
color: #ffffff;
text-decoration:underline;
background-color:#333333;
background-image:none;
border-bottom:1px solid #333;
}
#header-container #header-content #navigation ul li:hover ul li:hover ul li a {
color: #ffffff;
background-color: #d9eed1;
}
#header-container #header-content #navigation ul li:hover ul li:hover ul li a:hover, #header-container #header-content #navigation ul li:hover ul li:hover ul li:hover a {
color: #ffffff;
background-color: #66bb49;
}
.nav-btn-small a{
width:90px;
height:28px;
float:left;
}
.nav-btn-small a:hover{
width:90px;
height:28px;
float:left;
background:url(../images/nav-btn.jpg) no-repeat;
}
.nav-btn-large a{
width:110px;
height:28px;
float:left;
}
.nav-btn-large a:hover{
width:110px;
height:28px;
float:left;
background-image:url(../images/nav-large-btn.jpg);
}
#header-container #header-content #navigation ul li:hover ul, #header-container #header-content #navigation ul li.sfhover ul{
display:block;
z-index:100;
}
#header-container #header-content #navigation ul ul{
width:120px;
height:auto;
list-style:none;
top:24px;
left:0;
position:absolute;
z-index:100;
display:none;
background:none;
}
#header-container #header-content #navigation ul ul li{
background:none;
}
#header-container #header-content #navigation ul ul li a{
width:173px;
line-height:30px;
height:30px;
display:block;
color:#ffffff;
background-color:#D64185;
text-align:left;
padding:0 12px 0 12px;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
border-bottom:1px solid #333333;
z-index:100;
}
#header-container #header-content #navigation ul ul li a:hover{
line-height:30px;
height:30px;
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
padding:0 12px 0 12px;
font-weight:normal;
background-image:none;
background-color:#333333;
color:#FFFFFF;
text-decoration:underline; 
z-index:100;
}
#body-container{
width:100%;
}
#body-container #body-content{
width:910px;
margin:0 auto;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#body-container #body-content #left-content{
width:710px;
float:left;
margin:0 22px 0 0;
}
#body-container #body-content #left-content h1{
width:710px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:23px;
color:#D64185;
font-weight:normal;
margin:0 0 7px 0;
}
#body-container #body-content #left-content h3{
font-family:Arial, Helvetica, sans-serif;
font-size:23px;
color:#D64185;
font-weight:normal;
}
#body-container #body-content #left-content #breadcrumb{
width:710px;
float:left;
margin:0 0 10px 0;
}
.breadcrumb-item{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
font-weight:bold;
float:left;
}
.breadcrumb-item a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
font-weight:bold;
float:left;
text-decoration:none;
}
.breadcrumb-item a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#D64185;
font-weight:bold;
float:left;
text-decoration:underline;
}
.breadcrumb-item-current a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#D64185;
font-weight:bold;
float:left;
text-decoration:none;
}
.breadcrumb-item-current a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#D64185;
font-weight:bold;
float:left;
text-decoration:underline;
}
.breadcrumb-spacer{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#333333;
font-weight:bold;
float:left;
margin:0 10px 0 10px;
}
#body-container #body-content #left-content p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
margin:0 0 10px 0;
}
#body-container #body-content #left-content p a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
font-weight:bold;
text-decoration:none;
}
#body-container #body-content #left-content p a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
font-weight:bold;
text-decoration:underline;
}
#body-container #body-content #right-content{
width:178px;
float:left;
}
.web-design-section-right-block{
width:178px;
float:left;
display:inline;
background-color:#EAEAEA;
margin:0 0 15px 0;
}
.web-design-section-right-block-double-title{
width:178px;
height:60px;
float:left;
line-height:30px;
font-size:14px;
text-align:center;
background:url(../images/course_dates_double_header.jpg) no-repeat;
color:#FFFFFF;
font-weight:bold;
margin-bottom:10px;
}
.web-design-section-right-block-title{
width:178px;
height:30px;
float:left;
line-height:30px;
font-size:14px;
text-align:center;
background:url(../images/course_dates_header.jpg) no-repeat;
color:#FFFFFF;
font-weight:bold;
margin-bottom:10px;
}
.web-design-section-right-block-scci{
width:158px;
float:left;
display:inline;
text-align:center;
margin:10px 10px 10px 10px;
}
.web-design-section-right-block-brchamber{
width:158px;
float:left;
display:inline;
text-align:center;
margin:10px 10px 10px 10px;
}
.web-design-section-right-block ul{
width:158px;
float:left;
display:inline;
list-style:none;
margin:0 10px 10px 10px;
}
.web-design-section-right-block ul li{
width:158px;
float:left;
display:inline;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
font-weight:bold;
margin:0 0 10px 0;
}
.web-design-section-right-block ul li a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
font-weight:bold;
text-decoration:none;
}
.web-design-section-right-block ul li a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
font-weight:bold;
text-decoration:underline;
}
#body-container #body-content #portfolio-content{
width:910px;
float:left;
margin:0 0 0 0;
}
#body-container #body-content #portfolio-content h1{
width:910px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:23px;
color:#D64185;
font-weight:normal;
margin:0 0 7px 0;
}
#body-container #body-content #portfolio-content h3{
font-family:Arial, Helvetica, sans-serif;
font-size:23px;
color:#D64185;
font-weight:normal;
}
#body-container #body-content #portfolio-content #portfolio-breadcrumb{
width:910px;
float:left;
margin:0 0 10px 0;
}
#body-container #body-content #portfolio-content p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
margin:0 0 10px 0;
}
#body-container #body-content #portfolio-content p a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
font-weight:bold;
text-decoration:none;
}
#body-container #body-content #portfolio-content p a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
font-weight:bold;
text-decoration:underline;
}
.portfolio-brochure-style{
width:910px;
float:left;
margin:0 0 0 0;
}
.portfolio-item-first{
width:220px;
float:left;
margin:0 0 10px 0;
}
.portfolio-item-first-block{
width:202px;
float:left;
padding:8px;
border:1px solid #CCC;
background-color:#E2E2E2;
margin:0 0 0 0;
}
.portfolio-item-first-block:hover{
border:1px solid #333;
background-color:#D64185;
}
.portfolio-item-first-block img{
width:202px;
height:144px;
float:left;
margin:0 0 0 0;
}
.portfolio-item-first-textrow{
width:204px;
float:left;
font-size:11px;
padding:0 8px 0 8px;
margin:3px 0 0 0;
}
.portfolio-item-first-textrow a{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-decoration:none;
color:#D64185;
}
.portfolio-item-first-textrow a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-decoration:underline;
color:#D64185;
}
.portfolio-item{
width:220px;
float:left;
margin:0 0 10px 10px;
}
.portfolio-item-block{
width:202px;
float:left;
padding:8px;
border:1px solid #CCC;
background-color:#E2E2E2;
margin:0 0 0 0;
}
.portfolio-item-block:hover{
border:1px solid #333;
background-color:#D64185;
}
.portfolio-item-block img{
width:202px;
height:144px;
float:left;
margin:0 0 0 0;
}
.portfolio-item-textrow{
width:204px;
float:left;
font-size:11px;
padding:0 8px 0 8px;
margin:3px 0 0 0;
}
.portfolio-item-textrow a{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-decoration:none;
color:#D64185;
}
.portfolio-item-textrow a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-decoration:underline;
color:#D64185;
}
.content-spacer{
width:910px;
height:2px;
font-size:1px;
float:left;
background-color:#D64185;
}
#body-container #body-content #quick-blocks{
width:910px;
height:265px;
float:left;
margin:0 0 15px 0;
}
.web-design-block{
width:178px;
height:265px;
float:left;
background:url(../images/web-design-block.jpg) no-repeat;
display:inline;
margin-right:5px;
}
.web-design-block-icon{
width:158px;
height:84px;
float:left;
display:inline;
text-align:center;
margin:15px 10px 10px 10px;
}
.web-design-block-title{
width:158px;
height:37px;
float:left;
display:inline;
text-align:center;
margin:5px 10px 5px 10px;
}
.web-design-block-text{
width:158px;
float:left;
display:inline;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#DB5A95;
margin:0 10px 10px 10px;
}
.web-design-block-btn{
width:158px;
height:34px;
float:left;
display:inline;
text-align:center;
margin:0 5px 5px 13px;
}
.training-courses-block{
width:178px;
height:265px;
float:left;
background:url(../images/training-courses-block.jpg) no-repeat;
display:inline;
margin-right:5px;
}
.training-courses-block-icon{
width:158px;
height:84px;
float:left;
display:inline;
text-align:center;
margin:15px 10px 10px 10px;
}
.training-courses-block-title{
width:158px;
height:37px;
float:left;
display:inline;
text-align:center;
margin:5px 10px 5px 10px;
}
.training-courses-block-text{
width:158px;
float:left;
display:inline;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
margin:0 10px 10px 10px;
}
.training-courses-block-btn{
width:158px;
height:34px;
float:left;
display:inline;
text-align:center;
margin:0 5px 5px 13px;
}
.database-development-block{
width:178px;
height:265px;
float:left;
background:url(../images/database-development-block.jpg) no-repeat;
display:inline;
margin-right:5px;
}
.database-development-block-icon{
width:158px;
height:84px;
float:left;
display:inline;
text-align:center;
margin:15px 10px 10px 10px;
}
.database-development-block-title{
width:158px;
height:37px;
float:left;
display:inline;
text-align:center;
margin:5px 10px 5px 10px;
}
.database-development-block-text{
width:158px;
float:left;
display:inline;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#727372;
margin:0 10px 10px 10px;
}
.database-development-block-btn{
width:158px;
height:34px;
float:left;
display:inline;
text-align:center;
margin:0 5px 5px 13px;
}
.internet-marketing-block{
width:178px;
height:265px;
float:left;
background:url(../images/internet-marketing-block.jpg) no-repeat;
display:inline;
margin-right:5px;
}
.internet-marketing-block-icon{
width:158px;
height:84px;
float:left;
display:inline;
text-align:center;
margin:15px 10px 10px 10px;
}
.internet-marketing-block-title{
width:158px;
height:37px;
float:left;
display:inline;
text-align:center;
margin:5px 10px 5px 10px;
}
.internet-marketing-block-text{
width:158px;
float:left;
display:inline;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#69722E;
margin:0 10px 10px 10px;
}
.internet-marketing-block-btn{
width:158px;
height:34px;
float:left;
display:inline;
text-align:center;
margin:0 5px 5px 13px;
}
.consultancy-block{
width:178px;
height:265px;
float:left;
background:url(../images/consultancy-block.jpg) no-repeat;
display:inline;
}
.consultancy-block-icon{
width:158px;
height:84px;
float:left;
display:inline;
text-align:center;
margin:15px 10px 10px 10px;
}
.consultancy-block-title{
width:158px;
height:37px;
float:left;
display:inline;
text-align:center;
margin:5px 10px 5px 10px;
}
.consultancy-block-text{
width:158px;
float:left;
display:inline;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
margin:0 10px 10px 10px;
}
.consultancy-block-btn{
width:158px;
height:34px;
float:left;
display:inline;
text-align:center;
margin:0 5px 5px 13px;
}
#body-container #body-content #infomation-banners{
width:910px;
height:125px;
float:left;
background:url(/images/banner-bg.jpg) no-repeat;
}
.banner-title{
width:500px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:21px;
color:#333;
margin:10px 10px 10px 10px;
}
.banner-text{
width:500px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
margin:0 10px 10px 10px;
}
.banner-readmore{
width:500px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#D64185;
margin:0 10px 10px 10px;
}
.banner-readmore a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#D64185;
text-decoration:none;
}
.banner-readmore a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#D64185;
text-decoration:underline;
}
#news-container{
width:100%;
margin:15px 0 15px 0;
}
#news-container #news-content{
width:910px;
margin:0 auto;
background-repeat:repeat-y;
border-top:2px solid #D64185;
padding-top:15px;
}
#news-container #news-content #latest-news{
width:306px;
float:left;
}
.latest-news-title{
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:21px;
color:#333;
margin:2px 10px 13px 0;
}
.latest-news-icon{
width:15px;
height:10px;
padding:0 0 0 0;
float:left;
}
.latest-news-row{
width:290px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
margin:0 0 0 0;
}
.latest-news-row label{
width:290px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#DB5A95;
margin:0 0 0 0;
}
.latest-news-row label a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#DB5A95;
text-decoration:none;
}
.latest-news-row label a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#DB5A95;
text-decoration:underline;
}
.latest-news-row-readmore{
width:286px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#DB5A95;
margin:0 0 10px 0;
}
.latest-news-row-readmore a{
width:290px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#DB5A95;
text-decoration:none;
}
.latest-news-row-readmore a:hover{
width:290px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#DB5A95;
text-decoration:underline;
}
#news-container #news-content #upcoming-courses{
width:396px;
float:left;
padding:0 15px 0 15px;
}
.upcoming-courses-title{
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:21px;
color:#333;
margin:2px 10px 13px 0;
}
.upcoming-courses-icon{
width:12px;
height:10px;
padding:0 0 0 0;
float:left;
}
.upcoming-courses-row{
width:395px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
margin:0 0 5px 0;
}
.upcoming-courses-row a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
text-decoration:none;
}
.upcoming-courses-row a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
text-decoration:underline;
}
.upcoming-courses-row label{
width:75px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#DB5A95;
cursor:pointer;
}
#news-container #news-content #get-quotation{
width:178px;
float:left;
}
#news-container #news-content #get-quotation #quote-btn{
width:178px;
height:107px;
float:left;
margin-bottom:9px;
}
#news-container #news-content #get-quotation #consultation-btn{
width:178px;
height:92px;
float:left;
}
#footer-container{
width:100%;
height:255px;
background:url(../images/footer-bg.jpg) repeat-x;
}
#footer-container #footer-content{
width:910px;
margin:0 auto;
}
.footer-newsletter-signup{
width:910px;
height:45px;
float:left;
margin:15px 0 0 0;
}
.footer-newsletter-signup-icon{
width:864px;
height:45px;
float:left;
background:url(../images/newsletter-bg.jpg) no-repeat;
}
.footer-newsletter-signup-form{
width:443px;
height:35px;
float:right;
margin:8px 0 0 0;
}
.footer-newsletter-signup-form input{
width:189px;
height:16px;
float:left;
border:1px solid #D64185;
margin:6px 20px 0 0;
padding:2px 5px 0 5px;
font-size:11px;
}
.footer-newsletter-signup-btn{
width:46px;
height:45px;
float:left;
display:block;
background:url(../images/newsletter-btn.jpg) no-repeat 0 0;
}
.footer-newsletter-signup-btn a{
width:46px;
height:45px;
float:left;
display:block;
background:url(../images/newsletter-btn.jpg) no-repeat 0 0;
}
.footer-newsletter-signup-btn a:hover{
width:46px;
height:45px;
float:left;
display:block;
background:url(../images/newsletter-btn.jpg) no-repeat 0 -45px;
}
.footer-information{
width:910px;
float:left;
margin:20px 0 0 0;
}
.footer-aboutus-block{
width:120px;
float:left;
}
.footer-aboutus-block-title{
width:120px;
height:12px;
float:left;
margin:0 0 15px 0;
}
.footer-aboutus-block-text{
width:120px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
}
.footer-aboutus-block-text p{
width:120px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
}
.footer-aboutus-block-text p a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
text-decoration:none;
}
.footer-aboutus-block-text p a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
text-decoration:underline;
}
.footer-services-block{
width:461px;
float:right;
}
.footer-services-block-title{
width:461px;
height:12px;
float:left;
margin:0 0 15px 0;
}
.footer-services-webdesign-block{
width:132px;
float:right;
}
.footer-services-webdesign-block p{
width:132px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
}
.footer-services-webdesign-block p a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
text-decoration:none;
}
.footer-services-webdesign-block p a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
text-decoration:underline;
}
.footer-services-database-block{
width:158px;
float:right;
margin-left:20px;
}
.footer-services-database-block p{
width:158px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
}
.footer-services-database-block p a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
text-decoration:none;
}
.footer-services-database-block p a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
text-decoration:underline;
}
.footer-services-marketing-block{
width:131px;
float:right;
margin-left:20px;
}
.footer-services-marketing-block p{
width:131px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
}
.footer-services-marketing-block p a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
text-decoration:none;
}
.footer-services-marketing-block p a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
text-decoration:underline;
}
.footer-courses-block{
width:297px;
float:right;
margin-left:27px;
}
.footer-courses-block-title{
width:297px;
height:12px;
float:left;
margin:0 0 15px 0;
}
.footer-courses-ittraining-block{
width:125px;
float:right;
}
.footer-courses-ittraining-block p{
width:125px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
}
.footer-courses-ittraining-block p a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
text-decoration:none;
}
.footer-courses-ittraining-block p a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
text-decoration:underline;
}
.footer-courses-imtraining-block{
width:152px;
float:right;
margin-left:20px;
}
.footer-courses-imtraining-block p{
width:152px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
}
.footer-courses-imtraining-block p a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
text-decoration:none;
}
.footer-courses-imtraining-block p a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
text-decoration:underline;
}
.footer-copyright{
width:910px;
height:25px;
float:left;
margin:15px 0 0 0;
}

.footer-copyright a{
color:#D64185;
text-decoration:none;
}

.footer-copyright a:hover{
color:#D64185;
text-decoration:underline;
}

.footer-copyright-ownership{
width:395px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#D64185;
}
.footer-copyright-registered{
width:395px;
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#D64185;
text-align:right;
}
.clear{
clear:both;
}
/* End of Layout Styles */

/* Start of Corner Styles */

.top_corners{
width:178px;
height:7px;
font-size:1px;
background:url(../images/top-corners.png) no-repeat;
float:left;
}

.bottom_corners{
width:178px;
height:7px;
font-size:1px;
background:url(../images/bottom-corners.png) no-repeat;
float:left;
}

/* End of Corner Styles */

/* Start of Training Styles */

.training_icon{
width:200px;
float:left;
}

.training_icon_margin{
float:left;
margin:0 15px 0 0;
}

.training_bullet_holder{
width:280px;
float:left;
margin:0 15px 0 0;
}

.training_cat_banner{
width:710px;
height:120px;
margin-bottom:10px;
float:left;
}

.course_type_holder{
width:703px;
height:30px;
border:1px solid #D64185;
margin-bottom:10px;
float:left;
padding-right:5px;
}

.course_type_holder a{
color:#D64185;
text-decoration:none;
}
.course_type_holder a:hover{
color:#D64185;
text-decoration:underline;
}
.course_type_arrow{
width:30px;
height:30px;
float:left;
}

.course_type_name{
width:463px;
height:30px;
line-height:30px;
float:left;
padding:0 0 0 10px;
color:#D64185;
}

.course_type_image{
height:50px;
float:right;
margin-top:5px;
}

.course_holder{
width:708px;
height:60px;
float:left;
border:1px solid #D64185;
margin-bottom:10px;
}

.course_holder a{
color:#D64185;
text-decoration:none;
}

.course_holder a:hover{
color:#D64185;
text-decoration:underline;
}

.course_logo{
height:50px;
width:200px;
float:left;
padding:5px 0 0 5px;
margin-right:10px;
}

.course_text_title{
float:left;
width:710px;
height:60px;
line-height:60px;
text-align:center;
}

.course_label{
width:703px;
height:20px;
line-height:20px;
float:left;
margin-top:5px;
padding:0 0 0 5px;
}

.course_brief_details{
width:588px;
height:30px;
line-height:30px;
float:left;
padding:0 0 0 5px;
margin-top:5px;
font-size:14px;
}

.course_btn{
width:110px;
height:28px;
background:url(../images/nav-large-btn.jpg) no-repeat;
text-align:center;
line-height:28px;
float:left;
margin-top:2px;
padding:0 5px 0 0;
font-size:11px;
color:#FFFFFF;
}

.course_btn a{
color:#FFFFFF;
text-decoration:none;
display:block;
}

.course_btn a:hover{
color:#FFFFFF;
text-decoration:underline;
}

.course_image{
width:300px;
height:150px;
float:right;
border:#D64185 1px solid;
}
.course_details{
width:396px;
float:left;
margin-bottom:10px;
}

#body-container #body-content #left-content #course_overview_header{
width:700px;
height:50px;
line-height:50px;
float:left;
background:url(../images/course_header.jpg) no-repeat;
margin-bottom:10px;
padding:0 0 0 10px;
color:#FFFFFF;
}

#body-container #body-content #left-content #course_overview_header h1{
color:#FFFFFF;
width:700px;
}

.course_overview{
width:522px;
float:left;
margin-top:20px;
margin-right:10px;
}

.course_dates{
width:178px;
float:left;
margin-top:20px;
}

.course_dates_header{
width:178px;
height:30px;
float:left;
line-height:30px;
font-size:14px;
text-align:center;
background:url(../images/course_dates_header.jpg) no-repeat;
color:#FFFFFF;
}

.course_dates_content{
width:178px;
float:left;
background-color:#EAEAEA;
padding-top:10px;
}
.course_dates_content ul{
width:158px;
float:left;
display:inline;
list-style:none;
margin:0 10px 10px 10px;
}
.course_dates_content ul li{
width:158px;
float:left;
display:inline;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
font-weight:bold;
margin:0 0 10px 0;
text-align:center;
}
.course_dates_content ul li a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
font-weight:bold;
text-decoration:none;
}
.course_dates_content ul li a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
font-weight:bold;
text-decoration:underline;
}

.course_btn_holder{
width:710px;
float:left;
margin:10px 0 10px 0;
}

.course_btn_right{
width:110px;
height:28px;
background:url(/images/nav-large-btn.jpg) no-repeat;
text-align:center;
line-height:28px;
float:right;
margin-top:2px;
font-size:11px;
color:#FFFFFF;
}

.course_btn_right a{
color:#FFFFFF;
text-decoration:none;
display:block;
}

.course_btn_right a:hover{
color:#FFFFFF;
text-decoration:underline;
}

.course_search_holder{
width:710px;
float:left;
height:30px;
background-color:#D64185;
margin-bottom:10px;
}

.course_search_text{
width:280px;
height:30px;
line-height:30px;
font-size:14px;
color:#FFFFFF;
float:left;
padding:0 0 0 20px;
display:inline;
}

.course_search_input{
width:300px;
height:30px;
line-height:30px;
color:#D64185;
float:left;
padding-top:5px;
display:inline;
}

.course_quick_search_input{
width:300px;
height:30px;
color:#D64185;
float:left;
display:inline;
padding-top:5px;
}

.course_search_box{
border:1px solid #FFFFFF;
width:290px;
color:#D64185;
display:inline;
}

.course_search_btn{
width:110px;
height:30px;
float:left;
padding-top:3px;
text-align:center;
}

/* End of Training Styles */
/*======= My Book Course Layout =======*/

.booking_row{
width:710px;
height:20px;
line-height:20px;
float:left;
margin-bottom:5px;
}

.booking_row label{
width:200px;
float:left;
display:block;
font-weight:bold;
}

.booking_input{
width:305px;
float:left;
border:1px solid #D64185;
}

/*=========================*/

.profile_holder{
width:710px;
position:relative;
float:left;
background-color:#F2F2F2;
margin:0 0 10px 0;
}

.icons_holder{
width:710px;
position:relative;
float:left;
background-color:#F2F2F2;
margin:0 0 10px 0;
}

.button_holder{
width:177px;
height:100px;
position:relative;
float:left;
display:inline;
margin:10px 0 5px 0;
text-align:center;
}

.name_holder{
width:177px;
position:relative;
float:left;
display:inline;
margin:0 0 10px 0;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#D64185;
}

.image_holder{
width:190px;
position:relative;
float:left;
}

.text_holder{
width:502px;
position:relative;
float:left;
padding:30px 10px 0 0;
}
.text_holder_row{
width:502px;
position:relative;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0 0 20px 0;
}

.about_small_orange_text{
color:#D64185;
font-weight:bold;
}
.portfolio_client_name{
color:#D64185;
font-size:11px;
}
.pink_14px{
color:#D64185;
font-size:14px;
}

#quote-form{
width:684px;
float:left;
margin:0 0 10px 0;
}
.row_input{
width:342px;
height:25px;
line-height:25px;
float:left;
}
.full_row_input{
width:684px;
height:50px;
line-height:15px;
float:left;
}

.full_row_input_check{
width:684px;
height:25px;
line-height:25px;
float:left;
}

.interest_holder{
width:228px;
height:25px;
float:left;
}

.interest_holder label{
width:198px;
height:25px;
float:left;
display:block;
}

.check_holder{
width:30px;
height:23px;
float:left;
padding-top:2px;
}

.full_row_input label{
font-weight:bold;
color:#D64185;
}
.full_row_input_single{
width:684px;
height:25px;
line-height:25px;
float:left;
}
.full_row_input_single label{
font-weight:bold;
color:#D64185;
}
.row_input input{
width:220px;
float:left;
border:1px solid #D64185;
}
.row_input label{
width:100px;
height:25px;
line-height:25px;
display:block;
float:left;
font-weight:bold;
color:#D64185;
}
.text_input{
width:684px;
height:185px;
float:left;
}
.text_input textarea{
width:674px;
height:170px;
float:left;
border:1px solid #D64185;
}
.contact_text_input{
width:452px;
height:185px;
float:left;
margin-right:25px;
}
.contact_text_input textarea{
width:442px;
height:170px;
float:left;
border:1px solid #D64185;
}
.contact_map_image{
width:188px;
height:94px;
float:left;
margin-top:45px;

}
.quote_button {
width:100px;
margin:10px 0 0 0;
color: #ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
background-color: #D64185;
CURSOR:pointer;
font-weight: bold;
line-height:normal;
height: 28px;
}
.contact_button_row{
width:684px;
float:left;
}
.full_row_box{
width:488px;
height:25px;
line-height:25px;
position:relative;
float:left;
}
.full_row_box label{
width:100px;
height:25px;
line-height:25px;
display:block;
float:left;
font-weight:bold;
}
.full_row_box input{
width:130px;
position:relative;
float:left;
}
#mapwrap {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background: white;
overflow: auto;
margin: 20px 0 0 0;
padding: 0;
float:left;
position: relative;
width: 710px;
}
#pagewrap>div {
float: left;
width: 49%;
}
/* Map View */
#map_canvas { height: 400px; border: solid thin black; }
/* Directions */
#directions {
float: left;
width: 710px;
}
#directions a {
color:#D64185;
text-decoration:none;
}
#directions a:hover {
color:#D64185;
text-decoration:underline;
}
/* Addresses */
.address-panel {
float: left;
width:178px;
}
.address-form-column {
width:158px;
float: left;
padding:0 10px 0 10px;
display:inline;
}
.address-panel label {
width:158px;
float: left;
color:#333333;
font-size:11px; 
display: block;
margin-bottom: 10px;
}
.address-panel input {
float: left;
border:1px solid #333333;
margin-bottom: 10px; 
width:158px; 
font-family:Arial, Helvetica, sans-serif; 
font-size:11px; 
padding:2px 0 2px 0;
}
.button { 
float: left; 
color:#FFF;
font-weight:bold;
background-color:#333333; 
cursor:pointer; 
font-family:Arial, Helvetica, sans-serif; 
font-size:11px; 
margin-left: 10px; 
width:158px;
}
/* Font-Sizer Specific Styling */

.fsizer { } /* Container element */

.fsizer a { display: block; float: left; width: 20px; margin-right: 5px; text-align: center; border: 1px dotted #ccc; color: #5761a0; text-decoration: none; cursor: pointer; letter-spacing: 0; line-height: 100%; }
.fsizer a:hover { text-decoration: none; background: #ebebeb;  }

/* Three 'A' links used to control size */

.fsizer a#fs_sml { font-size: 9px; height: 15px; padding-top: 5px; }
.fsizer a#fs_med { font-size: 13px; height: 17px; padding-top: 3px; }
.fsizer a#fs_lrg { font-size: 16px; height: 18px; padding-top: 2px; }

.fsizer a.fsactive { color: #000; background: #ebebeb; cursor: default; } /* When mode is active */

/* Start of Portfolio Page Styles */

.portfolio_image_holder{
width:450px;
height:366px;
float:right;
margin-left:10px;
border:1px solid #D64185;
}

.portfolio_main_image{
width:450px;
height:366px;
}

.portfolio_main_image ul{
list-style:none;
margin:0;
padding:0;
width:450px;
height:366px;
}

.portfolio_main_image ul li{
width:450px;
height:366px;
}

.portfolio_title{
font-size:20px;
color:#D64185;
}

.portfolio_heading{
font-size:16px;
color:#D64185;
}

/* Start of Portfolio Page Styles  */