@charset "utf-8";
body {
	background-image: url(images/bgblue.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left:0;
	margin-top:0;
	margin-bottom:0;
	margin-right:0;
	background-color:#00121A;
	
}

html {
max-height:100%;
margin-bottom:1px;
overflow:hidden;
}

.links {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
}

img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}


/*---------------------top------------------------*/

#topholder {
width:900px;
height:145px;
float:left;
position:fixed;
z-index:2;
}


#logo{
width:280px;
height:131px;
float:left;
}

#navtop {
width:618px;
height:145px;
float:left;
}

#navigation {
font-family:Arial, Helvetica, sans-serif;
font-size:34px;
font-style:normal;
color:#005875;
font-weight:normal;
letter-spacing:3px;
word-spacing:-4px;
padding-top:55px;
padding-left:4px;
padding-bottom:10px;
text-decoration:none;
line-height:30px;
}

#navigation_work {
font-family:Arial, Helvetica, sans-serif;
font-size:34px;
font-style:normal;
color:#005875;
font-weight:normal;
letter-spacing:3px;
word-spacing:-4px;
padding-top:55px;
padding-left:4px;
padding-bottom:10px;
text-decoration:none;
line-height:30px;
}

.navigation_work2 {
font-family:Arial, Helvetica, sans-serif;
font-size:19px;
font-style:normal;
color:#005875;
font-weight:normal;
letter-spacing:2px;
word-spacing:-4px;
padding-left:1px;
text-decoration:none;
line-height:26px;
}

.navigation_work2_live {
font-family:Arial, Helvetica, sans-serif;
font-size:19px;
font-style:normal;
color:#49A3CD;
font-weight:normal;
letter-spacing:2px;
word-spacing:-4px;
padding-left:1px;
text-decoration:none;
line-height:26px;
}

a {
font-family:Arial, Helvetica, sans-serif;
font-size:34px;
font-style:normal;
color:#005875;
font-weight:normal;
letter-spacing:3px;
word-spacing:-4px;
text-decoration:none;
line-height:30px;
}

a:hover {
color: #49A3CD;
}

.menulive {
color: #49A3CD;
}


/*---------------------midle------------------------*/

#midleholder {
width:900px;
height:300px;
float:left;
position:absolute; top:30%;
z-index:6;
}

#midlenext {
width:900px;
height:22px;
float:left;
position:absolute; top:30%;
z-index:100;
text-align:right;
}

#midleholder2 {
width:900px;
height:280px;
float:left;
position:absolute; top:30%;
z-index:6;
}

#midleholder3 {
width:900px;
height:396px;
float:left;
position:absolute; top:30%;
z-index:6;
}

#midright {
width:624px;
height:280px;
float:left;
padding-top:5px;
}

#midone {
width:261px;
height:280px;
float:left;
}

#midtwo {
width:158px;
height:280px;
float:left;
}

#midspace {
width:47px;
height:280px;
float:left;
border-left:thin;
border-left-color:#00789F;
background:url(images/bluedot.gif);
background-position:left;
background-repeat:repeat-y;
}

#midthree {
width:430px;
height:280px;
float:left;
padding-top:5px;
}

#midcontact {
width:430px;
height:280px;
float:left;
padding-top:5px;
background:url(images/buildingflat.png);
background-position:right bottom;
background-repeat:no-repeat;
}


#midwork {
width:635px;
height:280px;
float:left;
padding-top:0px;
}

#midcontent {
width:615px;
height:280px;
float:left;
padding-top:0px;
margin-left:20px;
}




/*---------------------bottom------------------------*/


#bottomholder {
width:100%;
height:250px;
float:left;
position:absolute; bottom: 0;
z-index:10;
}

#bottomholder2 {
overflow:visible;
visibility:visible;
width:100%;
height:170px;
float:left;
position:absolute; bottom: 0;
z-index:10;
}


/*---------------------bottom nav------------------------*/

#botnav {
width:900px;
height:30px;
padding-left:0;
float:left;
z-index:4
position:absolute; top:50%;
}

#botnavtext {
font-family:Arial, Helvetica, sans-serif;
font-size:19px;
color:#005875;
font-weight:normal;
}


/*---------------------text------------------------*/

#workheader {
width:500px;
height:55px;
float:left;
padding:0;
margin:0;
}
#workheader2 {
width:100px;
height:55px;
float:left;
padding:0;
margin:0;
}

p {
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:11px;
font-weight:normal;
letter-spacing:1px;
line-height:14px;
padding-left:8px;
}

.bodycopywork {
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:11px;
font-weight:normal;
letter-spacing:1px;
line-height:14px;
padding-left:px;
}

#worktop {
width:590px;
float:left;
padding-left:8px;
padding-bottom:10px;
}

.bodycopy1 {
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:11px;
font-weight:normal;
letter-spacing:1px;
line-height:14px;
padding-left:8px;
}

.linxmain {
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:11px;
font-weight:normal;
letter-spacing:1px;
line-height:14px;
text-decoration:underline;
}

h1#home {
padding-top:42px;
height:0px;
overflow:hidden;
background-image:url(images/heading.png);
background-repeat:no-repeat;
}

h1#who {
padding-top:42px;
height:0px;
overflow:hidden;
background-image:url(images/who_we_are.png);
background-repeat:no-repeat;
}

h1#what {
padding-top:42px;
height:0px;
overflow:hidden;
background-image:url(images/what_we_do.png);
background-repeat:no-repeat;
}

h1#contact {
padding-top:42px;
height:0px;
overflow:hidden;
background-image:url(images/contact.png);
background-repeat:no-repeat;
}

h1#how {
padding-top:42px;
height:0px;
overflow:hidden;
background-image:url(images/how.png);
background-repeat:no-repeat;
}

h1#creative {
padding-top:42px;
height:0px;
overflow:hidden;
background-image:url(images/creative.png);
background-repeat:no-repeat;
}

h1#media {
padding-top:42px;
height:0px;
overflow:hidden;
background-image:url(images/media.png);
background-repeat:no-repeat;
}

h1#seo {
padding-top:42px;
height:0px;
overflow:hidden;
background-image:url(images/seo.png);
background-repeat:no-repeat;
}

h1#hosting {
padding-top:42px;
height:0px;
overflow:hidden;
background-image:url(images/hosting.png);
background-repeat:no-repeat;
}

h1#dev {
padding-top:42px;
height:0px;
overflow:hidden;
background-image:url(images/dev.png);
background-repeat:no-repeat;
}

h1#home2 {
font-family:Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size:27px;
font-weight:normal;
letter-spacing:1px;
display:inline;
float:left;
}