body {
	background: url(../images/layout3/background-repeat-colour-yellow.gif) repeat center top;
	margin: 0px;
	padding: 0px;
	color: #274C79;
}
#body {
	font: .8em Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/layout3/background-info-colour-yellow.gif) repeat-y center top;
}
#header {
	background: url(../images/layout3/header.jpg) no-repeat top;
	height: 134px;
}
#menu-top {
	background: url(../images/layout3/menu-colour.jpg) no-repeat center;
	height: 41px;
	padding-left: 120px;
}
#content {
	margin: 0px auto;
	width: 900px;
}
#text {
	background: #FFFFFF url(../images/layout3/info-rpt-fade.gif) repeat-y 23px 0px;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
#ver-menu li.top {
	background: url(../images/layout3/menu-top.gif) no-repeat;
	height: 29px;
}

#sidebar {
	width: 182px;
	float: left;
	padding: 30px 0px 20px 20px;
}
#info-bottom {
	height: 0px;
}
#footer {
	background: url(../images/layout3/footer-flowers-3.jpg) no-repeat left;
	padding: 45px 20px 20px;
	text-align: center;
	height: 63px;
	line-height: 150%;
}
#footer-bottom {
	background: url(../images/layout3/footer-bottom-colour-yellow.gif) no-repeat center top;
	height: 51px;
}

#info {
	float: left;
	width: 398px;
	padding: 20px 30px 10px 30px;
	text-align: left;
}
#info-full {
	
	padding: 0px 15px;
}



#text-top {
	background: url(../images/layout3/info-top.gif);
	height: 57px;
}


/**********  HORIZONTAL MENU SYSTEM CSS **************/ 
#ver-menu ul {
	padding: 0px;
	list-style-type: none;
	width: 182px;
	margin: 0px;
	font-size: 90%;
}
#ver-menu li {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0px;
	background: url(../images/layout3/menu-text.gif) repeat-y;
}

#ver-menu a {
	display: block;
	padding: .5em 2em;
	margin: 0px;
}

#ver-menu a:link, #ver-menu a:visited {
	color: #507BA8;
	text-decoration: none;
}

#ver-menu a:hover {
	color: #365EA4;
	background: url(../images/layout3/menu-o.jpg) no-repeat left -2px;
}

#ver-active a:link, #ver-active a:visited, #ver-active a:hover {
	color: #999999;
	padding: 4px 15px;
	background: #DBD6CE;
}

#ver-active #ver-current{
	color: #365EA4;
	background: url(../images/layout3/menu-o.jpg) no-repeat left -2px;
	padding: .5em 2em;
	margin: 0px;

}
#ver-menu li.bottom {
	background: url(../images/layout3/menu-bottom.gif) no-repeat;
	height: 21px;
}
#ver-menu .sub a {
	display: block;
	padding: 0.5em 2em 0.5em 3em;
	margin: 0px;
	color: #81A7D1;
}
#ver-menu .sub {
}
#ver-menu .sub a:hover {
	color: #81A7D1;
	background: url(../images/layout3/menu-sub-o.jpg) no-repeat;
}
#ver-active-sub #ver-current-sub{
	color: #81A7D1;
	padding: 0.5em 2em 0.5em 3em;
	margin: 0px;
	background: url(../images/layout3/menu-sub-o.jpg) no-repeat;
}


.clearboth {
	clear: both;
}
#info h1, #info-2 h1, #info-full h1 {
	font-size: 140%;
	color: #0F3D6F;
	margin: 5px 0px 0px;
}
#info h2, #info-2 h2, #info-full h2{
	font-size: 120%;
	color: #759AC2;
	margin: 5px 0px 20px;
	
}

#info p, #info-2 p, #info-full p {
	line-height: 140%;
	color: #1B5183;
}
#footer {
	font-size: 90%;
	color: #39699F;
	background: url(../images/layout3/footer-flowers-3.gif);
	padding-top: 80px;
	height: 47px;
	padding-bottom: 10px;
}
#footer a {
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:hover {
	color: #2B507F;
}
#body #content #text #portfolio {
	float: left;
	width: 698px;
}

