/*
+----------------------------------------------------------------------+
| Copyright (c) 2007 ID Clothing Company                               |
+----------------------------------------------------------------------+
| AUTHOR(S): Joshua Derr | Studio Manager                              |
+----------------------------------------------------------------------+
| CONTACT: josh@elementdesignco.com | http://www.elementdesignco.com   |
+----------------------------------------------------------------------+
| DATE: 03/12/2007                                                     |
+----------------------------------------------------------------------+
| SITE: idclothing.com 		                                           |
+----------------------------------------------------------------------+
| FILE: global.css                                                     |
+----------------------------------------------------------------------+
*/

/* ------ GLOBAL STYLES ------ */
body { padding:0; margin:0; background:#353535; font-family:'Lucida Grande','Lucida Sans Unicode',Verdana, sans-serif; font-size:67.5%; color:#434343; }
a:link,a:visited,a:active { color:#658c3c; text-decoration:none; }
a:hover { text-decoration:underline; }
img { border:0; }
.c { clear:both; }
h1 { font-size:100%; color:#fff; font-weight:normal; text-transform:uppercase; padding:0; margin:0; }
h2 { font-size:110%; color:#353535; text-transform:uppercase; padding:10px 0; margin:0; }
p { text-align:justify; }
.ltgrey { color:#dedede; }
.dkgreen { color:#d9c25d; }
.thumb { float:left; padding:5px; margin:10px; border:1px solid #ececec; }
a.thumb:hover { background:#ececec; }

/* ------ TOP DIV ------ */
#top { width:760px; height:100px; margin:0 auto; padding:0; }
#logo { width:100px; float:left; padding:20px 0 0 0; }

/* ------ TOP NAVIGATION ------ */
#topnavcontainer { width:500px; float:right; }
ul#topnav { list-style-type:none; padding:0; margin:0; }
ul#topnav li { float:right; padding:50px 0 0 0;  }
ul#topnav li a { display:block; padding-right:10px; margin:0 5px; border-right:1px dotted #ececec; color:#fff; }
ul#topnav li a:hover { text-decoration:underline; }
ul#topnav li a.last { border-right:0; padding-right:0; }

/* ------ MAIN NAVIGATION/CONTENT ------ */
#topcontent { width:760px; padding:0; margin:0 auto; }
#catdiv { width:350px; border-left:1px solid #fff; border-right:1px solid #fff; float:left; }

/* ------ BOTTOM CONTENT ------ */
#btmcontent { width:760px; padding:0; margin:0 auto; background:#fff; }
ul.inline { list-style-type:none; padding:0; margin:0; }
ul.inline li { padding:1px 0; display:block; }

#content { width:189px; height:275px; padding:15px 20px 10px 15px; float:left; background:#658c3c; }
div#content p { color:#fff; }

/* ------ BOTTOM CONTENT BOXES ------ */
.box1 { width:210px; float:left; padding:20px; }
.box2 { width:200px; float:left; padding:20px; }
.box-full { width:720px; padding:20px; }
.box-half { width:340px; padding:20px; float:left; }

#boxbtm { width:766px; height:15px; margin:0 auto; padding:0; background:url(../img/bottom.png) no-repeat center bottom; }

/* ------ PORTFOLIO CATEGORY NAVIGATION ------ */
#port-left { width:130px; float:left; }
#port-right { width:570px; float:right; border-left:1px solid #ececec; padding:0 0 0 10px; }

ul#port-cats { list-style-type:none; padding:0; margin:0; }
ul#port-cats li {  }
ul#port-cats li a { display:block; padding:5px; border-bottom:1px solid #ececec; }
ul#port-cats li:hover { text-decoration:underline; }