body 				{ 
font-family:"Century Gothic";
font-size: 13px; 
margin: 5px 0px 20px 5px; 
color: #000; 
line-height: 130%; 
text-align:center;
background-color:#E0E1E8;
/*background-image:url(../images/bg.gif);
background-repeat:repeat;*/ 
}

.spanb	{
display:block;
margin:10px 0px;
}

.limain	{
line-height:25px;
}


td p {
font-family:"Century Gothic";font-size: 11px;
color:#868686; 
}

h2	{
font-size:14px;
}

.txtmain	{
color:#4B2331;
font-size:13px;
}

#colleft	{
float:left; 
width:650px; 
height:auto;
}

#colright	{
float:right;  
width:200px; 
height:451px;
}


.button { 
font-family:"Century Gothic";font-size: 11px; 
color: #FFFFFF; 
background-color: #999999; 
text-align: center; 
border: 1px solid; 
border-color: #FFFFFF Black Black #FFFFFF; 
height: 22px;
padding:5px;
margin:3px;
}


.boldd {
	font-size: 11px;
	COLOR: #00477F; 
	font-family:"Century Gothic";font-weight:bold;
}

.boldl {
	font-size: 11px;
	COLOR: #CFE9FF; 
	font-family:"Century Gothic";font-weight:bold;
}

.boldb	{
font-size:13px;
color:#000;
font-family:"Century Gothic";
font-weight:bold;
}

.boldp18px	{
font-size:18px;
color:#7F7277;
font-family:"Century Gothic";font-weight:bold;
}

.bold16px {
	font-size: 16px;
	COLOR: #4B2331; 
	font-family:"Century Gothic";font-weight:bold;
}

.boldw16px {
	font-size: 16px;
	COLOR: #4B2331; 
	font-family:"Century Gothic";font-weight:bold;
	color:#FFFFFF;
	line-height:24px;
}

.boldw11px {
	font-size: 11px;
	COLOR: #FFFFFF; 
	font-family:"Century Gothic";font-weight:bold;
}

.bold16gpx {
	font-size: 16px;
	COLOR: #4B2331; 
	font-family:"Century Gothic";font-weight:bold;
}

.bold16gpx {
	font-size: 16px;
	COLOR: #4B2331; 
	font-family:"Century Gothic";font-weight:bold;
}

.med14gpx {
	font-size: 14px;
	COLOR: #4B2331; 
	font-family:"Century Gothic";font-weight:normal;
}

.std12gpx {
	font-size: 11px;
	COLOR: #4B2331; 
	font-family:"Century Gothic";font-weight:normal;
}


.headertitle {
	font-size: 13px;
	COLOR: #020FCF; 
	LINE-HEIGHT: 14pt; 
	font-family:"Century Gothic";font-weight:bold;
	text-transform:capitalize; 
}


.img	{
padding:1px;
border:1px solid #3c3d8d;
}

.tbl	{
text-align:center;
font-family:"Century Gothic";font-size:11px;
background-color:#06437A;
}

.td	{
background-color:#FFFFFF;
}

.tdleft	{
background-color:#FFFFFF;
text-align:left;
}

#footer			{ 
width: 900px; 
height: 50px;
background-image:url(../images/footer.jpg);
clear:both;
}

#footerright	{
float:right;
color:#888686;
margin-right:5px;
margin-top:25px;
text-transform:capitalize;
color: #4B2331; 
padding-bottom:6px;
}

#footerright a		{ 
color: #4B2331; 
font-weight: normal; 
text-decoration: underline;
font-size:11px;
 }

#footerright a:hover	{ 
text-decoration: none;
color:#888686;
}

.loginbox {
background:none;
border:none;
width:149px;
height:20px;
margin:0;
padding: 2px 7px 0px 3px;
font-size:14px;
color:#FFFFFF;
}

.textbox {  
font-family:"Century Gothic";font-size: 11px; 
background-color: #FFFFFF; 
text-align: left; 
border: 1px #888686 solid; 
height: 18px; 
width: 180px;
color: #888686;
margin:2px;
padding:2px;  
}

.txtboxbtn	{
width:60px;
margin:2px;
padding:2px;
color: #000000;
border: 1px #3BBFD7 solid; 
height:18px;
font-family:"Century Gothic";font-size: 11px; 
}

