/* CSS Document */

/* Core Definitions */

body,div,p,h1,ul,li { /* resetting padding and margins on all block level elements */
	margin:0;
	padding:0;
}

/* Site Definitions */

body {
	font:normal normal normal 12px arial,helvetica,sans-serif;
	background:#a60202 url(../images/bg.gif) repeat-x scroll center top;
	text-align:center;
}

#wrapper {
	width:960px;
	height:auto;
	text-align:left;
	margin-right:auto;
	margin-left:auto;
	padding-top:4px;
}

#sideleft {
	float:left;
	display:block;
	width:21px;
	height:659px;
	background:#a60202 url(../images/bg.gif) repeat-x fixed center top;
	margin:0px;
	padding:0px;
}

#sideright {
	float:left;
	display:block;
	width:19px;
	height:659px;
	background:#a60202 url(../images/bg.gif) repeat-x fixed center top;
	margin:0px;
	padding:0px;
}

#leftcol {
	float:left;
	display:block;
	width:210px;
	height:659px;
	background:#a60202 url(../images/bg.gif) repeat-x fixed center top;
	margin:0px;
	padding:0px;
}

#logo {
	float:left;
	width:210px;
	height:213px;
	margin:0px;
	padding:0px;
}

#logtop {
	float:left;
	width:210px;
	height:38px;
	margin:0px;
	padding:0px;
}

#login {
	float:left;
	width:210px;
	height:153px;
	margin:0px;
	padding:0px;
}

#logform {
	float:left;
	width:210px;
	height:114px;
	margin:0px;
	padding:0px;
	background-image:url(../images/login-bg.gif);
}

#logform form {
	float:left;
	display:block;
	width:210px;
	height:114px;
	margin:0px;
	padding:0px;
}

#logform form input {
	float:left;
	width:152px;
	height:17px;
	margin:0px;
	padding:0px;
	background-color:#710202;
	border-top:1px solid #710202;
	border-right:1px solid #8e0404;
	border-bottom:1px solid #944141;
	border-left:1px solid #8f3838;
	margin:21px 0px 0px 20px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align:center;
	font-size:12px;
}

#btnlogin {
	display:block;
	float:left;
	width:60px;
	height:35px;
	margin:0px;
	padding:0px;
}

#btnloginleft {
	display:block;
	float:left;
	width:68px;
	height:35px;
	padding:0px;
	margin:0px 0px 0px 0px;
}

#btnloginright {
	display:block;
	float:left;
	width:82px;
	height:35px;
	padding:0px;
	margin:0px 0px 0px 0px;
}

#btnlogin a {
	display:block;
	float:left;
	width:60px;
	height:35px;
	background:#a60202 url(../images/btn-go.gif) repeat-x scroll left 0%;
	margin:0px;
	padding:0px;
}

#btnlogin a:hover {
	background:#a60202 url(../images/btn-go.gif) repeat-x scroll right 0%;
}

#contact {
	float:left;
	width:210px;
	height:154px;
	margin:0px;
	height:0px;
}

#contactleft {
	float:left;
	width:55px;
	height:72px;
	margin:0px;
	padding:0px;
}

#contactright {
	float:left;
	width:71px;
	height:72px;
	margin:0px;
	padding:0px;
}

#btncontact a {
	display:block;
	float:left;
	width:84px;
	height:72px;
	background:#a60202 url(../images/btn-contact.gif) repeat-x scroll left 0%;
	margin:0px;
	padding:0px;
}

#btncontact a:hover {
	background:#a60202 url(../images/btn-contact.gif) repeat-x scroll right 0%;
}

#main {
	float:left;
	width:709px;
	height:659px;
	margin:0px;
	padding:0px;
}

#nav {
	float:left;
	width:709px;
	height:31px;
	margin:0px;
	padding:0px;
}

#btnhome {
	float:left;
	display:block;
	width:146px;
	height:31px;
	margin:0px;
	padding:0px;
}

#btnclients {
	float:left;
	display:block;
	width:136px;
	height:31px;
	margin:0px;
	padding:0px;
}

#btnclients a {
	display:block;
	float:left;
	width:136px;
	height:31px;
	background:#a60202 url(../images/btn-clients.gif) repeat-x scroll left 0%;
	margin:0px;
	padding:0px;
}

#btnclients a:hover {
	background:#a60202 url(../images/btn-clients.gif) repeat-x scroll right 0%;
}

#btndesign {
	float:left;
	display:block;
	width:134px;
	height:31px;
	margin:0px;
	padding:0px;
}

#btndesign a {
	display:block;
	float:left;
	width:134px;
	height:31px;
	background:#a60202 url(../images/btn-design.gif) repeat-x scroll left 0%;
	margin:0px;
	padding:0px;
}

#btndesign a:hover {
	background:#a60202 url(../images/btn-design.gif) repeat-x scroll right 0%;
}

