/*-------------------------------Global */

div, img, td, tr, table, a {outline:none;}
.logo {background:url(../img/nukecreative.png); border:none; width:106px; height:16px; position:absolute; bottom:0; left:240px;}

/*-------------------------------Body ID */

body {margin:0 auto; padding:0; height:100%;}

#home {background:#000;}
#illustration {background:#000;}
#graphicdesign {background:#000;}
#webdesign {background:#000;}
#animation {background:#000;}
#photography {background:#000;}
#emarketing {background:#000;}
#hire {background:#000;}
#contact {background:#000;}
#profile {background:#000;}
#doodles {background:#000;}

/*-------------------------------Colours */

.brightred {color:#b40000;}
.red {color:#930505;}
.darkred {color:#740000;}
.darkgrey {color:#333;}
.midgrey {color:#777;}
.lightgrey {color:#ccc;}

/*-------------------------------Fonts */
body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100.01%; font-weight:normal; margin:0; padding:0;}
p {margin:0 0 12px 0; padding:0; font-size:0.7em; font-weight:normal; color:#333; line-height:1.3em;}
i {margin:0; padding:0; font-size:0.7em; font-style:italic; color:#555; line-height:1.3em;}
h1 {font-size:0.8em; color:#333; font-weight:normal; letter-spacing:0pt; margin:0; text-align:right; width:auto; position:absolute; bottom:0; right:277px;}
h2 {font-size:0.7em; color:#444; margin:0 0 10px 0; font-weight:bold; letter-spacing:-0.5pt;}
h3 {font-size:0.7em; color:#444; margin:5px 0 5px 0; padding-top:7px; letter-spacing:-0.5pt;}
h4 {font-size:2.8em; font-weight:lighter; color:#333; letter-spacing:-0.5pt; line-height:1.1em;}
a {text-decoration:none; color:#740000; line-height:1.3em;}
a:visted {text-decoration:none; color:#740000;}
a:active {text-decoration:none; color:#740000;}
a:hover {text-decoration:none; color:#fff; background:#740000;}
			
/*-------------------------------Containers */

#wrapper {margin:0 auto; width:1200px; min-height:800px; position:relative;}
#header {width:1200px; height:100px; float:left; position:relative;}
#col1 {width:200px; height:auto; margin:30px 40px 30px 0; float:left;}
#col2, #col2relative {width:720px; height:auto; margin:30px 40px 200px 0; float:left;}
#col3 {width:200px; height:auto; margin:30px 0 30px 0; float:left;}
#footer {width:100%; min-height:250px; background:url(../img/footer_bg_black.jpg) repeat-x; margin:0 auto; border-top:1px dotted #333; float:left; position:relative;}

/*-------------------------------Columns */
#col1 ul {margin:0 0 80px 0; padding:0; display:block; float:left; width:200px;}
#col1 ul.subnav {margin:0;}
#col1 ul.inset {margin:10px 0 0 0; padding:0 0 0 15px; display:block; float:left; width:185px;}
#col1 li {width:100%; list-style:none; float:left; margin-bottom:4px;}
#col1 li a {text-decoration:none; font-size:0.9em; font-weight:normal; letter-spacing:-0.5pt; color:#444;}
#col1 li.subnav a {text-decoration:none; color:#333; background:none;}
#col1 li a:hover, #col1 li.subnav a:hover {text-decoration:none; color:#740000; background:none;}

/* Col2 Boxes */
#col2 ul {margin:0; padding:0;}
#col2 li.mini {width:140px; height:110px; margin:0 37px 37px 0; background:#000; list-style:none; float:left; overflow: hidden; position: relative; border-left:1px solid #222; border-top:1px solid #222; border-right:2px solid #222; border-bottom:2px solid #222;}
#col2 li.minispacer {width:140px; height:110px; margin:0 37px 37px 0; background:#000; list-style:none; float:left; overflow: hidden; position: relative; border-left:1px solid #000; border-top:1px solid #000; border-right:2px solid #000; border-bottom:2px solid #000;}
#col2 li.main {width:320px; height:260px; margin:0 37px 37px 0; background:#000; list-style:none; float:left; overflow: hidden; position: relative; border-left:1px solid #222; border-top:1px solid #222; border-right:2px solid #222; border-bottom:2px solid #222;}
#col2 li.portfoliovert {width:320px; height:560px; margin:0 37px 37px 0; background:#000; list-style:none; float:left; overflow: hidden; position: relative; border-left:1px solid #222; border-top:1px solid #222; border-right:2px solid #222; border-bottom:2px solid #222;}
#col2 li.portfoliohorz {width:680px; height:260px; margin:0 37px 37px 0; background:#000; list-style:none; float:left; overflow: hidden; position: relative; border-left:1px solid #222; border-top:1px solid #222; border-right:2px solid #222; border-bottom:2px solid #222;}
#col2 li.portfoliolarge {width:680px; height:389px; margin:0 37px 37px 0; background:#000; list-style:none; float:left; overflow: hidden; position: relative; border-left:1px solid #222; border-top:1px solid #222; border-right:2px solid #222; border-bottom:2px solid #222;}
#col2 li.portfolioflash {width:680px; height:410px; margin:0 37px 37px 0; background:#000; list-style:none; float:left; overflow: hidden; position: relative; border-left:1px solid #222; border-top:1px solid #222; border-right:2px solid #222; border-bottom:2px solid #222;} 
#col2 li img{ position: absolute; top: 0; left: 0; border: 0; }
#col2 li p {margin: 4px 10px 0px 10px; font-size:0.8em; color:#444;}
#col2 li a {margin:4px 0 0 0; color:#740000;}
#col2 li a:hover {color:#fff;}
#col2 li h3{ margin: 10px 10px 0 10px; padding:0; color:#fff; font-size:0.8em; letter-spacing:-0.5pt; font-weight: bold; }
.boxcaption { float: left; position: absolute; background: #000; height: 110px; width: 100%; opacity: .9;
/* For IE 5-7 */filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
/* For IE 8 */-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
.boxcaptionmain { float: left; position: absolute; background: #000; height: 260px; width: 100%; opacity: .9;
/* For IE 5-7 */filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
/* For IE 8 */-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}
.captionfull .boxcaption {top:0; right: 140px;}
.captionfull .boxcaptionmain {top:0; right: 320px;}
.captionfull .boxcaptionvert {top:0; right: 320px;}
.captionfull .boxcaptionhorz, .captionfull .boxcaptionlarge {top:0; right: 680px;}
.caption .boxcaption {top: 140px;left: 0;}
/* End Col2 Boxes */

#profileimg {margin:10px 20px 10px 0; padding:0; width:169px; height:130px; background:url(../img/matt_castledine.jpg); float:left;}
.col2text {width:413px; height:auto; margin:0 0 60px 0; padding-right:270px; border-top:1px dotted #333;}
.col2text ul {margin:0 0 20px 0; padding:0;}
.col2text li {margin:0 0 5px 15px; padding:0; font-size:0.7em; color:#444; list-style:none;}
.col2referee {margin:20px 0; padding:7px 0 0 0; border-top:1px dotted #333;}
.col3item, .col3nav {width:200px; height:auto; margin:0 0 60px 0; border-top:1px dotted #333;}
.col3item ul, .col3nav ul {margin:0 0 15px 0; padding:0;}
.col3nav li {margin:0 0 5px 5px; padding:0; font-size:0.7em; color:#444; list-style:none; line-height:1.3em;}
.col3item li {margin:15px 0 0 5px; padding:0; font-size:0.7em; color:#444; list-style:none; line-height:1.3em;}
.col3item b {color:#666;}
.col3item a, .col3nav a {color:#740000;}
.col3item a:hover, .col3nav a:hover {color:#fff;}



/* Company Logos */

#companylogos {width:413px; height:auto; margin:0; padding:0;}
#companylogos ul {margin:50px 0 0 0; padding:0;}
#companylogos li {width:70px; height:70px; margin:0 10px 10px 0; padding:0; list-style:none; background:#fff; border:1px dotted #333; float:left;}

/* Photography Portfolio */

#photogallery {background-color: #000; width: 720px; height: 600px; padding: 0; margin: 30px 0px 0px 0px; float:left;}
#flashgallery {background-color: #000; width: 680px; height: auto; padding: 0; margin: 0px 0px 37px 0px; float:left;}

/*-------------------------------Forms */

.textbox {margin:0; padding:0; height: 20px; width:280px; font-size:0.8em; color:#666; border:1px dotted #333;}
.dropdownlist {margin:0; padding:0; height: 20px; width:280px; font-size:0.8em; color:#666; border:1px dotted #333;}
.commentsbox {margin:0; padding:0; height: 200px; width:400px; font-size:0.8em; color:#666; border:1px dotted #333;}
.checkbox {margin:0 7px 0 0; padding:0;}
.sendbutton {float:right; margin:0 15px 0 0; padding:0;}
.formdiv {margin:10px 0;}

/*-------------------------------Footer */

#footerwrapper {margin:0 auto; padding:0; width:720px; height:auto;}
#footer ul {margin:13px; padding:0; float:left; width:150px; height:auto;}
#footer li {width:100%; list-style:none; float:left; margin:0; padding:0; float:left; display:block; line-height:1em;}
#footer li a {text-decoration:none; font-size:0.7em; color:#333;}
#footer li a:hover {text-decoration:none; color:#fff;}
.copyright {width:auto; position:absolute; bottom:15px; left:25px;}
.copyright p {font-size:0.6em; margin:0; padding:0;}
.logoicon {background:url(../img/nukelogo.png); border:none; width:113px; height:49px; position:absolute; bottom:12px; right:25px;}



/*-------------------------------Floats and Clears */

.clear {clear:both;}
.left {float:left;}
.right {float:right;}