@charset "UTF-8";

/*
Theme Name: SDM Default
Theme URI: http://www.sdmproductiosnuk.co.uk
Description: A theme to match the SDM website.
Version: 1.0
Author: Matt Shaw
Author URI: 
Tags: blue, custom header, fixed width, two columns, widgets


*/



/* CSS Document */
body {background-color:#333333; font-size:62.5%; font-family:Helvetica, Arial, sans-serif;}

.wrapper {width:950px; margin: 0 auto;}

#header {
background-image:url(images/bg_header.jpg);
background-repeat:repeat-x;
height:150px;
overflow:hidden;
}

#logo {padding-top:40px;float:left; width:243px;}

#nav {float:right; margin-top:122px; width:550px;}

#nav ul {
margin:0;
padding:0;
list-style:none;
float:right;
width:618px;}

#nav li {
width:auto;
float:left;
margin:0;
margin-left:5px;
padding:0;
background:url("images/tab-right.jpg") no-repeat right top;
}

#nav li a {
display:block;
background:url("images/tab-left.jpg") no-repeat left top;
padding:7px 15px;
padding-top:10px;
}
#nav li a {font-family:"century gothic", futura, helvetica, Arial, sans-serif; text-decoration:none; color:#ffffff; font-size:1.4em;}

#nav #selected {background:url("images/tab_right_selected.jpg") no-repeat right top;}
#nav #selected a {background:url("images/tab_left_selected.jpg") no-repeat left top; color:#263c8f;}
#nav a:hover {}


/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


#main {

background-image:url(images/bg_grey.jpg);
background-repeat:repeat-x;
background-color:#FFFFFF;
}

.homeservice {
width:230px; 
height:170px;
background-color:#FFFFFF;
margin:20px 20px 20px 0px;
float:left;
}

.servicetitle1 a {
font-family:"century gothic", futura, helvetica, Arial, sans-serif; 
text-decoration:none; 
color:#82c221; 
font-size:3.6em;
margin-top:10px;
}


.servicetitle2 a {
font-family:"century gothic", futura, helvetica, Arial, sans-serif; 
text-decoration:none; 
color:#b01e63; 
font-size:3.6em;
margin-top:10px;
}
.servicetitle3 a {
font-family:"century gothic", futura, helvetica, Arial, sans-serif; 
text-decoration:none;
color:#7788c7; 
font-size:3.6em;
margin-top:10px;
}

.servicetext {
 
 
margin-top:10px;
margin-left:20px;
margin-right:20px;
}

.servicetext p {
font-family:Helvetica, Arial, sans-serif;
font-size:1.4em;
line-height:1.5em;
color:#666666;
}

.servicetext a {
font-family:Helvetica, Arial, sans-serif;
font-size:1em;
color:#666666;
text-decoration:none;
margin-bottom:0px;
padding-bottom:0px;
border-bottom:dashed 1.5px #666666;
}

.servicetext a:hover {
background-color:#263c8f;
color:#ffffff;
border-bottom:0px;
}

#servicegallery {
width:228px;
background-color:#FFFFFF;
margin:15px 20px 20px 1px;
float:left;

}
#servicegallery2 {
width:228px;
background-color:#FFFFFF;
margin:15px 20px 20px 1px;
float:left;

}
#servicegallery3 {
width:228px;
background-color:#FFFFFF;
margin:15px 0px 20px 2px;
float:left;

}

#servicegallery p {font-family:"century gothic", futura, helvetica, Arial, sans-serif; text-decoration:none; color:#263c8f; font-size:1.4em; padding-top:5px;}
#servicegallery2 p {font-family:"century gothic", futura, helvetica, Arial, sans-serif ; text-decoration:none; color:#263c8f; font-size:1.4em; padding-top:5px;}
#servicegallery3 p {font-family:"century gothic", futura, helvetica,  Arial, sans-serif; text-decoration:none; color:#263c8f; font-size:1.4em; padding-top:5px;}



#rightcol {
background-color:#fff;
width:183px;
float: right;
border: solid 1px #eeeeee;
margin-top:19px;
padding-top:10px;
padding-left:15px;
padding-bottom:11px;
margin-bottom:20px;
}

