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

body {background-color:#000; margin:0 auto; text-align:center;}

p {font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:22px; color:#FFF; margin:0px;}

a {font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; line-height:18px; color:#FFF; margin:0px; text-decoration:none;}
a:hover {text-decoration:underline;}

strong {font-weight:normal;}

h1 {text-indent:-1000em; margin:0px;}

h2 {font-family:"Helvetica", Arial, Helvetica, sans-serif; color:#FFF; font-size:18px; font-weight:lighter; margin:0px;}

h3 { font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:12px; font-weight:lighter; margin:0px;}

ul {display:inline; margin:0px; padding:0px;}

li {display:inline; margin:0px; padding:0px;}

.nav-links {text-indent:-1000em;}

#web-design {position:absolute;}

#wrapper {width:100%; margin-top:0px; margin:0 auto;}

#header-graphic{background-image:url(../img/header.jpg); width:1152px; height:339px; background-position:center; background-repeat:no-repeat; position:relative; margin:0 auto;}

#notoie {
	position:absolute;
	left: 828px;
}


#menu {
	height: 34px;
	width:442px;
	position:absolute;
	left:356px;
	top:261px;
}

#welcome {width:92px; height:34px; float:left; background-image:url(../img/menu/welcome.png); display:inline;}
#welcome:hover {background-position:0 -40px;}

#websites {width:82px; height:34px; float:left; background-image:url(../img/menu/websites.png); display:inline;}
#websites:hover {background-position:0 -40px;}

#logos_vectors {width:131px; height:34px; float:left; background-image:url(../img/menu/logos_vectors.png); display:inline;}
#logos_vectors:hover {background-position:0 -40px;}

#enquiries {width:82px; height:34px; float:left; background-image:url(../img/menu/enquiries.png); display:inline;}
#enquiries:hover {background-position:0 -40px;}

#blog {width:52px; height:34px; float:left; background-image:url(../img/menu/blog.png); display:inline;}
#blog:hover {background-position:0 -40px;}




#content {width:1152px; background-image:url(../img/observe-understand-create.jpg); background-repeat:no-repeat; background-position:top center; margin:0 auto; padding-top:250px; text-align:left;}

#portfolio-content {width:1152px; background-repeat:no-repeat; background-position:top center; margin:0 auto; padding-top:25px;}

#main-copy {float:left; width:526px; height:auto; margin-left:176px; text-align:left; display:inline; margin-bottom:35px;}

#main-testimonial {float:left; width:251px; margin-left:19px; display:inline; text-align:left; height:auto;}

#links {float:left; width:251px; margin-left:19px; display:inline; text-align:left; height:auto; margin-top:30px;}

.portfolio-image {float:left; width:499px; height:328px; margin-left:176px; text-align:left; display:inline; margin-bottom:35px; border-style:solid; border-width:1px; border-color:#333;}

.portfolio-image:hover {border-color:#FFF;}

#portfolio-image-home {float:left; width:499px; height:290px; margin-left:176px; text-align:left; display:inline; background-image:url(../img/portfolio-background.gif); padding-left:29px; padding-top:29px;}


.portfolio-details {float:left; width:251px; margin-left:19px; display:inline; text-align:left; height:auto;}

#homepage {float:left; width:497px; height:17px; margin-left:176px; text-align:left; margin-bottom:15px; margin-top:15px; display:inline; overflow:hidden;}

#footer {float:left; width:802px; margin-left:176px; background-image:url(../img/footer.jpg); height:115px; background-repeat:no-repeat; display:inline; padding-top:10px; text-align:left;}

#blogcontent { float:left; text-align:left; margin-left:176px; width:802px; display:inline; margin-bottom:25px;}

#form {float:left; margin-left:20px; width:400px; margin-bottom:25px;}

#right-col {width:400px; float:left; display:inline; text-align:left; margin-left:176px;}

.logo {margin-left:12px; float:left; display:inline; margin-bottom:5px;}

#vector-holder {float:left; margin-left:176px; width:802px;}

#footer1 {width:50%; float:left; text-align:left;}
#footer2 {width:50%; float:left; text-align:right;}

.blog-image {float:left; margin-right:12px;}

#logo-vectors {float:left; margin-right:60px; width:200px; color:#CCC; display:inline; text-align:left; margin-bottom:20px;}