@charset "UTF-8";
*                                       { margin: 0; padding: 0; }
body { height:100%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:0; background-color:#000000; background: #f0f0f0 url(../images/bg.jpg) repeat-x; line-height:18px;

 }

img { border:0; }

a { text-decoration:none; color:#666666; }

#container { width: 1000px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
 
#client_login {	margin: 0px; padding: 3px 50px 3px 3px; background-image:url(../images/login_bg.jpg); height: 18px; width: 947px; text-align:right; text-transform:uppercase; }
#client_login a { color:#FFFFFF; text-decoration:none; }
#client_login a:hover { color:#CCCCCC; }


#header {	margin: 0px; padding: 0px; height: 414px; width: 1000px; background-image:url(../images/gallery_bg.jpg); }

h1 { margin:36px 0 0 40px; height:44px; background-repeat:no-repeat; text-indent:-9999px; }
.branding { background-image:url(../images/title_branding.jpg); }
.web { background-image:url(../images/title_web.jpg); }
.print { background-image:url(../images/title_print.jpg); }
.cms { background-image:url(../images/title_cms.jpg); }
.contact { background-image:url(../images/title_contact.jpg); }
.thankyou { background-image:url(../images/title_thankyou.jpg); }


h2 { font-size:17px; }
#client-link h2 { font-style:italic; padding-bottom:7px; }
#client-link p { font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing:-1px; }


/*----------	Navigation	----------*/


#nav { padding-top:30px; }
#nav ul { padding:0; list-style-type: none; }
#nav ul li { display: inline; line-height:21px; text-indent:-9999px; }
#nav ul li a { margin-top:14px; display: block; width: 297px; }
#nav ul li a:hover { background-position: -297px 0 !important; }
#nav ul li#home a { background: url(../images/home_btn.jpg) no-repeat; }
#nav ul li#branding a { background: url(../images/branding_btn.jpg) no-repeat; }
#nav ul li#web a { background: url(../images/webdesign_btn.jpg) no-repeat; }
#nav ul li#print a { background: url(../images/print_btn.jpg) no-repeat; }
#nav ul li#cms a { background: url(../images/cms_btn.jpg) no-repeat; }
#nav ul li#contact a { background: url(../images/contact_btn.jpg) no-repeat; }


#navigation { float: left; width: 297px; padding-top:46px; }



#gallery { float: left;	width: 703px; margin-top:49px; }

#gallery .head {  font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:19px; color:#ffffff; line-height:24px; }

#gallery p { margin:10px 30px 0 43px; color:#FFFFFF;  }

#gallery img { float:right; padding-left:20px; border:0; }

#gallery a { color:#999999; }
#gallery a:hover { color:#FFFFFF; }


#quote { width:960px; height:98px; padding:26px 20px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:19px; color:#999999; line-height:24px; text-align:center; }
#quote a { color:#666666; }

.darken { color:#666666; }

#main {width:1000px; background-color:#f0f0f0; margin-top:20px; padding: 0 20px;}

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

#bottom .block { float: left; display: inline; width: 285px;  clear: none; margin: 0 0 0 15px; padding: 0 10px;}

/* Blocks
-------------------------------------------------------------- */

.block {clear: both; margin-bottom: 40px;}
.block h2 {margin: 0 0 8px 0;padding: 6px 0 0 0; font-weight: normal; font-size: 20px;font-size:17px; color:#666666;  }
.block h2 a:visited {font-weight:  normal; }
.block .icon {background: url(../images/sprites.png) no-repeat 0 0; display: block; float: left; width: 50px; height: 50px; text-indent: -9999px; margin: 0 10px 0 0;}
.clientwork .icon {background-position: -82px 0;}
.ourservices .icon {background-position: -75px -108px;}
.getintouch .icon {background-position: -75px -218px;}
.designdev .icon {background-position: 0px 0px;}
.codingopt .icon {background-position: 0px -105px;}
.promomarkt .icon {background-position: -0px -218px;}

/* Main Bottom Section
-------------------------------------------------------------- */


#main-left { float: left; width: 277px; text-align:right; }

#main-right { float: left;	width: 643px; text-align:left; margin-left:40px;   }
#main-right td { font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing:-1px; }

.firstCol { width:303px; height:180px; float:left; margin-right:30px; }
.secCol { width:303px; height:180px; float:left; margin-right:0px; }

/* Logo Gallery
-------------------------------------------------------------- */

#logo-canvas { width:631px; height:230px; background-image:url(../images/logo_canvas.gif); text-align:center; margin-bottom:20px; }
#logo-catalyst { width:631px; height:230px; background:url(../images/logo_catalyst1.gif) no-repeat; background-position:center; }
#logo-webbunker { width:631px; height:230px; background:url(../images/logo_webbunker1.gif) no-repeat; background-position:center; }
#logo-loanco { width:631px; height:230px; background:url(../images/logo_loanco1.gif) no-repeat; background-position:center; }
#logo-mychef { width:631px; height:230px; background:url(../images/logo_mychef1.gif) no-repeat; background-position:center; }
#logo-apws { width:631px; height:230px; background:url(../images/logo_apws1.gif) no-repeat; background-position:center; }
#logo-cakes { width:631px; height:230px; background:url(../images/logo_cakes.jpg) no-repeat; background-position:center; }
#logo-bathrooms { width:631px; height:230px; background:url(../images/logo_adlbathrooms.jpg) no-repeat; background-position:center; }
#logo-pmf { width:631px; height:230px; background:url(../images/logo_pmf.jpg) no-repeat; background-position:center; }
#logo-ana { width:631px; height:230px; background:url(../images/logo_aussienoagent.gif) no-repeat; background-position:center; }
#logo-sca { width:631px; height:230px; background:url(../images/logo_sca.gif) no-repeat; background-position:center; }
#logo-united { width:631px; height:230px; background:url(../images/logo_united_precast.jpg) no-repeat; background-position:center; }
#logo-towing { width:631px; height:230px; background:url(../images/logo_towing.jpg) no-repeat; background-position:center; }

#web-canvas { width:631px; height:230px; background-image:url(../images/logo_canvas.gif); text-align:center;  }


#client-link { width:621px; text-align:left; padding:5px; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; }
#client-link a { color:#666666; }
#client-link a:hover { color:#000000; }

#client-link input#textfield { background:url(../images/input_bg_short.gif) no-repeat; width:260px;
 line-height:29px;
//      height:29px;  // ie fix;
 border:0; font-size:12px; padding:0 5px; }
#client-link input#submit { background:url(../images/submit_quote.gif) no-repeat; width:139px; line-height:34px; border:0; }

#client-link textarea { background:url(../images/input_bg_text.gif) no-repeat; width:260px; height:137px; border:0; font-size:12px; padding:0 5px; }

.details { font-size:26px;  font-weight:bold; line-height:28px; }

#foot { width:1000px; margin:0; float:left;

//      margin-left:0px;  // ie fix; }
		
#footer { margin-left:43px; margin-top:10px; background:url(../images/footer_bg.gif) no-repeat; padding:10px 0 30px 320px; }
#footer input#textfield { background:url(../images/input_bg_home.gif) no-repeat; border:0; width:348px; height:29px; margin:4px 0; font-size:12px; padding:0 5px; }
#footer input#button { background:url(../images/go.gif) no-repeat; border:0; width:51px; height:51px; margin-left:40px; }

#footer-letstalk { margin-left:3px; margin-top:10px; background:url(../images/footer_small_bg.gif) no-repeat; padding:10px 0 30px 180px; }
#footer-letstalk input#textfield { background:url(../images/input_bg_letstalk.gif) no-repeat; border:0; width:233px; height:30px; margin:4px 0; font-size:12px; padding:0 5px; }
#footer-letstalk input#button { background:url(../images/go.gif) no-repeat; border:0; width:51px; height:51px; margin-left:30px; }

#copyright { margin-left:52px; margin-right:60px; text-align:center; font-size:10px; color:#999999; padding:10px 0; }
#copyright a { color:#999999; }
#copyright a:hover { text-decoration:underline; }
#nolink_black a { color: #000000; text-decoration:none; }