.textboxmulti { 
font-family:"Century Gothic";font-size: 11px; 
color: #868686; 
background-color: #FFFFFF; 
text-align: left; 
border: 1px #868686 solid; 
width: 380px; 
height: 150px;
margin:2px;
padding:2px;  
 }
 
 .textboxmultisml { 
font-family:"Century Gothic";font-size: 11px; 
color: #868686; 
background-color: #FFFFFF; 
text-align: left; 
border: 1px #868686 solid; 
width: 180px; 
height: 150px;
margin:2px;
padding:2px;  
 }
 
.capital	{
text-transform:capitalize;
}

a:link {
	font-family:"Century Gothic";font-size: 13px;
	font-weight:normal;
	font-style: normal;
	text-decoration:none;
	color:#000066;
}
a:visited {
	font-family:"Century Gothic";font-size: 13px;
	font-style:normal;
	font-weight:normal;
	text-decoration: none;
	color:#000066;
}
a:hover {
	font-family:"Century Gothic";font-size: 13px;
	font-style: normal;
	font-weight:normal;
	text-decoration: none;
	color:#000;
}
a:active {
	font-family:"Century Gothic";font-size: 13px;
	font-style: normal;
	font-weight:normal;
	text-decoration: underline;
	color:#000066;
}

input				{ font-family:"Century Gothic";font-size: 11px; }
textarea			{ font-family:"Century Gothic";font-size: 11px; }
select				{ font-family:"Century Gothic";font-size: 11px; }

#split	{ 
border: 1px solid #020FCF;
clear:both;
}


#sidetext	{
background-color:#4B2331; width:150px; height:300px; padding:4px; margin:0px 10px; text-align:center; float:left;
}

#toptext	{
width:500px; 
height:auto; 
margin:4px 10px; 
float:left; 
font-size:18px;
text-align:left;
padding-top:7px
}

#toptext	a:link	{
font-size:18px;
}

#toptext	a:visited	{
font-size:18px;
}

#toptext	a:active	{
font-size:18px;
}

#toptext	a:hover	{
font-size:18px;
text-decoration:underline;
}

#srch	{
float:right; 
width:330px; 
margin-right:5px; 
height:auto; 
margin:4px auto; 
font-size:18px;
}

#srchshop	{
padding-top:7px;
}

#imageleft	{
float:left; 
width:220px; 
margin:10px 0px;
}

#portright	{
float:left; 
margin-left:20px; 
width:600px; 
margin:10px 0px;
}


#productsmain	{
width:500px; float:left; height:auto;
}

#contactmast	{
margin-left:90px; 
margin-top:5px;
}

#borderproduct	{
border: 1px dotted #4B2331; padding: 4px; height:180px; width:160px;
}

.producttext	{
font-size:11px;
}


/*------------------------ Primary ---------------------- */

#line	{
border-top:1px dotted #4B2331;
width:640px; 
margin-top:10px;
margin-bottom:10px;
}

#linelg	{
border-top:1px dotted #4B2331;
width:826px; 
}

#linelgcentre	{
border-top:1px dotted #4B2331;
width:826px; 
margin-top:10px;
margin-bottom:10px;
text-align:center;
margin:0px auto;
padding:0px;
}




#linesml	{
border-top:1px dotted #4B2331;
width:400px; 
margin-top:10px;
margin-bottom:10px;
}

#linesmller	{
border-top:1px dotted #4B2331;
width:350px; 
margin-top:10px;
margin-bottom:10px;
}

#masthead			{ 
width: 900px; 
height: 93px; 
background-position: center;
background-image:url(../images/masthead.gif);
background-repeat:no-repeat;
z-index:1;
}

#strap	{
text-transform:uppercase; 
font-weight:bold; 
margin-left:320px; 
padding-top:20px; 
width:580px; 
color:#333399; 
z-index:2;
}

#FooterHolder			{ 
width: 900px; 
background-color: #3a3790; 
border-top: 1px solid #7875cd; 
border-bottom: 1px solid #7875cd; 
margin: 0px auto;
color:#fff;
text-transform:capitalize; 
height: auto;
text-align:center;
padding:0px; 
}

#FooterHolder ul		{ 
display: inline; 
margin: 0px 0px 0px 0px; 
line-height: 200%; 
}

#FooterHolder ul li	{ 
display: inline; 
list-style-type: none; 
margin: 5px 0px 20px 0px; 
}

