@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);

body {
	margin: 0px;
	padding: 0px;
	font-size: 80%;
	font-family: 'open sans', sans-serif;
	color: #000000;
	background-color: #0080b2;
}

header {
        height:  320px;
        background-color: #ffffff;
}

#outer_header {
                  background-color:#ffffff;
		  background-image: url(https://justsocialmedia.co.uk/look/site_top.png);
		  background-repeat: repeat-x;
		  background-position: top;
                  height:  320px;
}

#inner_header {
width: 300px;
margin: 0px auto;
position: relative;
height:  320px;
}

#socials {
	position: absolute;
	top: 16px;
	right: 37px;
}

#socials a {
	display: block;
	float: left;
	margin: 0px 6px;
	width: 33px;
	height: 33px;
}

#logo {
          position: absolute;
	  top: 100px;
	  left: 0px;
          width: 170px;
	  height: auto;
}

#top_lady {
          position: absolute;
	  bottom: 0px;
	  right: 0px;
          width: 245px;
          height: 207px;
}

#strapline {
        display: none;
}

#phone {
	position: absolute;
	top: 50px;
	right: 0px;
	font-size: 240%;
        width: 300px;
        text-align: center;
}

#phone span {
	display: none;
}

#socials {}

#top_navigation {
	position: relative;
        background-color: #0091c9;
        height: 60px;
        background-image: url(https://justsocialmedia.co.uk/look/nav_back.png);
}

#inner_navigation {
	position: relative;
        display: table;
        width: 300px;
        margin: 0px auto;
}

#menu_show { 
display: table;
width: 300px;
}

#menu_show a:link, #menu_show a:visited {
	display:table;
	width: 150px;
	height: 36px;
	font-size: 150%;
        border: 1px solid #ffffff;
	padding: 4px 10px 0px 10px;
	color: #ffffff;
	margin: 9px auto;
	text-align: center;
	text-decoration: none;
}

#menu_show a:hover {
	background-color: #0080b2;
	color: #edeeee;
}

#actual_menu {
position: absolute;
z-index: 2000;
display: none;
}

#actual_menu ul {
	margin: 0px;
	padding: 0px;
	-webkit-border-top-left-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-bottomright: 7px;
border-top-left-radius: 7px;
border-bottom-right-radius: 7px;
}

#actual_menu li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#actual_menu  a:link, #actual_menu  a:visited {
	display: block;
        width: 300px;
	height: 34px;
	font-size: 140%;
	padding: 17px 0px 0px 0px;
        background-color: #008dc4;
	color: #ffffff;
	margin: 0px;
	text-align: center;
	text-decoration: none;
}

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

#top_image_block {
       position: relative;
       height: 150px;
}

#top_image {
       position: absolute;
       right: 0px;
       top: 0px;
       z-index: 10;
       width: 100%;
       height: 150px;
       overflow: hidden;
}

#top_image img {
       position: absolute;
       height: 150px;
       width: auto;
       right: 0px;
       top: 0px;
}

#outer_image_text {
      display: none;
 }

#top_image_text {
       position: absolute;
       left: 0px;
       top: 20px;
       z-index: 10;
       width: 40%;
       font-size: 130%;
       line-height: 170%;
}

#outer_mainpage {
 background-color:#ffffff;
}

#inner_mainpage {
width: 300px;
margin: 0px auto;
position: relative;
padding-top: 20px;
}

#text-container {
          color: #3a3939;
          font-size: 120%;
          line-height: 170%;
          float: left;
          width: 300px;
}

#side-image {
         display: none;
}

#side-image img {
display: block;
margin-top: 200px;
}

.swash {
height: 240px;
padding: 20px;
margin-bottom: 20px;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;
position: relative;
overflow: hidden;
}

#swash1 {
	background-color: #c3c3c3;
}

#swash2 {
	background-color: #636363;
}

#swash3 {
	background-color: #222222;
}

#swash1 .swash_image, #swash3 .swash_image  {
height: 240px;
z-index: 100;
position: absolute;
top: 0px;
right: 0px;
}

#swash1 .swash_text, #swash3 .swash_text  {
height: 200px;
padding: 20px;
z-index: 200;
width: 600px;
position: absolute;
top: 0px;
left: 0px;
}

#swash2 .swash_image {
height: 240px;
z-index: 100;
position: absolute;
top: 0px;
left: 0px;
}

#swash2 .swash_text {
height: 200px;
padding: 20px;
z-index: 200;
width: 600px;
position: absolute;
top: 0px;
right: 0px;
}

#swash3 .swash_text  {
height: 200px;
padding: 20px;
z-index: 200;
width: 700px;
position: absolute;
top: 0px;
left: 0px;
}

.swash h3 {
	color: #ffffff;
}

.swash p {
	color: #ffffff;
	font-size: 110%;
}

#swash1 p {
	color: #000000;
	font-size: 110%;
}

#right_column {
float: right;
width: 200px;
text-align: right;
}

#left_column {
float: left;
width: 760px;
font-size: 120%;
}

#footer {
width: 300px;
margin: 0px auto;
font-size: 80%;
height: 50px;
padding-top: 10px;
color: #ffffff;
}

#footer a {
color: #ffffff;
}

#footer_left {
text-align: center;
padding-bottom: 10px;
}

#footer_right {
text-align: center;
padding-bottom: 10px;
}

a img {
border: 0px;
}

.undercol {
	clear: both;
}

h1 {
	font-size: 160%;
	color: #000000;
	margin: 0px 0px 10px 0px;
        font-weight: normal;
}

h2 {
	font-size: 150%;
	color: #000000;
	margin: 0px 0px 10px 0px;
        font-weight: normal;
}

h3 {
	font-size: 140%;
	color: #000000;
	margin: 0px 0px 10px 0px;
        font-weight: normal;
}

h4 {
	font-size: 130%;
	color: #000000;
	margin: 0px 0px 10px 0px;
        font-weight: normal;
}

h5 {
	font-size: 120%;
	color: #000000;
	margin: 0px 0px 10px 0px;
        font-weight: normal;
}

h6 {
	font-size: 110%;
	color: #000000;
	margin: 0px 0px 10px 0px;
        font-weight: normal;
}

p {
	margin: 0px 0px 10px 0px;
}

a:link, a:visited {
	color: #0080b2;
	text-decoration: underline;
}

a:hover  {
	color: #000000;
	text-decoration: none;
}

.pointers_section {

}

.pointers_section_title {
font-size: 110%;
font-weight: bold;
border-bottom: 1px solid #0080b2;
}

.pointers_section_title a {
text-decoration: none; 
display: block;
}

.pointers_section_title a span {
float: right;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
writing-mode: tb-rl;
}

.pointers_section_text {
display: none;
padding: 20px 0px;
}
/* Stylesheet: justsocialmedia_320 Modified On 2015-08-11 13:19:29 */