#btnprint {
	float:left;
	display:block;
	width:133px;
	height:31px;
	margin:0px;
	padding:0px;
}

#btnprint a {
	display:block;
	float:left;
	width:133px;
	height:31px;
	background:#a60202 url(../images/btn-print.gif) repeat-x scroll left 0%;
	margin:0px;
	padding:0px;
}

#btnprint a:hover {
	background:#a60202 url(../images/btn-print.gif) repeat-x scroll right 0%;
}

#btninteractive {
	float:left;
	display:block;
	width:133px;
	height:31px;
	margin:0px;
	padding:0px;
}

#btninteractive a {
	display:block;
	float:left;
	width:133px;
	height:31px;
	background:#a60202 url(../images/btn-interactive.gif) repeat-x scroll left 0%;
	margin:0px;
	padding:0px;
}

#btninteractive a:hover {
	background:#a60202 url(../images/btn-interactive.gif) repeat-x scroll right 0%;
}

#flash {
	float:left;
	display:block;
	width:709px;
	height:152px;
}

#submain {
	float:left;
	display:block;
	width:491px;
	height:476px;
	margin:0px;
	padding:0px;
}
#submain2 {
	float:left;
	display:block;
	width:709px;
	height:593px;
	margin:0px;
	padding:0px;
}

#welcome{
	float:left;
	display:block;
	width:491px;
	height:46px;
	margin:0px;
	padding:0px;
}

#relax {
	float:left;
	display:block;
	width:491px;
	height:64px;
	margin:0px;
	padding:0px;
}

#relaxtext {
	float:left;
	display:block;
	width:491px;
	height:118px;
	margin:0px;
	padding:0px;
	background-image:url(../images/relax-bg.jpg);
}

#relaxtext p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#1a3043;
	width:404px;
	display:block;
	float:left;
	position:relative;
	left:34px;
	top:14px;
	margin-bottom:10px;
}

#why {
	float:left;
	display:block;
	width:491px;
	height:64px;
	margin:0px;
	padding:0px;
}

#whytext {
	float:left;
	display:block;
	width:491px;
	height:149px;
	margin:0px;
	padding:0px;
	background-image:url(../images/why-bg.jpg);
}

#whytext p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#1a3043;
	width:404px;
	display:block;
	float:left;
	position:relative;
	left:34px;
	top:4px;
	margin-bottom:10px;
}

#footer {
	float:left;
	display:block;
	width:491px;
	height:35px;
	margin:0px;
	padding:0px;
	background:#a60202 url(../images/footer-bg.gif) repeat-x scroll right 0%;
}

#footer p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#e7c9c9;
	display:block;
	float:left;
	position:relative;
	left:9px;
	top:12px;
	margin-bottom:10px;
	text-align:left;
}

#footerlogo {
	float:left;
	display:block;
	width:104px;
	height:35px;
	margin:0px;
	padding:0px;
}

#titleourwork {
	float:left;
	display:block;
	width:213px;
	height:32px;
	margin:0px;
	padding:0px;
}

#titleourworkboxhold {
	float:left;
	display:block;
	width:218px;
	height:114px;
	margin:0px;
	padding:0px;
	background-color:#f7f7f7;
}

#titleourworkbox {
	float:left;
	display:block;
	width:214px;
	height:114px;
	margin:0px;
	padding:0px;
	background-image:url(../images/title-latest-work-tile.gif);
	background-color:#f5a000;
}

#titlecasestudies {
	float:left;
	display:block;
	width:218px;
	height:33px;
	margin:0px;
	padding:0px;
}

#titlecasestudiesboxhold {
	float:left;
	display:block;
	width:218px;
	height:113px;
	margin:0px;
	padding:0px;
	background-color:#f7f7f7;
}

#titlecasestudiesbox {
	float:left;
	display:block;
	width:214px;
	height:113px;
	margin:0px;
	padding:0px;
	background-image:url(../images/title-case-studies-tile.gif);
	background-color:#de8101;
}

#titleenquiries {
	float:left;
	display:block;
	width:218px;
	height:33px;
	margin:0px;
	padding:0px;
}

#cornerhome {
	float:left;
	display:block;
	width:218px;
	height:151px;
	margin:0px;
	padding:0px;
}

#navleft2 {
	display:block;
	float:left;
	width:16px;
	height:31px;
	margin:0px;
	padding:0px;
}

#navright2 {
	display:block;
	float:left;
	width:50px;
	height:31px;
	margin:0px;
	padding:0px;
	
}

#navright {
	display:block;
	float:left;
	width:27px;
	height:31px;
	margin:0px;
	padding:0px;
	
}

.navspacer {
	display:block;
	float:left;
	width:22px;
	height:31px;
	margin:0px;
	padding:0px;
}

#btnhome2 {
	float:left;
	display:block;
	width:111px;
	height:31px;
	margin:0px;
	padding:0px;
}