#sidebar-right {
	width: 200px;
	float: left;
	padding: 25px 20px 20px 0px;
	color: #5A80AD;
	margin: 0px;
}
#side-info-text {
	background: url(../images/layout3/side-info-text-colour.gif) repeat-y;
	width: 140px;
	font-size: 90%;
	line-height: 150%;
	padding: 0px 20px;
}
#side-info-text p, #portfolio p, #side-text p {
	margin: 0px;
	padding: 0px;
}
#side-info-text ul {
	margin: 0px;
	padding: 0px 0px 0px 15px;
}
#side-info-text h1, #side-text h1 {
	font-size: 110%;
	color: #274C7B;
	margin: 0px;
	padding: 0px 0px 10px;
}
#side-text h1 {
	padding: 0px 10px;
	margin: 0px;
}


#side-info-top {
	background: url(../images/layout3/side-info-top-colour.gif) no-repeat left;
	top: 0px;
	bottom: 60px;
	height: 28px;
}







#side-text {
	background: url(../images/layout3/side-text.gif) repeat-y;
	width: 166px;
	font-size: 90%;
	line-height: 150%;
	padding: 0px;
	float: left;
}
#side-top {
	background: url(../images/layout3/side-top.gif) no-repeat left top;
	top: 0px;
	bottom: 60px;
	height: 21px;
	font-size: 90%;
	font-weight: bold;
	padding-top: 7px;
	padding-left: 27px;
}
#side-text p {
	padding: 2px 10px 0px;
}
#side-text a {
	text-decoration: none;
	color: #0F3D6F;
}
#side-text img {
	margin: 5px 0px;
}

#side-text a:hover {
	text-decoration: underline;
	color: #0F3D6F;
}
#side-bottom {
	background: url(../images/layout3/side-bottom.gif) no-repeat;
	top: 0px;
	bottom: 60px;
	height: 27px;
	float: left;
	width: 166px;
}




#info a, #info-2 a, #info-full a {
	color: #005900;
	text-decoration: underline;
}
#info a:hover, #info-2 a:hover, #info-full a:hover {
	text-decoration: none;
}
#side-info-bottom {
	background: url(../images/layout3/side-info-bottom-colour.gif) no-repeat;
	top: 0px;
	bottom: 60px;
	height: 27px;
}
#info img.image_l, #info-2 img.image, #info-full img.image {
	float: left;
	clear: both;
	padding: 0px;
	border: 1px solid #8DB7E1;
	margin: 10px 15px 0px 0px;
}
#info img.image_r, #info-full img.image_r {
	float: right;
	clear: both;
	padding: 0px;
	border: 1px solid #8DB7E1;
	margin: 5px 0px 5px 15px;
}

#info img.samples , #info-full img.samples{
	float: right;
	margin-bottom: 10px;
	margin-left: 30px;
	border-style: none;
}
#info-2 img.samples {
	float: left;
	border-style: none;
	margin: 5px 20px 10px 10px;
}
#pic {
	width: 196px;
	float:left;
}
#info-2 #portfolio-text {
	font-size: 90%;
	width: 160px;
	float: left;
	padding-right: 10px;
}
#info-2 #col-60 {
	width: 300px;
	float: left;
	padding: 5px 20px 10px 0px;
	color: #274C7B;
	font-size: 95%;
}
#info-2 a:hover {
	text-decoration: underline;
}

#info-2 #col-40 {
	width: 288px;
	float: left;
	padding: 0px 0px 10px;
	font-size: 95%;
}
#info-2, #plinks {
	float: left;
	width: 618px;
	padding: 0px 0px 10px 40px;
	text-align: left;
	margin: 0px;
}
#portfolio-text ul {
	margin: 0px;
	padding: 0px 0px 0px 15px;
	color: #274C7B;
}
#side-info-text li.cat, #portfolio-text li.cat {
	list-style: none;
	padding: 0px;
	margin: 0px 0px 0px -15px;
}
#portfolio-text li.cat {
	padding-bottom: 5px;
}
#portfolio-text ul ul {
	margin-bottom: 10px;
}
#side-info-text a {
	color: #989C41;
	text-decoration: none;
}
#side-info-text a:hover {
	text-decoration: underline;
}
#info-2 {
	margin-bottom: 20px;
}


