@charset "utf-8";
/* CSS Document */

body {
   margin:0px; 
   padding:0px;
   background-color: #eaeaea;
}

/* Fonts */

p {
   font-family: arial;
   font-size: 13px;
   color: #333;
}
h1 {
   font-family: arial;
   font-size: 30px;
   color: #249FDA;
   margin-bottom: 5px;
   margin-top: 0px;
}
h2 {
   font-family: arial;
   font-size: 18px;
   color: #249FDA;
   margin-top: 0px;
}
h3 {
   font-family: arial;
   font-size: 14px;
   color: #249FDA;
   margin-top: 0px;
}
h6 {
   font-family: arial;
   font-size: 18px;
   color: #ffffff;
   margin-top: 0px;
   margin-bottom: 5px;
} 
.style1 {
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #5a5b5f;
}
.style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	color: #5a5b5f;
}
.style3 {color: #249FDA}

/* Links */

a:link {
	color: #249FDA;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #666666;
}
a:active {
	text-decoration: none;
}

/* Layout */

#wrap {
   padding: 10px;
   width: 916px;
   margin: 0 auto;
   margin-top: 10px;
   background-image: url(../img/square-background.png);
}
#logo h1, #logo small {
	margin:0px;
	display:block;
	text-indent:-9999px;
}
#logo {
   float: left;
   background-image: url(../img/Project-Thirteen-Logo.png);
   background-repeat:no-repeat;
   width: 398px;
   height:90px;
}
#contact {
   float: right;
   text-align: right;
   margin-top: 12px;
}
#contact a:link {color: #5a5b5f;}
#contact a:visited { color: #5a5b5f;}
#contact a:hover {color: #5a5b5f;}
#contact a:active { color: #5a5b5f;}
#nav {
   float: left;
   width: 100%;
   height: 25px;
   margin-top: 15px;
   background-color: #249FDA;
}
#nav2 {
   float: left;
   width: 100%;
   height: 20px;
}
#signpost {
   float: left;
   width: 320px;
   height: 290px;
   margin-bottom: 10px;
   background-image: url(../img/signpost-background.jpg);
}
#mainimg {
   float: left;
   width: 595px;
   height: 290px;
   margin-bottom: 10px;
   background-image: url(../img/webdesign-main-image1.png);
}
#slideshow {
    position:relative;
    height:290px;
}

#slideshow IMG {
    position:absolute;
	top: 0px;
    left: 0px;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}
#maincontent {
   float: left;
   height: auto;
   width: 600px;
   background-color:;
}
#maincontent a:link {color: #199ABA;}
#maincontent a:visited { color: #199ABA;}
#maincontent a:hover {color: #199ABA;}
#maincontent a:active { color: #199ABA;}
#welcome {
   float: left;
   width: 600px;
   height: auto;
   background-color: #FFFFFF;
}
#boxed_webdesign {
   float: left;
   width: 293px;
   height: 115px;
   margin-top: 5px;
   background-color: #ffffff;
   border: 1px;
   border-bottom: 1px;
   border-bottom-color:#666666;
   border-bottom-style: dotted;
   border-right: 1px;
   border-right-color:#666666;
   border-right-style: dotted;
}
#boxed_graphicdesign {
   float: left;
   width: 293px;
   height: 115px;
   margin-top: 5px;
   background-color: #ffffff;
   padding-left: 5px;
   border: 1px;
   border-bottom: 1px;
   border-bottom-color:#666666;
   border-bottom-style: dotted;
}
#boxed_seo {
   float: left;
   width: 293px;
   height: 105px;
   background-color: #ffffff;
   border: 1px;
   border-right: 1px;
   border-right-color:#666666;
   border-right-style: dotted;
}
#boxed_online_marketing {
   float: left;
   width: 293px;
   height: 100px;
   padding-left: 5px;
   background-color: #ffffff;
}
#content2 {
   float: left;
   width: 600px;
   height: auto;
   background-color: #FFFFFF;
}
#sidebar {
   float: left;
   margin-left: 5px;
   width: 311px;
   height: 680px;
}
#contact_details {
   float: left;
   width: 299px;
   height: auto;
   padding:5px;
   background-color: #249FDA;
}
#contact_details a:link {color: #FFFFFF;}
#contact_details a:visited { color: #FFFFFF;}
#contact_details a:hover {color: #FFFFFF;}
#contact_details a:active { color: #FFFFFF;}
#contact_details h2 {
   color: #FFFFFF;
}
#newsletter-header {
   float: left;
   width: 303px;
   padding: 3px;
   margin-top: 5px;
   background-color: #249FDA;
   text-indent: 10px;
   color: #FFFFFF;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   border: 1px;
   border-color:#666666;
   border-style: solid;
}
#newsletter {
   float: left;
   width: 303px;
   height: auto;
   padding: 3px;
   border: 1px;
   border-left: 1px;
   border-bottom: 1px;
   border-right: 1px;
   border-left-color: #666666;
   border-bottom-color: #666666;
   border-right-color: #666666;
   border-left-style: solid;
   border-bottom-style: solid;
   border-right-style: solid;
}
#clients-header {
   float: left;
   width: 303px;
   padding: 3px;
   margin-top: 15px;
   background-color: #249FDA;
   text-indent: 10px;
   color: #FFFFFF;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   border: 1px;
   border-color:#666666;
   border-style: solid;
}
#clients {
   float: left;
   width: 303px;
   height: auto;
   padding: 3px;
   border: 1px;
   border-left: 1px;
   border-bottom: 1px;
   border-right: 1px;
   border-left-color: #666666;
   border-bottom-color: #666666;
   border-right-color: #666666;
   border-left-style: solid;
   border-bottom-style: solid;
   border-right-style: solid;
}
#twitter {
   float: right;
   height: auto;
   width: 311px;
}
#footer_wrap {
   padding: 10px;
   width: 916px;
   height: 220px;
   margin: 0 auto;
   background-image: url(../img/footer-background.png);
   margin-bottom: 10px;
}
#footer_1 {
   float: left;
   width: 322px;
   height: 200px;
}
#footer_2 {
   float: left;
   width: 212px;
   height: 200px;
   margin-left: 70px;
}
#footer_3 {
   float: left;
   width: 290px;
   height: 200px;
   margin-left: 20px;
   background-color: #ffffff;
}
#copyright {
   float: left;
   width: 915px;
   color: #FFFFFF;
   font-size: 12px;
   margin-top: 7px;
   font-family: Arial, Helvetica, sans-serif;
}
#footer_wrap a:link {color: #199ABA;}
#footer_wrap a:visited { color: #199ABA;}
#footer_wrap a:hover {color: #199ABA;}
#footer_wrap a:active { color: #199ABA;}

/* Slider */