/*

Theme Name: MAP

Theme URL: http://www.themapstore.ie/

Description: The Map Store

Version: 1.0

Author: Agnes Lisztwan

*/



/* Global */

* {
margin:	0;
padding: 0;
border:	0;
}

html{
background-color: #ffffff;
}

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 150%;
min-width:	950px;
}

table { 
border-collapse: collapse; 
border-spacing: 0; 
}

p{
color: #443a5d;
font-size: 12px;
line-height: 150%;
font-family: Arial, Helvetica, sans-serif;
text-align:	justify;
padding: 6px 0 12px 0;
}

p.form{
color: #443a5d;
font-size: 12px;
line-height: 100%;
font-family: Arial, Helvetica, sans-serif;
text-align:	justify;
padding: 6px 0 12px 0;
}

/* Text Styles */

b, strong{
color: #443a5d;
}

.clear { 
clear: both;
}

.center {
text-align: center;
}

hr.hr { margin:0 10px auto 0  ; text-align:center; width:100%; border:0; height:1px; background-color:#CCCCCC; color:#CCCCCC; display:block; clear:both; 
}

/* Links */

a:link {
color: #01457C; text-decoration: none;
font-weight:bold;
}

a:visited {
color: #01457C; text-decoration: none;
font-weight:bold;
}

a.web:link {
color: #ffffff; 
text-decoration: none;
font-weight:bold;
}

a.web:hover {
color: #ffffff;
text-decoration: none;
font-weight:100;
font-size:12px;
}

a.web:visited {
color: #ffffff; text-decoration: none;
font-weight:bold;
}

a.po:link {
color: #7A952B; 
text-decoration: none;
font-weight:bold;
}

a.po:hover {
color: #EF7B04;
text-decoration: none;
font-weight:bold;
font-size:14px;
}

a.po:visited {
color: #443a5d; text-decoration: none;
font-weight:bold;
}

/* Headers */

h1 {
color:  #F07C05;
font-size:16px;
font-weight:bold;
text-align:left;
line-height:100%;
text-transform:uppercase;
padding-top:10px;
padding-bottom:10px;
}



h2 {
color:  #ffffff;
font-size:12px;
font-weight:bold;
text-align:left;
line-height:100%;
}



h3 {
color:  #7A952B;
font-size:16px;
font-weight:bold;
text-align:left;
line-height:100%;
text-transform:uppercase;
padding-top:10px;
padding-bottom:10px;
}

h4 {
}

h5 {
}

h6 {
}

.styl1 {
	color: #7A952B;
	font-weight: bold;
	text-transform:uppercase;
}

/* Top */

#page {
width: 100%;
height: auto;
}

#topbar{
display: block;
height:	198px;
width: 100%;
background:	url('images/bgt.jpg') repeat-x;
margin-top:0px;
}

#bar a{
border:	none;
}

#bar_center{
display: block;
width:	950px;
height:	143px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
background:	url('images/top.jpg') no-repeat;
position:relative;
}

#logo {
display: block;
width:	260px;
height:	50px;
margin-top: 0px;
margin-left: 25px;
padding-top:50px;
}

#rm{
display: block;
width:	60px;
height:	50px;
margin-left: 25px;
margin-top:55px;
float:right;
margin-right:45px;
}

#hid{
margin: 0px auto 0px auto;
float:right;
width: 60px;
height: 50px;
list-style: none;
display:block;
}

#hid li a
{
display:block;
font-family: Arial;
width: 100%;
height: 50px;
text-decoration: none;
color: white;
font-size: 0px;
}

/* menu */

#menu{
margin: 0px auto 0px auto;
padding-top: 0px;
position: relative;
float:right;
width: 580px;
height: 30px;
list-style: none;
display: in-line;
right:5px;
}

#menu li
{

width: auto;

height: 30px;

float: left;

background-repeat: no-repeat;

}

