@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:  258px;
        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:  258px;
}

#inner_header {
width: 1200px;
margin: 0px auto;
position: relative;
height:  258px;
}

#socials {
	position: absolute;
	top: 16px;
	right: 0px;
}

#socials a {
	display: block;
	float: left;
	margin-left: 12px;
	width: 33px;
	height: 33px;
}

#logo {
          position: absolute;
	  top: 20px;
	  left: 0px;
          width: 229px;
	  height: auto;
}

#top_lady {
          position: absolute;
	  bottom: 0px;
	  left: 130px;
          width: 285px;
          height: 241px;
}

#phone {
	position: absolute;
	top: 90px;
	right: 0px;
	font-size: 257%;
}

#phone span {
	font-size: 50%;
	color: #0080b2;
	font-weight: 600;
}

#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: 1200px;
        margin: 0px auto;
}

#menu_show { 
display: none;
}

#menu_show a:link, #menu_show a:visited {
	display: block;
	width: 150px;
	height: 26px;
	font-size: 130%;
	padding: 4px 10px 2px 10px;
	background-color: #edeeee;
	color: #0080b2;
	margin: 0px 5px 0px 5px;
	text-align: center;
	text-decoration: none;
	-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;
}

#menu_show a:hover {
	background-color: #0080b2;
	color: #edeeee;
}

#actual_menu {
z-index: 2000;
}

#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;
overflow: hidden;
}

#actual_menu  li {
	margin: 0px;
	padding: 0px;
	list-style: none;
        float: left;
}

#actual_menu  a:link, #actual_menu  a:visited {
	display: block;
	height: 34px;
	font-size: 140%;
	padding: 17px 20px 0px 20px;
	color: #ffffff;
	margin: 0px;
	text-align: center;
	text-decoration: none;
}

#actual_menu a#home:link {
      padding-left: 0px;
}

#actual_menu  a:hover {
	color: #ffffff;
        text-decoration: underline;
}

#strapline {
        position: absolute;
        top: 170px;
        right: 0px;
        color: #0080b2;
        font-size: 270%;
}

#top_image_block {
       position: relative;
       height: 500px;
}

#top_image {
       position: absolute;
       right: 0px;
       top: 0px;
       z-index: 10;
       width: 100%;
       height: 500px;
       overflow: hidden;
}

#top_image img {
       position: absolute;
       right: 0px;
       top: 0px;
}

#top_image_text {
       position: absolute;
       left: 5%;
       top: 40px;
       z-index: 10;
       width: 30%;
       font-size: 220%;
       line-height: 200%;
}

#outer_mainpage {
 background-color:#ffffff;
}

#inner_mainpage {
width: 1200px;
margin: 0px auto;
position: relative;
padding-top: 20px;
}

#text-container {
          color: #3a3939;
          font-size: 130%;
          line-height: 170%;
          float: left;
          width: 900px;
}

#side-image {
         float: right;
         width: 293px;
}

.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: 300px;
text-align: right;
}

#left_column {
float: left;
width: 886px;
font-size: 120%;
}

#footer {
width: 1200px;
margin: 0px auto;
font-size: 80%;
height: 50px;
padding-top: 10px;
color: #ffffff;
}

#footer a {
color: #ffffff;
}

#footer_left {
	float: left;
}

#footer_right {
	float: right;
}

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_1400 Modified On 2015-08-11 13:18:33 */