#side-info-text li.plain, #portfolio-text li.plain {
	padding: 0px;
	margin: 0px 0px 0px -10px;
	list-style: disc;
	font-style: italic;
}
#portfolio #info-2 a {
	color: #77A3D0;
}
#portfolio #info-2 h2 {
	margin: 0px 0px 5px;
	padding: 10px 0px 10px 10px;
	background: url(../images/layout3/header-h2-full.gif) no-repeat;
	font-size: 110%;
}
#info h2 {
	margin: 5px 0px;
	padding: 10px 0px 10px 10px;
	background: url(../images/layout3/header-h2.gif) no-repeat;
	font-size: 105%;

}
#info li.flower {
	list-style: url(../images/layout3/li-dot.gif);
	color: #355579;
	line-height: 140%;
}


.text_small {
	font-size: 80%;
}
#collaboration {
	font-size: 90%;
	color: #1B5183;
	padding-left: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#collaboration a {
	color: #CCAD63;
	text-decoration: none;
}
#pages {
	align: right;
	margin: 0px;
	padding: 0px 40px 15px;
	font-size: 80%;
}

#pages a {
	padding: 2px 8px 2px 5px;
	height: 10px;
	color: #224771;
	text-decoration: none;
	background: url(../images/layout3/page-down.gif) no-repeat;
}
#pages a:hover {
	color: #2F5784;
	background: url(../images/layout3/page-over.gif) no-repeat;
}


#plinks {
	text-align: right;
	width: 618px;
	padding-left: 40px;
	padding-right: 40px;
}
 
#plinks ul {
	float: right;
	margin: 0px;
	padding: 0px;
	font-size: 80%;
}

#plinks ul li {
	display: inline;
	margin: 0px -3px 0px 0px !important;
	margin: 0px;
	padding: 0px;
	height: 10px;

}

#plinks ul li a {
	padding: 2px 8px 2px 5px;
	margin: 0px;
	text-align: center;
	float: left;
	color: #224771;
	text-decoration: none;
	background: url(../images/layout3/page-down.gif) no-repeat;

}

#plinks ul li a:hover {
	color: #2F5784;
	background: url(../images/layout3/page-over.gif) no-repeat;
}

.plinks_active a:link, .plinks_active a:visited, .plinks_active a:hover {
	color: #FFFFFF;
	background: url(../images/layout3/page.gif) no-repeat;
}

.plinks_active .plinks_current {
	padding: 2px 8px 2px 5px;
}	
#plinks .plinks_active .plinks_current, #pages .plinks_active .plinks_current{
	background: #FFFFFF url(../images/layout3/page.gif) no-repeat;
}
#plinks .plinks_active .plinks_current a, #pages .plinks_active .plinks_current a {
	color: #FFFFFF;
}



/**********  END HORIZONTAL MENU SYSTEM CSS **************/ 
#info-2 #portfolio-text-about {
	font-size: 90%;
	width: 230px;
	float: left;
	padding-right: 20px;
}
#info p.text, #info-full p.text {
	color: #615593;
	padding: 10px;
	font-size: 95%;
}
#col-25 {
	padding: 1%;
	float: left;
	width: 23%;
}
#col-20 {
	padding: 1%;
	float: left;
	width: 18%;
}
#col-25 {
	padding: 1%;
	float: left;
	width: 23%;
}
#col-33 {
	padding: 1%;
	float: left;
	width: 31%;
}
#col-50 {
	padding: 1%;
	float: left;
	width: 48%;
}
#col-75 {
	padding: 1%;
	float: left;
	width: 73%;
}

#info #col-60, #info-full #col-60 {
	padding: 1%;
	float: left;
	width: 58%;
}
#info #col-40, #info-full #col-40 {
	padding: 1%;
	float: left;
	width: 38%;
}
.border {
	border-top: 1px solid #ECF2F8;
}
#side-pad.li {
	padding-right: 5px;
	padding-left: 5px;
}
#body #content #text #sidebar #ver-menu #side-pad {
	padding: 0px 10px;
}
#body #content #text #sidebar #ver-menu #side-pad img {
	margin-top: 5px;
}