/* CSS Document */


* { padding:0; margin:0;}

body { font-family: Arial, Helvetica, sans-serif; background:#0c1517 url(../visual/bg.jpg) no-repeat center top; margin:0; padding:0;}

h1 { margin: 0; padding-top: 5px; font: 24px Arial, Verdana, sans-serif ; letter-spacing: -.05em; }

h2 { margin: 0; padding: 5px 0; font-family: 20px Arial, Verdana, sans-serif; position:relative; letter-spacing: -.05em; }
/*h2 span { background: url(../images2/gradient.png) repeat-x bottom; position: absolute; display: block; width: 100%; height: 24px; }*/

h3 { margin: 0; padding-top: 5px; font-family: Arial, Verdana, sans-serif; font-size:16px; letter-spacing:-.03em; font-weight:normal; }

h4 { margin: 0; padding: 0 0 8px 0; font-family: Arial, Verdana, sans-serif; font-size:14px; letter-spacing:-.02em; font-weight:normal; }

h5 { margin: 0; padding-bottom:5px; font-size: 20px; letter-spacing: -.05em; font-weight:normal; }

p { padding: 5px 10px;}

small {letter-spacing:.01em; font-size:11px;}

a { text-decoration:underline; color:#333;}

a:hover { text-decoration:none; color:#03b4e7;}



/*   Logo   */

#logo { width: 324px; height:75px; margin: 0 0 0 10px; background: transparent url(../visual/b_logo.jpg) 1px 1px no-repeat; }

#logo h1 { text-indent: -9000px; text-decoration: none; font-size:50px; overflow: hidden; }

#logo h1 a { display:block; }


#newstitle { width:176px; height:74px; position:absolute; left:50%; margin-left:-503px; top:660px; z-index:1000;}

#randomtitle { width:176px; height:74px; position:absolute; left:50%; margin-left:-503px; top:388px; z-index:1000;}



/*   About   */

#aboot { width:280px; float:right; margin-right:10px;}

#aboot ul { margin-left:15px; padding-top:10px; white-space:nowrap;}

#aboot li { display: block; list-style-type:none; padding-bottom:6px; }

#aboot a { padding:4px; line-height:18px;}

#aboot a:link, #aboot a:visited { text-decoration:none; color:#444; }

#aboot a:hover { text-decoration:none; color:#03b4e7;}

.textpad_staff {padding:15px 75px 15px 45px; text-align:justify; font-size:14px; min-height:400px;}

.internfloat { float:right; width:350px; height:180px; margin-top:25px;}




/*   Stuff   */

#outer { background:url(../visual/bg_outer.jpg) repeat-x top; width:950px; margin:0 auto;}

#container { background:#FFF; width:910px; margin: 5px 10px 0 10px; padding:10px;}

#header { background:#FFF; padding: 10px; width:890px; height:300px;}

#dhtmltooltip { font-size:12px; position: absolute; width: auto; border: 1px solid white; padding: 10px; background-color: #000; color:#EFEFEF; visibility: hidden; z-index: 100; }

#login { position:absolute; left:50%; margin-left:345px; top:20px; font-size:11px; }

#login a { text-decoration:none; text-transform:uppercase; letter-spacing:.08em; color:#777;}

#login a:hover { text-decoration:none; text-transform:uppercase; letter-spacing:.08em; color:#000;}

.loginbox { background:#CCC; border: dotted 1px #CCC; padding:3px 2px; margin-bottom:5px; font-size:11px; color: #222; }

.logfont { font-size:11px; color:#222;}

#subcontent {position:absolute; visibility: hidden; border: 1px solid #777; background:#0c1517; width: 184px; padding: 12px 8px 8px; z-index:100; color:#CCC; font-size:11px; text-align:center;}

.error { color:#990000; margin-top:-2em; margin-left:-.00em;}



/*   Project Row   */

#project_row { width:auto; margin-left:3px; padding:0;}

.project { font-size:11px; color:#444; padding:10px 10px 3px 10px; margin:7px; float:left;}

.project h2 {margin: 0; padding-top: 5px; font-family: Arial, Verdana, sans-serif; font-size: 19px; letter-spacing: -.055em; font-weight:normal;}

.project_link { width: auto; text-transform:uppercase; font-size:11px; letter-spacing: normal; }

.project_link a { text-decoration:none; color:#444; background:url(../images2/bg_proj1.gif) no-repeat right center; padding: 6px 5px; display:block; margin:0; }

.project_link a:hover { text-decoration:none; color:#FFF; background:url(../images2/bg_proj2.gif) no-repeat right center; padding: 6px 5px; display:block; margin:0; }

.serv { margin: 5px 40px; padding:10px; border-bottom: dotted 1px #EFEFEF; }

.sidepad { padding: 10px 30px; font-size:14px; color:#555;}



/*   News   */

#news_row { font-size:13px; width:auto; margin:20px 0 0 8px; clear:both; }

.news { width:auto; padding:10px; border-top: dotted 1px #CCC; min-height:190px;  }

.news a { text-decoration:none; color:#03b4e7;}

.news a:hover { text-decoration:none; color:#FFF; background:#03b4e7;}

.news blockquote { font:24px Georgia, "Times New Roman", Times, serif; font-weight:bold; letter-spacing: -.05em; margin: 10px 8em; padding-left:20px; border-left:solid 1px #DADADA; color: #CC6600; }

.newsbox { width:auto; line-height:16px; }

.newstitle { font-size:20px; color:#03b4e7; letter-spacing:-.05em;}

.whitebox { font-size:12px; background:#ebeff1 url(../visual/bg_project.jpg) repeat-x top; padding:10px; height:auto;}

.caps { text-transform:uppercase;}

.textpad { padding:15px 10px; text-align:justify; font-size:14px;}

.textpad_project { padding:15px 75px 15px 45px; text-align:justify; font-size:14px;}

.picpad2 { padding:1px;}

.picborder { background: url(../images2/pan_checks.gif) repeat; margin-right: 23px; position: relative; width: 190px; height: 190px; float:left; z-index:100; }



/*   Overlay PNG   */

.pan_wrap { margin: 0 auto 15px; width:190px; }

.pan_frame { background: url(../images2/pan_frame.png) no-repeat; overflow: hidden; position: absolute; top: 0; left: 0; width: 190px; height: 190px; }

* html .pan_frame { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images2/pan_frame.png', sizingMethod='crop'); }



/*   Project Detail   */

#project_info { line-height:20px; color:#444; width:590px; padding:10px;}

#otherwork { padding-top:10px;}

#yawts { width:280px; float:right; margin-right:10px;}

#yawts ul { margin-left:15px; padding-top:10px; white-space:nowrap;}

#yawts li { display: block; list-style-type:none; padding-bottom:6px; }

#yawts a { padding:4px; line-height:18px;}

#yawts a:link, #yawts a:visited { text-decoration:none; color:#444; }

#yawts a:hover { text-decoration:none; background:#03b4e7; color:#FFF; }

.title_client { font-size:22px; color:#03b4e7; letter-spacing:-.05em;}

.title_project { font-size:22px; color:#222; letter-spacing:-.05em; margin-left:5px;} 

.smaller { font-size:12px;}

.folio { padding:10px 20px 20px 20px;}

.foliobox { margin:6px; padding:6px; }

.marginleft { padding-left:5px;}

.filterlinks { background:url(../images2/bg_filterlinks.jpg) no-repeat center top; margin:3px 25px 0 25px; padding:15px 0 0 10px; text-transform:uppercase; font-weight:bold; font-size:12px; word-spacing:5px;}

.filterlinks a {text-decoration:none; color:#888; padding:2px;}

.filterlinks a:hover {text-decoration:none; background:#03b4e7; color:#FFF; padding:2px;}

#cuantos {width: 250px; position:absolute; left:50%; margin-left:165px; top:140px; text-transform:uppercase; font-size:11px; color:#999; text-align:right;}





/*   Nav   */

#navbar { font:14px Century Gothic, Arial, Helvetica, sans-serif; text-align:right; width:500px; height:auto; position:absolute; left:50%; margin-left:-55px; top:58px; display:inline;}

#navbar ul { margin-left:0; padding-left:0; white-space:nowrap;}

#navbar li { display:inline; list-style-type:none; }

#navbar a { padding:8px 8px 4px 8px; line-height:20px; border:solid 1px #FFF;}

#navbar a:link, #navbar a:visited { color:#444; text-decoration:none; background:#FFF url(../visual/bg_b1.gif) repeat-x top; }

#navbar a:hover { color:#222; text-decoration:none; background:#FFF url(../visual/bg_b2.gif) repeat-x top; }




/*   Footer   */

#footer { background: url(../visual/bg_footer.jpg) 0 0 no-repeat; width:850px; height:260px; padding:50px 50px 0 50px; margin:0 auto;}

#footer_links { width:200px; float:left; margin-left:55px; padding-left:55px; border-left:dotted 1px #dcdcdc;}

#footer_links ul { padding-left:10px; margin-top:10px;}

#footer_links li { display:block; list-style-type:none; padding:0; padding-top:6px;}

#footer_links a { font-size:10px; text-transform:uppercase; padding:2px 4px;}

#footer_links a:link, #footer_links a:visited {text-decoration:none; color:#444;}

#footer_links a:hover { text-decoration:none; background:#03b4e7; color:#FFF;}

#footer_info { width:450px; margin-left:25px; float:left;}

.title_blu { font-size:18px; color:#03b4e7; letter-spacing:-.05em;}

.title_gray { font-size:18px; color:#444; letter-spacing:-.05em; margin-left:1px;} 

.slogan { font-size:18px; font-weight:lighter; color:#444; letter-spacing:-.05em; line-height:22px;}

.copyright { color:#444; letter-spacing:-.05em; line-height:22px; margin-top:30px; font-size:18px;}

.byp { padding:10px 0 0 0; font-size:14px;}



/*   Contact   */

#contact { font-family:Arial, Helvetica, sans-serif; background: url(../images2/bg_contact.gif) no-repeat top left; margin: 5px 10px; visibility:hidden;}

#contact_style { margin: 5px 10px; text-align:center;}

.box { font-family:Arial, Helvetica, sans-serif; padding:2px 4px; border: dotted 1px #CCC; color:#444; font-size:14px;}

.paddy { padding:0 10px; font-size:15px; line-height:22px;}

.lines_r { border-right:dotted 1px #CCC;}





/*   Colours   */

.blu {color:#03b4e7;}

.yella {color: #FF9933;}

.red {color: #990000;}

.green {color: #00CC33;}

.gray {color:#444;}

.ltgray {color:#999;}

.black {color:#222;}

.white {color:#FFF;}

.underline { border-bottom: dotted 1px #DADADA; padding-bottom:5px; margin-bottom:5px;}



/*   POTM   */

#outer_potm { background:url(../visual/bg_outer.jpg) repeat-x top; width:930px; margin:0 auto; padding: 0 10px;}

#potm_container { background:#FFF; padding:10px 10px 0 10px; width:auto;}

.potm_pad { padding:10px; float:left;}