@charset "utf-8";
/* CSS Document */
*{
padding:0;
margin: 0;
}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:100%;
	height:100%;
	text-align:center;
}

#mainblock {
	width:980px;
	margin: 0px auto;
	height:100%;
	text-align:left;
}

h1 {
	font-size:24px;
	text-align:left;
	color:#555555;
	margin-top:10px;
	width:788px;
	margin-bottom:5px;
	margin-left:20px;
}

h2 {
	font-size:18px;
	color:#008080;
	padding-left:35px;
	padding-bottom:10px;
}

h3 {
	padding:15px;
	color:#555555;
	font-size:12px;
	text-align:justify;
}

h4 {
	color:#008080;
	font-size:16px;
	text-align:center;
	padding-bottom:7px;
	padding-top:7px;
}

a{
color:#008080;
text-decoration:none;
}



a:visited{
color:#008080;
}

a:hover{
color:#008080;
text-decoration:underline;
}


#textbox li{
margin-left:30px;
}

#textbox ul{
margin-bottom:10px;
}

.sul{
	padding:15px;
	color:#555555;
	font-size:12px;
	height:100px;
}

.sul a{
text-decoration:none;
color:#555555;
}

.sul a:hover{
text-decoration:underline;
}

#header{
padding:0;
margin-left:1px;
width:970px;
height:103px;
background-repeat:repeat-x;
background-image:url(../_images/banner.jpg);
}

a.homebutton{
display:inline;
margin: 0;
width:350px;
height:100px;
z-index:3;
float:left;
background-image:url(../_images/banner_logo.jpg);
background-repeat:no-repeat;
}

#barlogo{
z-index:6;
color:#E1E100;
font-weight:bold;
font-size:14px;
float:right;
padding-top:15px;
padding-right:12px;
text-align:right;
}


.offices{
width:500px;
z-index:6;
color:#E1E100;
font-weight:bold;
font-size:14px;
float:right;
padding-top:28px;
padding-right:12px;
padding-bottom:0px;
text-align:right;
}

.offices a{
color:#FFFFFF;
text-decoration:none;
}

.offices a:hover{
text-decoration:none;
color:#E1E100;
}


#telephone{
width:270px;
height:45px;
z-index:3;
font-weight:bold;
font-size:14px;
float:right;
margin:0;
background:url(../_images/Phone_numb.jpg);
background-repeat:no-repeat;
}

#titlebox{
display:block;
width:300px;
}


#textbox{
display:block;
margin-left:10px;
padding-left:7px;
padding-right:15px;
padding-bottom:20px;
border-right-width: 1px;
border-right-style: dashed;
border-right-color: #111111;
border-top-width: 1px;
border-top-style: dashed;
border-top-color: #111111;
font-size:12px;
color:#555555;
width:778px;
float:left;
}

.textline{
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #111111;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #111111;
	padding-left:15px;
	display:block;
}


.contactline{
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #111111;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #111111;
	padding-left:15px;
	display:block;
	height:80px;
}

.contactlines{
display:inline-block;
width:100px;
height:95%;
cursor:pointer;
float:left;
text-align:right;
}

.contactlines a{
display:block;
width:100px;
height:60px;
background-image:url(../_images/magni_map.png);
background-repeat:no-repeat;
background-position:bottom;
background-position:right;
cursor:pointer;
}

.contactlines a:hover{
background-image:url(../_images/magni_map_roll.png);
background-repeat:no-repeat;
}

.contactline p{
display:inline-block;
float:left;
width:240px;
}

#rightblock{
	display:inline;
	padding-right:2px;
	padding-left:15px;
	font-size:12px;
	color:#555555;
	float:left;
	height:100%;
	width:140px;
}

#headings{
padding-left:50px;
display:block;
float:left;
height:50px;
}

img.middle {
vertical-align:middle;
padding-right:10px;
}

img.rightlist {
padding-bottom:10px;
}

a.shopimg {
margin-right:10px;
margin-top:10px;
width:180px;
height:50px;
float:right;
z-index:4;
background-image:url(../_images/shop_icon.png);
background-repeat:no-repeat;
}

a.shopimg:hover {
background-image:url(../_images/shop_icon_roll.png);
}


#textbox p{
line-height:20px;
padding-bottom:10px;
}

#photobanner{
padding:0;
margin-left: 1px;
width:970px;
height:144px;
background-image:url(../_images/vista_img.jpg);
background-repeat:no-repeat;
}

#navbar{
padding:0;
margin: 0;
width:100%;
height:40px;
}

#services{
padding-left:2px;
margin: 0;
height:380px;
}

.service {
	width: 240px;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	height:380px;
	display:block;
	float:left;
}

.simage{
display:block;
padding-left:18px;
height:180px;
}

.simages{
display:block;
height:200px;
padding-left:3px;
}

