body {
	background: #B7C0CD;
	font: 11px Arial, Helvetica, sans-serif;
	color: #666666;
	margin-top: 15px;
	margin-bottom: 15px;
}
.portfoliobox {
	width: 164px;
	padding-right: 5px;
}
.portfoliobox_centre {
	width: 167px;
	background: url(/images/dots_vertical.gif) repeat-y left;
	padding-right: 3px;
	padding-left: 5px;
}
.portfoliobox_right {
	width: 164px;
	background: url(/images/dots_vertical.gif) repeat-y left;
	padding-left: 5px;
}
.portfolio_text {
	padding-right: 15px;
	padding-left: 5px;
}
.tablewhite {
	background: #FFFFFF;
}
.logo_box {
	height: 70px;
	padding-left: 25px;
}
.curve_tr {
	height: 10px;
	width: 10px;
	background: url(/images/homeV2_05.gif) no-repeat right top;
}
.curve_tl {
	height: 10px;
	width: 10px;
	background: url(/images/homeV2_03.gif) no-repeat left top;
}
.bannertable {
	background: #0E0D9B;
	color: #FFFFFF;
}
h1 {
	font-size: 13px;
	background: url(/images/bullet_square.gif) no-repeat left center;
	border-bottom: 3px solid #7c7c7c;
	padding-left: 20px;
	padding-bottom: 3px;
	color: #666666;
}
h2 {
	font-size: 13px;
	background: url(/images/bullet_square.gif) no-repeat left center;
	border-bottom: 3px solid #7c7c7c;
	padding-left: 20px;
	padding-bottom: 3px;
	color: #666666;
}
.date {
	background: url(/images/bullet_arrow.gif) no-repeat;
	padding-bottom: 5px;
	padding-left: 30px;
	border-bottom: 1px dotted #999999;
	font-weight: bold;
}
.sidebar {
	background: #EFEFEF;
	padding-right: 5px;
	padding-left: 20px;
	border-top: 10px solid #FFFFFF;
	padding-top: 10px;
	line-height: 18px;
	width: 25%;
}
.greybg {
	background: #EFEFEF;
	height: 15px;
}
.newsitem {
	margin-left: 30px;
	margin-bottom: 24px;
}
a:link {
	font-weight: bold;
	color: #666666;
	text-decoration: underline;
}
a:visited {
	font-weight: bold;
	color: #666666;
	text-decoration: underline;
}
a:hover {
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
.navbox a:link {
	color: #666666;
	text-decoration: none;
	background: url(/images/bullet_triangle.gif) no-repeat left center;
	padding-left: 8px;
	font-weight: normal;
}
.navbox a:visited {
	color: #666666;
	text-decoration: none;
	background: url(/images/bullet_triangle.gif) no-repeat left center;
	padding-left: 8px;
	font-weight: normal;
}
.navbox a:hover {
	color: #666666;
	text-decoration: underline;
	background: url(/images/bullet_triangle.gif) no-repeat left center;
	padding-left: 8px;
	font-weight: normal;
}
.navbox {
	background: url(/images/dots_horizontal.gif) repeat-x bottom;
	height: 35px;
	padding-top: 7px;
}
.topnav {
	text-align: right;
	width: 265px;
	padding-top: 10px;
	padding-right: 10px;
}
.topnav a:visited {
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.topnav a:hover {
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: underline;
}
.maintext {
	border-top: 10px solid #FFFFFF;
	background: #EFEFEF url(/images/dots_vertical.gif) repeat-y right;
	padding: 10px 15px 15px;
	line-height: 18px;
	width: 75%;
	height: 400px;
}
.shortbigpicborder {
	border-top: 1px solid #FFFFFF;
}

/* top-menu */
#nav {
    background:url("/images/bg-nav.jpg") repeat-x scroll 0 0 transparent;
    float:left;
    list-style:none outside none;
    margin:0;
    padding:0;
    width: 940px;
}

#nav .first-child {
background:url("/images/bg-nav.jpg") no-repeat scroll 0 -1px transparent;
}
#nav li {
    float:left;
    font:bold 14px/14px Arial,Geneva,Helvetica,sans-serif;
    position:relative;
    text-align:center;
    z-index:500;
}