#FooterHolder a		{ 
color: #fff; 
font-weight: bold; 
text-decoration: none; 
padding: 4px 8px 4px 8px; 
margin-top: 10px; 
margin-bottom: 40px;
}

#FooterHolder a:hover	{ 
text-decoration: underline;
font-weight:bold;
}


#signature	{
width:900px;
height: auto;
margin:0px auto;
padding:0px;
text-align:center;
} 

.valid	{
float:left; 
margin-left:0px; 
margin-top:2px;
}

.sig	{
float:right; 
text-transform:none; 
font-size:11px;  
text-align:right;
color:#4B2331;
}

.sig a:link	{
font-size:11px;
}

.sig a:visited	{
font-size:11px;
}

.sig a:active	{
font-size:11px;
}

.sig a:hover	{
font-size:11px;
text-decoration:underline;
}

.gallerycontroller{
width: 250px;
height:75px;
}

.gallerycontent{
width: 400px;
height: 200px;
padding: 3px;
display: block;
}

#link	{
width:30px; 
height:auto; 
margin-top:15px;
float:left;
}

#link1	{
width:30px; 
height:auto; 
margin-top:5px;
float:left;
}

#link2	{
width:150px; 
height:auto; 
margin-top:5px;
float:left;
}

#linkc	{
width:70px; 
height:auto; 
margin-top:43px;
float:left;
}

#arrow	{
margin-top:3px;
float:left; 
margin-left:5px; 
margin-top:17px;
}

#arrow1	{
margin-top:3px;
float:left; 
margin-left:5px; 
margin-top:7px;
}

#arrow2	{
margin-top:3px;
float:left; 
margin-left:5px; 
margin-top:7px;
}

#gap	{
margin-top:5px;
}

#newstitle	{
float:left; 
width:55%; 
text-align:left; 
margin-bottom:5px;
}

#newsarrow	{
float:left;
margin-left:5px; 
width:40%; 
text-align:right; 
margin-bottom:5px;
 }

#containermiddle	{
width:900px;
height:auto;
clear:both;
text-align:center; 
padding:0px;
margin:0px auto;
/*background-image:url(../images/tile.jpg);
background-repeat:repeat;*/
}

#innermiddle	{
padding:4px;
margin-top:10px;
text-align:left;
}

#innermiddlesml	{
padding:1px 4px;
margin-top:5px;
}


#mainsection	{
width:886px; 
clear:both; 
height:190px; 
margin:0px auto;
text-align:center;
padding:0px;
}

#toplft	{
height:265px; 
background-color:#F7F9FA;
width:394px; 
float:left; 
margin-left:0px;
color:#00477F;
text-align:justify;
}

#topmid	{
height:252px; 
background-color:#F7F9FA;
/*border:1px solid #CFE9FF;*/ 
width:207px; 
float:left; 
margin-left:34px;
text-align:justify;
margin-top:10px;
}

#toprt	{
height:252px; 
background-color:#F7F9FA; 
width:215px; 
float:left; 
margin-left:34px;
color:#00477F;
margin-top:10px;
}

#invest	{
height:198px; 
background-color:#F7F9FA; 
width:362px; 
float:left; 
margin-left:30px;
margin-top:10px;
}

#investinner	{
color:#FFF;
text-transform:capitalize;
font-weight:bold;
width:300px;
height:150px;
border:1px solid #CFE9FF;
margin-bottom:2px;
font-size:26px;
text-align:center;
line-height:34px;
}

#spacer	{
margin-top:52px;
}

#investsml	{
height:198px; 
background-color:#F7F9FA; 
width:217px; 
float:left; 
margin-left:34px;
margin-top:10px;
}

#investinnersml	{
color:#00477F;
text-transform:capitalize;
font-weight:bold;
width:214px;
height:54px;
border:1px solid #CFE9FF;
margin-bottom:2px;
font-size:12px;
font-weight:bold;
background-color:#CFE9FF
}

#spacersml	{
margin-top:12px;
}

#photobox	{
margin-top:40px;
height:124px; 
background-color:#FFF; 
width:122px; 
float:left; 
margin-left:0px;
background-image:url(../images/16temp.jpg);
}

#photobox2	{
margin-top:40px;
height:124px; 
background-color:#FFF; 
width:122px; 
float:left; 
margin-left:14px;
background-image:url(../images/14temp.jpg);
overflow:hidden;
}

