/* global */
*{margin:0;padding:0;}

body{position:relative;font-family:Arial;font-size:14px;color:#fff;background:#303130;}

.clear{clear:both;}
.hide{position:absolute;top:-300000px;left:-300000px;}

h1{}
h2{font-size:22px;color:#f55523;font-weight:normal;}
h3{color:#f55523;font-size:16px;margin-top:20px;}

a, a:link{color:#f65327;}
a:visited, a:hover{color:#999;}
a:hover{background:#ddd;color:#333;}

a[href^="http://"], a[href^="http://"]:link, a[href^="http://"]:visited{padding-right:13px;background-attachment:scroll;background:right bottom no-repeat url(../images/external.gif);}
a[href^="http://"]:hover{background:#ddd;color:#333;}

strong{color:#f55523;}

address{font-style:normal;margin-left:25px;}

#header a[href^="http://"], a[href^="http://www.soulidentity.com"]
{background-image:none;padding-right:0;}

ul{margin:10px 0 15px 15px;}
ul li{position:relative;list-style:none;padding-left:7px;background:0px 5px no-repeat url(../images/bg_listItem.gif);}

ul.itemized{margin:10px 0 0 0;padding:0;}
ul.itemized li{display:block;padding:3px 3px 3px 0;background-image:none;margin:3px;width:350px;clear:both;color:#fff;}
ul.itemized li span{display:block;float:left;width:75px;text-align:center;margin-right:10px;background:#686767;}

input.inputText, textarea{margin-bottom:10px;margin-right:5px;padding:3px;width:200px;height:20px;border:solid 2px #7d7c7c;border-top:solid 6px #7d7c7c;}
input.inputText:hover, input.inputText:focus, textarea:hover, textarea:focus{border:solid 2px #f65327;border-top:solid 6px #f65327;}

textarea{width:300px;height:200px;}

p{position:relative;margin:10px 0 10px 0;}

img{padding:2px;border:solid 5px #7d7c7c;}

.viewAll{display:block;margin-left:23px;}

.error{color:#f55523;position:absolute;margin-top:8px;}

/* temp 
html body li.link{display:none;}
*/

/* mainNav */
#mainNav{position:absolute;right:20px;top:78px;margin:0;width:400px;height:25px;}
#mainNav li{float:left;display:block;height:30px;padding-left:0;background-image:none;}
#mainNav li a, #mainNav li a:link, #mainNav li a:visited{position:relative;color:#f65327;text-decoration:none;font-size:16px;display:block;height:25px;margin:0;padding:3px 10px 3px 10px;}
#mainNav li.current a, #mainNav li.current a:link, #mainNav li.current a:visited, 
#mainNav li a:hover, #mainNav li a:focus{background:#9a9999;color:#fff;}

/* headers */
#recentProjectsHdr{width:193px;height:34px;background:top left no-repeat url(../images/title_recentProjects.gif);}
#corporateIDHdr{width:363px;height:39px;background:top left no-repeat url(../images/title_corporateIDBrand.gif);}
#webDesDevHdr{width:339px;height:34px;background:top left no-repeat url(../images/title_webDesDev.gif);}
#drawingsHdr{width:114px;height:31px;background:top left no-repeat url(../images/title_drawings.gif);}
#mediaHdr{width:232px;height:26px;background:top left no-repeat url(../images/title_interactiveMedia.gif);}
#randomThingsHdr{position:relative;width:194px;height:34px;top:20px;background:top left no-repeat url(../images/title_randomThings.gif);}
#servicesHdr{position:relative;width:106px;height:24px;background:top left no-repeat url(../images/title_services.gif);}
#clientsHdr{position:relative;width:77px;height:24px;background:top left no-repeat url(../images/title_clients.gif);}
#aboutHdr{position:relative;width:74px;height:23px;background:top left no-repeat url(../images/title_about.gif);}
#contactHdr{position:relative;width:87px;height:24px;background:top left no-repeat url(../images/title_contact.gif);}

.all #clientsHdr{margin-bottom:20px;}

/* structure */
#container{position:relative;width:100%;}
.contentPdg{position:relative;width:900px;margin:auto;}
#header{height:109px;border-bottom:solid 3px #9a9999;background:top center no-repeat url(../images/bg_header.jpg);}
#header h1 a{display:block;width:270px;height:100px;}
#header a:hover{background:transparent;}
#mainContent{position:relative;padding:35px 0 15px 0;min-height:450px;background:bottom right no-repeat url(../images/bg_body.jpg);}

#mainTxt{position:relative;float:left;width:400px;min-height:300px;}
#sideNav{position:relative;float:right;width:400px;min-height:300px;margin-right:20px;}

#random{background:#ca330a;height:189px;}
#random .contentPdg{height:189px;background:top right no-repeat url(../images/bg_random.jpg);}
#random p{padding:20px 20px 20px 0;font-size:24px;}
#random span{display:block;float:left;margin-right:20px;width:500px;}
#random img{position:relative;float:left;top:-45px;}
#random a, #random a:link, #random a:visited{color:#999;}
#random a:hover{color:#333;}

#footer{position:relative;border-top:solid 0px #303130;padding-top:53px;top:-33px;color:#fff;margin-bottom:20px;height:110px;text-align:center;background:top right no-repeat url(../images/bg_footer.jpg);}

a.top{position:absolute;display:block;right:0;top:6px;width:80px;height:27px;background:top left no-repeat url(../images/btn_top.gif);}
a.top span{position:absolute;top:-300000px;left:-300000px;}

/* home */
.home #sideNav p{position:relative;background:#686767;height:80px;margin-bottom:20px;}
.home #sideNav p a, .home #sideNav p a:link, .home #sideNav p a:visited{display:block;color:#fff;padding:8px;height:65px;background:#686767;text-decoration:none;}
.home #sideNav p a:hover{background:#999;}
.home #sideNav p strong{color:#e65731;}

.home #mainTxt ul{height:110px;position:relative;margin:10px 0 0 0;padding:0;}
.home #mainTxt ul li{padding:0;background-image:none;float:left;}
.home #mainTxt ul li.mid{margin:0 20px 0 20px;}
.home #mainTxt ul li a img, .home #mainTxt ul li a:link img, .home #mainTxt ul li a:visited img{position:relative;display:block;}
.home #mainTxt ul li a:hover img{position:relative;border:solid 5px #999;cursor:pointer;}

#displayRecent{position:relative;top:10px;}

/* sub page */
.contact #mainTxt h2{margin-bottom:20px;}
.contact #sideNav h3{margin-bottom:20px;}

/* clients */
.clients #mainTxt{float:right;}
.clients #sideNav{float:left;}
.clients #mainTxt ul.itemized{border-bottom:dotted 1px #999;padding-bottom:15px;margin-bottom:20px;}

.clients .all #sideNav{display:none;}
.clients .all #mainTxt{width:890px;}
.clients .all #mainTxt img{float:left;margin:0 20px 20px 0;}
.clients .all #mainTxt ul.itemized{float:left;border-bottom:0;}
.clients .all #mainTxt div.clear{border-bottom:dotted 1px #ddd;margin:0 0 20px 0;}

.preview ul li{background-image:none;}
.preview ul li.photo{float:left;margin-bottom:8px;}

.preview ul li a img, .preview ul li a:link img, .preview ul li a:visited img{position:relative;display:block;}
.preview ul li a:hover img{position:relative;border:solid 5px #999;cursor:pointer;}

.clients #mainTxt li{width:325px;color:#333;}
.clients #mainTxt li span{color:#fff;}


/* zoom */
#zoom a#zoom_close{background-color:transparent;}
#zoom img{margin:0;padding:0;border:0;}
#zoom .itemized{margin-left:15px;}
#zoom .itemized li{color:#333;}
#zoom .itemized li span{color:#fff;}
html body #zoom img{position:relative;margin:10px 0 0 15px;border:solid 5px #303130;padding:5px;}


.noWeb li.link,
.branding li.link, .branding li.produced, .branding li.media, 
.other li.link, .other li.produced, .other li.media,
.art li.link, .art li.produced, 
.web li.media
{display:none;}