#menu li a
{
font-family: Arial;
width: auto;
height: 20px;
text-decoration: none;
font-weight: bold;
text-align: center;
color: white;
text-transform: uppercase;
font-size: 14px;
float: left;
padding-top: 10px;
padding-left:40px;
}

#menu li a:hover
{
font-family: Arial;
width: auto;
height: 20px;
text-decoration: none;
font-weight: bold;
text-align: center;
color: #3c2563;
text-transform: uppercase;
font-size: 14px;
float: left;
padding-top: 10px;
padding-left:40px;
}

#menubar{
display: block;
width:	950px;
height:	55px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
background:	url('images/menubar.jpg') no-repeat;
position:relative;
}

/* Main */

#main {
display: block;
width:	100%;
height:	auto;
background: url('images/bgm.jpg') repeat;
position:relative;
}

#main_center{
display: block;
padding:0;
width:	950px;
height:	1100px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
position:relative;
background: url('images/bgcc.gif') repeat;
}

#main_center_ab{
display: block;
padding:0;
width:	950px;
height:	1200px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
position:relative;
background: url('images/bgcc.gif') repeat;
}

#main_center_con{
display: block;
padding:0;
width:	950px;
height:	750px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
position:relative;
background: url('images/bgcc.gif') repeat;
}

#main_center_serv{
display: block;
padding:0;
width:	950px;
height:	4000px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
position:relative;
background: url('images/bgcc.gif') repeat;
}

#left {
display: block;
width:	415px;
height:	300px;		
position: relative;
left:43px;
margin-top: 0px;
float:	left;
}


#right {
display: block;
height: 300px;
width: 446px;
margin-left: 0px;
padding-right:26px;
float:right;
position: relative;
background: url('images/pic.png') no-repeat;
}

#left_ab {
display: block;
width:	415px;
height:	auto;		
position: relative;
left:43px;
margin-top: 0px;
float:	left;
}

#left_serv {
display: block;
width:	865px;
height:	auto;		
position: relative;
left:43px;
margin-top: 0px;
float:	left;
}


#right_ab {
display: block;
height: auto;
width: 446px;
margin-left: 0px;
padding-right:26px;
float:right;
position: relative;
}

#mid {
display: block;
height: 341px;
width: 897px;
margin-left: 0px;
padding-right:21px;
float:right;
background: url('images/midpic.jpg') no-repeat;
}

#serv{
margin: 0px auto 0px auto;
margin-top: 60px;
position: relative;
float:right;
width: 350px;
height: 250px;
list-style: none;
display:block;
right:15px;
}

#serv li a
{
display:block;
font-family: Arial;
width: 100%;
height: 50px;
text-decoration: none;
color: white;
font-size: 0px;
float: left;
margin-bottom: 35px;
}

#mid2 {
display: block;
height: 400px;
width: 897px;
margin-left: px;
padding-right:21px;
float:right;
background: url('images/olp.jpg') no-repeat;
}

#mid3 {
display: block;
height: 400px;
width: 897px;
margin-left: px;
padding-right:21px;
float:right;
}

#port {
display: block;
height: 400px;
width: 100%;
margin-top:40px;
}



/* Bottom */

#bottom{
display: block;
width:	950px;
height:	25px;
text-align: center;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
background: url('images/bottom.jpg');
}

#bot_center{
display: block;
width:	930px;
height:	70px;
text-align: center;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding-top: 10px;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}

/* Tables */

/* Other */

#copy {
display: block;
width:	210px;
height:	40px;
float:left;
text-align:left;
}

.design {
	display:block;
	float:right;
	width:	200px;
	height:	45px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

.design2 {
	display:block;
	float:right;
	width:	100px;
	height:	20px;
	padding-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#formbox
{
display:block;
width:271px;
height: auto;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}

div.port{
display:block;
float:left;
width:284px;
height:117px;
margin-top:10px;
margin-right:15px;
margin-left:0px;
}

img.ab{
margin-left:10px;
}