#photobox3	{
height:188px; 
background-color:#FFF; 
width:187px; 
float:left; 
margin-left:12px;
text-align:justify;
color:#00477F;
}

#photobox4	{
height:188px; 
background-color:#FFF;
/*border:1px solid #00477F;*/ 
width:215px; 
float:left; 
margin-left:11px;
text-align:justify;
color:#00477F;
}

#photobox5	{
margin-top:40px;
height:124px; 
background-color:#FFF; 
width:122px; 
float:left; 
margin-left:14px;
background-image:url(../images/1temp.jpg);
overflow:hidden;
}

#casestudy	{
height:170px; 
background-color:#FFF; 
width:170px; 
float:left; 
margin-left:7px;
}

#justify	{
text-align:justify;
}

#fleft	{
float:left;
margin-bottom:20px;
}

#fright	{
float:right;
margin-bottom:20px;
}

#frightnews	{
width:250px; 
margin-right:10px; 
background-color:#F7F9FA; 
min-height:330px;
float:right;

}


#grouprt	{
width:700px; 
float:right; 
height:auto;
}

#catsmain	{
margin:10px 5px;
font-size:14px;
font-weight:bold;
}

.cats	{
margin:10px 0px;
font-size:14px;
text-align:left;
}

.cats a:link	{
color:#FFFFFF;
font-size:14px;
text-decoration:none;
}

.cats a:visited	{
color:#FFFFFF;
font-size:14px;
text-decoration:none;
}

.cats a:active	{
color:#FFFFFF;
font-size:14px;
text-decoration:none;
}

.cats a:hover	{
color:#2D1919;
font-size:14px;
text-decoration:none;
}


/* -------------------- main containers for the page ------------------------- */

#ticker	{
border:1px solid #888686;
height:200px;
width:160px;
}

#recset	{
font-weight:bold;
font-size:14px;
text-transform:uppercase;
}

#recset a:link	{
font-weight:bold;
font-size:14px;
}

#textrt	{
text-align:justify;
padding:0px 5px;
margin:10px auto;
}

.textrtint	{
font-size:11px;
color:#FFFFFF;
}

#centre	{
text-align:center; margin:5px auto; padding:0px;
}

#shoppingcart	{
background-image:url(../images/shoppingcart.jpg);
width:167px; 
height:102px; 
text-align:center; 
padding:0px; 
margin:0px auto;
}

#shoptxt	{
text-align:center; 
padding:0px;
}

#txttop	{
padding-top:180px; 
text-align:center; 
color:#FFFFFF; 
font-size:12px; 
font-weight:normal;
float:left;
margin-left:20px;
}



#txttop a		{ 
color: #FFFFFF; 
font-weight: normal; 
text-decoration: underline;
font-size:12px; 
 }
 
#txttop a:hover	{ 
text-decoration: none;
font-size:12px; 
}

#txttopr	{
padding-top:5px;
padding-right:145px; 
float:right;
color:#FFFFFF; 
font-size:13px; 
font-weight:bold;
}

#txttopr a		{ 
color: #FFFFFF; 
font-weight: normal; 
text-decoration: none;
 }
 
#txttopr a:hover	{ 
text-decoration: underline;
}

#hpanel	{
height:10px;
clear:right;
}

#title	{
margin-left:7px;
margin-bottom:2px;
}

div#box{
width: 150px;
padding: 2px;
height:10px;
margin:2px 0px;
background:#7F7277;
color:#FFF; 
float:right;
text-align:center;
margin-right:10px;
}

#basket	{
background-color:#4B2331; 
width:180px; 
height:80px;  
margin:10px auto; 
text-align:center;
clear:right;
float:left;
margin-left:2px;
}

#box a:link	{
color:#FFFFFF;
}

#box a:visited	{
color:#FFFFFF;
}

#box a:active	{
color:#FFFFFF;
}

#box a:hover	{
color:#FFFFFF;
text-decoration:underline;
}



/* --------------------- Sections --------------------- */


#nstxttopr	{
margin-top:15px;
margin-right:20px;
margin-bottom:10px;
float:right;
text-align:left;
font-size:15px;
color:#ACC8CB;
font-weight:bold;
width:286px;
}

#nstxttopr a		{ 
color: #000000; 
font-weight: normal; 
text-decoration: underline;
font-size:12px;
 }
 
#nstxttopr a:hover	{ 
text-decoration: none;
}