.productlist {padding-top:10px; border-bottom:solid 1px #eeeeee; margin-right:15px; padding-bottom:5px;}

.producttext {float:left; font-family:"century gothic", futura, helvetica, Arial, sans-serif; font-size:1.2em; text-align:right; color:#666666; padding-top:5px; width:100px;}

.productprice {width:auto; float:right; font-family: Helvetica, Arial, sans-serif; font-weight:bold;font-size:3.4em; color:#b01e63;}
.productprice2 {font-family: Helvetica, Arial, sans-serif; font-weight:bold;font-size:2.5em; color:#b01e63; line-height:1.5em;}

#rightcol h3 {font-family:"century gothic", futura, helvetica, Arial, sans-serif; font-size:2.5em; color:#263c8f;}
.productlist a {font-family:"century gothic", futura, helvetica, Arial, sans-serif; font-size:1.2em; color:#666666; text-decoration:none;}
.productlistbtm {padding-top:10px;}
.productlistbtm a {font-family:"century gothic", futura, helvetica, Arial, sans-serif; font-size:1.2em; color:#666666; text-decoration:none;}

#save {padding-top:10px; color:#666666; font-size:3.1em;font-family:"century gothic", futura, helvetica, Arial, sans-serif;}
.number {font-size:2em; font-family: Helvetica, Arial, sans-serif; color:#b01e63; padding:0; margin:0; font-weight:bold;}
.on {color:#666666; font-size:0.74em;font-family:"century gothic", futura, helvetica, Arial, sans-serif; padding:0; margin:0;}
.bottom {color:#666666; font-size:0.42em;font-family:"century gothic", futura, helvetica, Arial, sans-serif; padding:0px; margin:0;}

#servicehead {
height:102px;
width:710px;
background-color:#FFFFFF;
margin:20px 20px 20px 0px;
float:left;
background-image:url(images/serviceheadingbox.jpg);
padding-top:68px;
padding-left:20px;
font-family:"century gothic", futura, helvetica, Arial, sans-serif; font-size:2.2em;
color:#263c8f;
}

.sheadbold {padding-left:66px; font-weight:bold; font-size:1.15em;}

.service1 {
float:left; width:220px; height:125px; background-image:url(images/web_bg.jpg); margin-right:20px; margin-top:20px; padding-left:10px; padding-top:10px; 
font-family:"century gothic", futura, helvetica, Arial, sans-serif; font-size:2.7em; color:#82c321;}
.service1 a {font-family:"century gothic", futura, helvetica, Arial, sans-serif; font-size:1em; color:#82c321; text-decoration:none;}
.service2 {
float:left; width:220px; height:125px; background-image:url(images/design_bg.jpg); margin-right:20px; margin-top:20px; padding-left:10px; padding-top:10px; 
font-family:"century gothic", futura, helvetica, Arial, sans-serif; font-size:2.7em; color:#7589c6;}
.service2 a {font-family:"century gothic", futura, helvetica, Arial, sans-serif; font-size:1em; color:#7589c6; text-decoration:none;}
.service3 {float:left; width:220px; height:125px; background-image:url(images/print_bg.jpg); margin-right:20px; margin-top:20px; padding-left:10px; padding-top:10px; 
font-family:"century gothic", futura, helvetica, Arial, sans-serif; font-size:2.7em; color:#b01e63;}
.service3 a {font-family:"century gothic", futura, helvetica, Arial, sans-serif; font-size:1em; color:#b01e63; text-decoration:none;}

.bottomservice {height:37px; width:343px; border:#eeeeee solid 1px; float:left; margin-top:20px; margin-right:20px; padding-left:10px; padding-top:20px;}
.bottomservice a{font-size:1.8em; font-family:"century gothic", futura, helvetica, Arial, sans-serif; color:#999999; text-decoration:none;}

img.bsarrow {float:right; padding-right:20px;}

.maincontent {border:#eeeeee solid 1px; float:left; width:700px; padding:10px 10px 10px 20px; margin:20px 0 20px 0;}

.maincontent2 {border:#eeeeee solid 1px; float:left; width:910px; padding:10px 20px 10px 20px; margin:20px 0 20px 0; background-color:#FFFFFF;}
.maincontent2 h2 {font-family:"century gothic", futura, helvetica, Arial, sans-serif; font-size:2.7em; padding-bottom:10px; color:#263c8f;}

.maincontent h4 {
font-family:Helvetica, Arial, sans-serif;
font-size:1.4em;
line-height:1.5em;
color:#263c8f;
font-style:italic;
}

.maincontent p {
font-family:Helvetica, Arial, sans-serif;
font-size:1.4em;
line-height:1.5em;
color:#666666;
}
.maincontent li {font-family:Helvetica, Arial, sans-serif; font-size:1.4em; line-height:1.5em; color:#666666;}
ul.bstart {list-style: inside square;}
.maincontent h2 {font-family:"century gothic", futura, helvetica, Arial, sans-serif; font-size:2.7em; padding-bottom:10px;}
.maincontent h3 {font-family:"century gothic", futura, helvetica, Arial, sans-serif; font-size:1.5em; color:#263c8f; padding:20px 0 10px 0;}
.stitle1 {color:#82c321;}
.stitle2 {color:#7589c6;}
.stitle3 {color:#b01e63;}
.stitlenorm {color:#263c8f;}
.maincontent a {color:#263c8f; text-decoration:none;}

.sideaction {margin-top:10px;width:158px; height:24px; background-image:url(images/sideaction.jpg); padding-left:10px; padding-top:11px;}
.sideaction a {font-family:"century gothic", futura, helvetica, Arial, sans-serif; font-size:1.5em; color:#263c8f; text-decoration:none;}


li.downloadicon a {width:50px; height:60px; padding-left:10px; padding-top:10px; padding-right:10px; float:left;}
li.download a {margin-top:17px; margin-bottom:18px; width:597px; height:23px; border:1px #eeeeee solid; padding-left:20px; padding-top:10px; float:left;}
li.download a:hover {background-color:#eeeeee;}

.thumbnail {
background-color:#eeeeee;
border:1px solid #cccccc;
float:left;
margin-bottom:10px;
margin-right:10px;
padding:5px;
width:auto;
}

#advert {position:relative; float:right; padding-right:35px; padding-top:0px;}



/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


#footbegin {height:70px; background-image:url(images/bg_footer_light.jpg); background-repeat:repeat-x; padding-top:20px;}

#footbegin ul {
margin:0;
padding:0;
list-style:none;
}
#footbegin li {
float:left;
margin:0;
margin-left:15px;
padding:0;
background-image:url(images/bg_footbeginli.jpg); background-repeat:no-repeat;
width:187px; height:46px; 
font-family: Helvetica, Arial, sans-serif; color:#666666; font-size:1.2em;
}
#footbegin li a {display:block; font-family:"century gothic", futura, helvetica, Arial, sans-serif; text-decoration:none; color:#263c8f; font-size:1.2em; padding-top:7px; height:18px; padding-left:5px;}
#footbegin li a:hover {background-image:url(images/bg_footbeginli_hover.jpg);}
#footbegin li.icon {padding:0; margin:0; width:47px; height:47px;}


#footmiddle {height:149px; background-image:url(images/bg_footer_blue.jpg); background-repeat:repeat-x;}
#footmidcol1 {width:56px; height:55px; float: left;margin-top:23px;}
#footmidcol2 {float:left; width:454px; padding-left:20px; padding-top:23px;}
#footmidcol2 p {font-size:1.2em; font-family: Helvetica, Arial, sans-serif; color:#fff; line-height:1.2em;}
#footmidcol3 {float:right; width:197px; height:86px; background-image:url(http://www.sdmproductionsuk.co.uk/images/maptimes.jpg);margin-top:23px; padding-left:122px; padding-top:10px;}
#footmidcol3 a {color:#fff; text-decoration:none; border: 1px solid #5c699f; padding:5px 62px 2px 62px;}
#footmidcol3 a:hover {background-color:#5c699f;}
#footmidcol3 h4 {font-family: Helvetica, Arial, sans-serif; font-size:1.4em; color:#fff;}
#footmidcol3 p {font-family: Helvetica, Arial, sans-serif; font-size:1.2em; color:#fff; padding-top:5px; line-height:1.2em;}
#footmidcol3 p.maplink	{position:relative; margin-top:5px;}

#footend {height:40px; background-image:url(images/bg_footer_dark.jpg);  padding-top:5px;}
#footend a {color:#fff; font-family: Helvetica, Arial, sans-serif;}
#footend p {color:#fff; font-family: Helvetica, Arial, sans-serif; font-size:0.9em; line-height:1em; padding-top:3px;}

.clear {clear:both;}


#footmidcol3 a.fright	{float:right; border:0; padding:0; padding-top:10px;}
#footmidcol3 a.fleft	{float:left; border:0; padding:0; padding-top:10px;}
#footmidcol3 a:hover.fright	{background-color:#fff; }
#footmidcol3 a:hover.fleft	{background-color:#fff; }


/*LIGHTBOX-------------*/

.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	
}
 
.white_content {
	display: none;
	position: fixed;
	top: 100px;
	left: 20%;
	width: 640px;
	height: auto;
	padding: 16px;
	border: 20px solid #333333;
	background-color: white;
	z-index:1002;
	overflow: auto;
}