/*-----------------------------------------------------------------------------
Title:      sixmedia.com master styles for screen media
Author:     Jim Pannell
Updated:    May 2007
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/
/* Remove padding and margin */
* {margin:0;padding:0;}

/* Class for clearing floats */
.clear{clear:both;}

/* Remove border around linked images */
img{border:0;}

/* =Typography
-----------------------------------------------------------------------------*/
body{font:75%/1.5 Helvetica,Arial,sans-serif;text-align:center;color:#454545;background:#eee url('../images/bg.gif') repeat-y 50% 0;}
html>body{font-size:12px;}

/* Added to position footer at the bottom */
html{height:100%;margin-bottom:1px;}
body{height:100%;}
* html #footer{margin:-70px 0 0;}
* html #container{height:100%;}


p{font-size:1em;line-height:1.5em;margin:0 0 1.5em 0; }

a:link{color:#000;text-decoration:none;}
a:visited{color:#666; text-decoration:none;}
a:hover{text-decoration:none;}

h2{font-family:Georgia,"Times New Roman",serif;font-size:1.4em;}
h3{font-family:Helvetica,arial,sans-serif;font-size:1.2em;color:#333333;}
h4{font-family:Helvetica,arial,sans-serif;font-size:1em;color:#666666;}
#container{position:relative;min-height:100%;text-align:left;width:720px;margin:0 auto;background:#fff;border-bottom:1px;}

/* HEADER AND NAVIGATION */
#header{position:relative;background:#fff;margin:0;height:80px;}
#headerLine{display:none;border-bottom:1px solid #7f7f7f}
#header h1{position:absolute;margin:0;padding:0;top:35px;left:0;z-index:3;width:220px;height:45px;background:url(/images/logo-2010.gif) no-repeat;text-indent:-9000px;}
#header h1 a{display:block;height:45px;background:url(/images/logo-2010.gif) no-repeat;text-decoration:none;border-bottom:none;}


/* =Main Nav
-----------------------------------------------------------------------------*/
#navcontainer{position:absolute;top:56px;right:0;width:274px;height:40px;}
#nav{margin:0;padding:0;height:20px;list-style:none;display:inline;overflow:hidden;text-align:right;}
#nav li{margin:0;padding:0;list-style:none;display:inline;}
#nav a{float:left;border-bottom:none;padding:20px 0 0 0;overflow:hidden;height:0px !important;height /**/:20px;/* for IE5/Win only */}
#nav a:hover{background-position:0 -20px;border-bottom:none;}
#nav a:active,#nav a.selected{background-position:0 -40px;}
#thome a{position:absolute;top:0;right:210px;width:56px;background:url(../images/navHome.gif) top left no-repeat;}
#tclients a{position:absolute;top:0;right:146px;width:64px;background:url(../images/navClients.gif) top left no-repeat;}
#tcontact a{position:absolute;top:0;right:76px;width:70px;background:url(../images/navContact.gif) top left no-repeat;}
#tclientarea a{position:absolute;top:0;right:0;width:75px;background:url(../images/navClientarea.gif) top left no-repeat;}


ul#portfolio,ul#portfolio li{display:block;margin:0.65em 0 10px 0;padding:0;height:209px;zoom:1;}
#portfolio a{border:none;text-decoration:none;}

/* PRIMARY COLUMN ELEMENTS */
#primaryColumn{float:left;margin:20px 0;padding:0 20px 10px 0;width:455px;border-right:1px solid #bfbfbf;}
#primaryColumn form p,#primaryColumn form dl dd{margin:0 0 8px 0;padding:0;}
#primaryColumn h2{font-size:1.8em;margin-bottom:0.2em;color:#454545;font-weight:normal;letter-spacing:1px;}
#primaryColumn h3{letter-spacing:1px;}
#primaryColumn p.intro{font-size:2.2em;font-family:Georgia,"Times New Roman",serif;color:#666;margin-bottom:0.5em;line-height:1.3em;}
#primaryColumn p.intro strong{color:#cc0015;font-weight:normal;}
#primaryColumn p.intro em{color:#000;font-style:normal;}
#primaryColumn a:link{border-bottom:1px solid #ccc;}
#primaryColumn a:visited{border-bottom:1px solid #ccc;}
#primaryColumn a:hover{border-bottom:1px solid #cc0015;}
#home #primaryColumn h2{margin:5px 0 20px 0;}

/* List etc */
#primaryColumn ul{margin:1em 0 1.5em 0;padding:0;list-style:none;}
#primaryColumn ul li{padding:0 0 4px 18px;line-height:1.4em;background:url(../images/content-bullet.gif) no-repeat 0 4px;}
#primaryColumn ul.tickList li{padding:0 0 4px 18px;line-height:1.4em;background:url(../images/icon-tick.gif) no-repeat 0 2px;}
#contactform dl{margin:0;padding:0;font-size:90%;}
#contactform dt{color:#333;font-weight:normal !important;}
#contactform dt em,#contactform .note em{color:#cc0015;font-family:"Lucida Grande",Verdana,sans-serif;font-size:130%;font-weight:bold;font-style:normal;}
#contactform #name,#contactform #email,#contactform #url,#contactform #telephone{width:250px;border:1px solid #ccc;padding:2px;font-size:130%;color:#444;}
#contactform textarea{width:400px;height:180px;font-family:inherit;font-size:130%;color:#444;border:1px solid #ccc;}

/* SECONDARY COLUMN ELEMENTS */
#secondaryColumn{float:right;margin:0;padding:20px 0 10px 0;width:220px;}
#secondaryColumn p{font-size:95%;}
#secondaryColumn h3{font-family:Georgia,"Times New Roman",serif;font-size:1.6em;color:#a89c67;font-weight:normal;letter-spacing:1px;margin-bottom:0.65em;border-bottom:1px solid #999;line-height:1.2em;}
#secondaryColumn h3 em{color:#454545;font-style:normal;}

/* Latest projects */
#latestProjects dt{margin:12px 0 0 0;font-weight:normal;}
#latestProjects dd{margin:0;padding:0;font-size:95%;}
#latestProjects dt a{float:left;display:block;margin:0 8px 0 0;padding:2px;border-top:2px solid #a89c67;}
#latestProjects dt a:hover,#latestProjects dt.active a{border-color:#454545;}
#latestProjects dd a{text-decoration:none;color:#a89c67;border-bottom:none;}
#latestProjects dd a:hover{color:#454545;border-bottom:none;}

/* footer */
#footer{clear:both;position:relative;margin:-70px auto 0 auto;clear:both;width:800px;height:70px;background:#444;color:#fff;text-align:left;}
#footer p{margin:0;padding:15px 30px;font-size:95%;}
#footer a{color:#fff;border-bottom:none;}
#footer a:hover{color:#fff;text-decoration:none;border-bottom:1px solid #fff;}