#wrapper 			{ 
width: 900px; 
height:auto;
min-height:500px; 
margin:0px auto;
/*margin: 10px auto;*/ 
text-align: justify; 
border: 1px solid #4B2331; 
background-color: #FFFFFF; 
margin-bottom: 0px; 
}

#date	{
float:right; 
margin-right:180px; 
font-weight:bold; 
color:#7F7277; 
padding-bottom:1px; 
padding-top:4px;
}

/* ------ Menu ------- */

#modernbricksmenu{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu ul{
font: normal 11px "tahoma";
margin:0;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu a{
float: left;
display: block;
color: white;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 3px;
text-decoration: none;
letter-spacing: 1px;
background-color: #4B2331; /*Default menu color*/
border-bottom: 1px solid white;
width:100px;
text-align:center;
}

#modernbricksmenu a:hover{
background-color: gray; /*Menu hover bgcolor*/
}

#modernbricksmenu #current a{ /*currently selected tab*/
background-color: #7F7277; /*pink color theme*/ 
border-color: #FFFFFF; /*Black color theme*/ 
}

#modernbricksmenuline{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #7F7277; /*blue color theme*/ 
}

#frm_srch{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
padding: 0;
margin-right:1px;
}

#frm_srch .textinput{
width: 150px;
border: 1px solid gray;
font: bold 11px "tahoma" ;
}

#frm_srch .submit{
font: bold 11px "tahoma" ;
height: 22px;
background-color: #FFFFFF;
padding-right:2px
}

#clear	{
clear:both;
}


/* ------------ Horizontal Menu ------------- */


.horizmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
background-color:#CFE9FF;
}

/*Top level list items*/
.horizmenu ul li{
position: relative;
display: inline;
float: left;
background-color: #3c3d8d; /*overall menu background color*/
}

/*Top level menu link items style*/
.horizmenu ul li a{
display: block;
padding: 6px 0px;
border-left-width: 0;
text-decoration: none;
color: #fff;
text-transform:capitalize;
background-color:#3c3d8d;
height:15px;
text-align:center;
font-weight:bold;
font-size:15px;
}

#treemenu1 ul li a{
display: block;
padding: 6px 8px;
border-left-width: 0;
text-decoration: none;
color: #fff;
text-transform:uppercase;
background-color:#3c3d8d;
height:15px;
text-transform:capitalize;
font-weight:normal;
text-align:left;
}

#treemenu1 #menu_1{
width:150px;
}
#treemenu1 #menu_2{
width:150px;
}
#treemenu1 #menu_3{
width:150px;
}
#treemenu1 #menu_4{
width:150px;
}
#treemenu1 #menu_5{
width:150px;
}
#treemenu1 #menu_6{
width:150px;
}


#treemenu1 #menu_1_a{
width:149px;
}
#treemenu1 #menu_2_a{
width:149px;
}
#treemenu1 #menu_3_a{
width:149px;
}
#treemenu1 #menu_4_a{
width:149px;
}
#treemenu1 #menu_5_a{
width:149px;
}
#treemenu1 #menu_6_a{
width:149px;
}

/*1st sub level menu*/
.horizmenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
background-color:#3c3d8d;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.horizmenu ul li ul li{
display: list-item;
float: none;
background-color:#CFE9FF;
border-bottom:1px solid #CFE9FF;
}

#treemenu1 ul li a:hover	{
color: #7974d2;
font-weight:normal;
background-color:#fff;
text-align:left;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.horizmenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
background-color:#3a3985;
}

/* Sub level menu links style */
.horizmenu ul li ul li a{
display: block;
width: 330px; /*width of sub menu levels*/
color: #fff;
text-decoration: none;
padding: 1px 5px;
text-transform:uppercase;
background-color: #3a3985;
height:20px;
padding-top:10px;
}

.horizmenu ul li a:hover{
background-color: #7875cd;
color: #fff;
}

/*.horizmenu ul li a:selected{
background-color: #00477F;
color: #CFE9FF;
}*/

/*Background image for top level menu list links */
.horizmenu .mainfoldericon{
/*background: url(../images/down.gif) no-repeat center right;
padding-right:0px;*/
}

/*Background image for subsequent level menu list links */
/*.horizmenu .subfoldericon{
background: #00477F url(../images/right.gif) no-repeat center right;
}*/

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .horizmenu ul li { float: left; height: 1%; }
* html .horizmenu ul li a { height: 1%; }
/* End */