#btnhome2 a {
	display:block;
	float:left;
	width:111px;
	height:31px;
	background:url(../images/nav/btn-home.gif) repeat-x scroll left 0%;
	margin:0px;
	padding:0px;
}

#btnhome2 a:hover {
	background:url(../images/nav/btn-home.gif) repeat-x scroll right 0%;
}

#btnclients2 {
	float:left;
	display:block;
	width:111px;
	height:31px;
	margin:0px;
	padding:0px;
}

#btnclients2 a {
	display:block;
	float:left;
	width:111px;
	height:31px;
	background:url(../images/nav/btn-clients.gif) repeat-x scroll left 0%;
	margin:0px;
	padding:0px;
}

#btnclients2 a:hover {
	background:url(../images/nav/btn-clients.gif) repeat-x scroll right 0%;
}

#btndesign2 {
	float:left;
	display:block;
	width:111px;
	height:31px;
	margin:0px;
	padding:0px;
}

#btndesign2 a {
	display:block;
	float:left;
	width:111px;
	height:31px;
	background:url(../images/nav/btn-design.gif) repeat-x scroll left 0%;
	margin:0px;
	padding:0px;
}

#btndesign2 a:hover {
	background:url(../images/nav/btn-design.gif) repeat-x scroll right 0%;
}

#btnprint2 {
	float:left;
	display:block;
	width:111px;
	height:31px;
	margin:0px;
	padding:0px;
}

#btnprint2 a {
	display:block;
	float:left;
	width:111px;
	height:31px;
	background:url(../images/nav/btn-print.gif) repeat-x scroll left 0%;
	margin:0px;
	padding:0px;
}

#btnprint2 a:hover {
	background:url(../images/nav/btn-print.gif) repeat-x scroll right 0%;
}

#btninteractive2 {
	float:left;
	display:block;
	width:111px;
	height:31px;
	margin:0px;
	padding:0px;
}

#btninteractive2 a {
	display:block;
	float:left;
	width:111px;
	height:31px;
	background:url(../images/nav/btn-interactive.gif) repeat-x scroll left 0%;
	margin:0px;
	padding:0px;
}

#btninteractive2 a:hover {
	background:url(../images/nav/btn-interactive.gif) repeat-x scroll right 0%;
}

#cmtitle {
	float:left;
	display:block;
	width:709px;
	height:52px;
	margin:0px;
	padding:0px;
}

#navfolio {
	float:left;
	display:block;
	width:302px;
	height:477px;
	margin:0px;
	padding:0px;
}

#foliodetail {
	float:left;
	display:block;
	width:407px;
	height:477px;
	margin:0px;
	padding:0px;
}

#footspacer {
	float:left;
	display:block;
	width:218px;
	height:35px;
	margin:0px;
	padding:0px;
}

#content {
	float:left;
	display:block;
	width:709px;
	height:628px;
	margin:0px;
	padding:0px;
}

#cdesc {
	float:left;
	display:block;
	width:709px;
	height:64px;
	margin:0px;
	padding:0px;
	background-color:#f7f7f7;
}

#cdesc p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	display:block;
	float:left;
	position:relative;
	width:540px;
	top:6px;
	left:36px;
	margin:0px;
	padding:0px;
}

#cdesc .blue {
	color:#113655;
}

#cdesc .red {
	color:#880404;
}

#cdesc .green {
	color:#178804;
}

#cdesc .purple {
	color:#71148f;
}

#cpoints {
	float:left;
	display:block;
	width:709px;
	height:477px;
	margin:0px;
	padding:0px;
	background-image:url(../images/content-bg.jpg);
}

#cpoints p {
	font-family:Arial, Helvetica, sans-serif;
	color:#405a71;
	font-size:11px;
	display:block;
	float:left;
	position:relative;
	width:520px;
	top:36px;
	left:56px;
	margin:0px;
	padding:0px;
}

#cpoints h5 {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

#cpoints form {
	float:left;
	width:660px;
}

#cpoints form input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#cpoints form textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#cpoints form select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#cpoints hr {
	margin-top:4px;
	margin-bottom:4px;
	display:block;
	float:left;
}

.points {
	float:left;
	display:block;
	width:165px;
	height:370px;
	margin:0px;
	padding:0px;
	position:relative;
	left: 36px;
	top: 70px;
}

.points h5 {
	font-family:Arial, Helvetica, sans-serif;
	color:#113655;
	font-size:12px;
	display:block;
	float:left;
	position:relative;
	width:165px;
	height:18px;
	left:6px;
	top:20px;
	margin:0px;
	padding:0px;
	font-weight:normal;
}

.pointtitles {
	float:left;
	display:block;
	width:165px;
	height:50px;
	margin:0px;
	padding:0px;
}

.clientslogo1 {
	float:left;
	display:block;
	width:174px;
	height:110px;
	margin:0px;
	padding:0px;
	position:relative;
	left: 0px;
	top: 70px;
}