#nav .first-child-a {
    background:none;
}

#nav li a {
    border-left:1px solid #FFFFFF;
    border-right:1px solid #E8E8E8;
    color:#000;
    display:block;
    padding:13px 24px 17px;
    text-align:left;
    text-decoration:none;
    font-size: 13px;
}

#nav li.active, #nav li:hover, #nav li.hover {
    background:url("/images/active-nav.jpg") repeat-x scroll 0 0 transparent;
}

#nav li.last a{
    border-right: none; 
}

#nav li li a{
    background:url("/images/bg-nav.jpg") repeat-x scroll 0 0 transparent;
    font-size: 11px;
    width:170px;
	float:left;
	display:inline;
	padding:10px 8px 10px 25px;
	color:#000;
}
#nav li li:hover a,
#nav li li.hover a{
	color:#000;
    background:url("/images/active-nav.jpg") repeat-x scroll 0 0 transparent;
}
#nav li:hover,
#nav li.hover{position:relative;}
#nav li:hover .drop,
#nav li.hover .drop{display:block;}
.drop {
	position:absolute;
	display:none;
	z-index:501;
	width:185px;
	top:39px;
	left:0;
	padding:6px 0 0;
}
.drop .drop-b{
	float:left;
	width:185px;
	height:13px;
}

.drop ul {
    list-style:none outside none;
    margin:0;
    padding:0;
}

/** Projects Page **/

.list-item {
    margin-top: 30px;
}

/* Gallery */
.gallery-list {
    padding-left: 0px;
}

.gallery-list li {
    display:block;
    float:left;
    padding:0 9px 13px 4px;
    position:relative;
}
.gallery-list li {
    padding-bottom:5px;
    padding-top:5px;
    margin: 5px;
    width:70px;
    height: 70px;
}
.gallery-list li img{
    border: 3px solid #7D7D7D;
    vertical-align:top;
}
/* end gallery */

/* Contact Us form */
.contact-form form label {
    display: inline-block;
    width: 150px;
    vertical-align: top;
}

.contact-form form .text,
.contact-form form .select,
.contact-form form .textarea {
    width: 250px;
}
.contact-form form .textarea {
    height: 100px;
}

.contact-form label.error {
    width: 140px;
    color: red;
    margin-left: 10px;
}
.sidebar #contactus-form label.error {
	width: 140px;
    color: red;
	display: block;
}
/* End contact form*/

/*home page boxes */
.columns-table {
    background: #EFEFEF;
	padding: 10px 15px 15px;
	line-height: 18px;
	width: 75%;
    border-top: 10px solid #FFFFFF;
}
.columns .column{
	float:left;
	display:inline;
	width:275px;
	margin:0 0px 0 15px;
	padding:0 10px 0 5px;
    border-right: 1px solid #D6D6D6;
}

.columns .column strong {
    color: #000;
    font-size: 12px;
}

.columns div.column.column-first {
    margin:0;
}

.columns div.column.column-last {
    border: none;
}
.columns .photo-box{
	float:left;
	padding:1px;
	height:76px;
	margin:0 13px 0 0;
}
.columns .photo-box img{
	display:block;
	vertical-align:top;
}
* html .columns .photo-box{margin:0 10px 0 0;}
.columns .text{
	line-height:17px;
	overflow:hidden;
	width:192px;
}
.columns p{margin:0 0 2px;}
.columns .more{
	float:left;
	padding:0 20px 0 0;
	font-weight:bold;
	text-decoration:none;
	background:url(../images/bg-more.gif) no-repeat 100% 60%;
}
.columns .more:hover{text-decoration:underline;}