a.sbutton {
margin-left:56px;
padding-left:8px;
padding-top:4px;
color:#e1e100;
background-image:url(../_images/button.jpg); 
background-repeat:no-repeat;
display:block;
width:115px;
height: 25px;
text-decoration:none;
font-weight:bold;
font-size:13px;
}


a.sbutton:hover{
color:#FFFFFF;
}

.normalbutton {
color:#e1e100;
background-image:url(../_images/button_slice.jpg);
background-repeat:repeat-x;
display:block;
width:125px;
height: 25px;
text-decoration:none;
font-weight:bold;
font-size:13px;
}

.contactmap{
width:400px;
height:700px;
border-left-width: 1px;
border-left-style: dashed;
border-left-color: #111111;
float:right;
}


#footer{
padding:10px;
margin: 0;
margin-top:10px;
width:955px;
height:15px;
background-image:url(../_images/footer.jpg);
background-repeat:no-repeat;
color:#CCCCCC;
font-size:12px;
text-align:center;
}

#footer a{
color:#CCCCCC;
text-decoration:none;
}

ul.menubarhorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: auto;
}

ul.menubarhorizontal li
{
	margin: 0 1px 0 1px;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 106px;
	float:left;
}

ul.menubarhorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	position: absolute;
	left: -1000em;
}

ul.menubarhorizontal a
{
	display: block;
	background-image: url(../_images/Nav_blue.jpg) ;
	background-repeat:no-repeat;
	cursor: pointer;
	padding-top: 6px;
	padding-right:0.1em;
	padding-left:0.1em;
	letter-spacing:1.3px;
	font-size:12px;
	font-weight:bold;
	color: #E1E100;
	text-decoration: none;
	text-align:center;
	height:33px;
}
ul.menubarhorizontal a:hover, ul.menubarhorizontal a.inuse
{
	background-image: url(../_images/Nav_roll.jpg);
	background-repeat:no-repeat;
	color: #1D3087;
}

/*  RIGHT BOX */


a.shop{
display:block;
width:133px;
height:132px;
background-image:url(../_images/shop_ap.gif);
background-repeat:no-repeat;
cursor:pointer;
margin-bottom:10px;
}

a.shop:hover{
background-image:url(../_images/shop_ap_roll.gif);
background-repeat:no-repeat;
}

a.enquiry{
display:block;
width:133px;
height:132px;
background-image:url(../_images/enquiry_ap.gif);
background-repeat:no-repeat;
cursor:pointer;
margin-bottom:10px;
}

a.enquiry:hover{
background-image:url(../_images/enquiry_ap_roll.gif);
background-repeat:no-repeat;
}

a.quote{
display:block;
width:133px;
height:132px;
background-image:url(../_images/quote_ap.gif);
background-repeat:no-repeat;
cursor:pointer;
margin-bottom:10px;
}

a.quote:hover{
background-image:url(../_images/quote_ap_roll.gif);
background-repeat:no-repeat;
}

a.bar{
display:block;
width:133px;
height:132px;
background-image:url(../_images/bar_ap.gif);
background-repeat:no-repeat;
cursor:pointer;
margin-bottom:10px;
}

a.oft{
display:block;
width:133px;
height:132px;
background-image:url(../_images/oft_ap.gif);
background-repeat:no-repeat;
cursor:pointer;
margin-bottom:10px;
}

#shop ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: 760px;
}

#shop ul li ul
{
margin:0;
padding:0;
width:120px;
}

#shop ul li ul li
{
margin:0;
padding:0;
height:auto;
}

#shop ul li
{
	margin: 0 1px 0 0;
	padding: 15px;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 220px;
	float:left;
	height:325px;
	text-align:center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

#shop ul li:hover
{
	
	cursor:default;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	color:#1D3087;
	
}

#shop ul li p{
height:130px;
text-align:center;
}

#shop ul li p span{
font-size:16px;
font-weight:bold;
color:#990000;
}

img.shopimg{
display:block;
text-align:center;
padding-bottom:10px;
height:120px;
}

#smbox {
	padding-left:15px;
	display:block;
}

#smbox ul {
margin-left:20px;
padding-bottom:10px;
list-style-image:none;
list-style-position:outside;
}

#smbox ul li{;
margin-left:20px;
padding-bottom:10px;
list-style-image:none;
list-style-position:outside;
}

.newsbar{
display:block;
width:133px;
height:180px;
background-image:url(../_images/news_ap.gif);
background-repeat:no-repeat;
padding:45px 5px 10px 5px;

}

.newsbartext{
height:160px;
overflow:hidden;
}

.newsbaritem{
width:112px;
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
margin-bottom:10px;
}

.newsitem{
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
margin-bottom:10px;
}


.newsbaritem h5{
font-size:12px;
}

.newsbaritem p{
font-size:11px;
}