/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

*{ font-family:Arial, sans-serif; }
html { margin:0; padding:0; background:#FFFFFF url(../g/main-bg.png) repeat-x top; }
html.home { background:#FFFFFF url(../g/home-bg.png) repeat-x top; }
body { margin:0; padding:0;  }
p { margin-bottom:1em; font-size:0.95em; }
a { color:#005aff; text-decoration:none; border-bottom:1px dotted #005aff; padding-bottom:0.1em; }
h3 a { border:0; padding:0; }
#twitter { background:transparent url(../g/twitter.gif) no-repeat top left; padding-left:25px; }
#main { width:1000px; background:transparent; background-image: url('../g/head-bg.jpg'); background-repeat: no-repeat; background-position: 0px 68px; margin:0 auto; }
#container { width:762px; margin:0 auto; }
#nav { padding:0 0 0 55px; }
#nav ul { float:right; }
#nav li { float:left; margin:0 1em; }

#image { z-index:1000; margin:3px; position:absolute; width:368px; height:251px; }
#image a { border:0; }
#image a img { border:0; }
#image img { width:368px !important; height:251px !important; border:0; display:none; }
#image img.first { display:block; }
#frame { background:transparent; background-image: url('../g/spacer.gif'); background-repeat: repeat; width:368px !important; height:251px !important; display:block; text-indent:-9999px; border:0; }
#frame span { width:368px !important; height:251px !important; display:block; cursor:pointer; }
.frame { background:transparent; background-image: url('../g/portfolio/frame.gif'); background-repeat: no-repeat; position:absolute; z-index:3000; width:376px; height:260px; }

#accordion div { border:1px dotted #005aff; background:#dee9fe; font-size:0.7em; padding:0.5em; margin-bottom:0.2em; line-height:normal;}

#home-h { padding:24px 0 0 18px; height:274px; }
#text { position:absolute; width:326px; margin-left:390px; }
#text h1 { text-indent:-9999px; position:relative; width:325px; overflow:hidden; height:29px; margin-bottom:23px; }
#text h1 span { background:transparent url(../g/txt-web-dev.gif) no-repeat top left; position:absolute; top:0; left:0; width:325px; height:29px; }
#text #p1 { text-indent:-9999px; position:relative; width:326px; overflow:hidden; height:73px; margin-bottom:0; padding-bottom:23px; border-bottom:1px solid #96bafc; }
#text #p1 span { background:transparent url(../g/txt-trading-since.gif) no-repeat top left; position:absolute; top:0; left:0; width:326px; height:73px; }
#text #p2 { text-indent:-9999px; position:relative; width:326px; overflow:hidden; height:22px; margin-bottom:23px; padding-top:23px; border-top:1px solid #003ba7; }
#text #p2 span { background:transparent url(../g/txt-see-what.gif) no-repeat top left; position:absolute; top:23px; left:0; width:326px; height:22px; }
#btn-view { text-indent:-9999px; position:relative; width:157px; overflow:hidden; height:39px; float:left; margin-right:1em; }
#btn-view a span { cursor:pointer; background:transparent url(../g/button-sprite.gif) no-repeat top left; position:absolute; top:0; left:0; width:157px; height:39px; }
#btn-quote { text-indent:-9999px; position:relative; width:144px; overflow:hidden; height:38px; float:left; }
#btn-quote a span { cursor:pointer; background:transparent url(../g/button-sprite.gif) no-repeat bottom left; position:absolute; top:0; left:0; width:144px; height:38px; }

#content { clear:both; padding:20px 15px 20px 15px; }
#content h2 { font-size:1.4em; margin-bottom:0.4em; letter-spacing:-1px; color:#333;}
.g3 { line-height:1.4em; border-bottom:2px solid #d1cfcf; margin-bottom:1em; padding-bottom:1em; }
.g3-1, .g3-2, .g3-3 { float:left; }
.g3-1 { padding-right:15px; width:225px; }
.g3-3 { padding-left:15px; width:225px; }
.g3-2 { border-left:1px solid #d1cfcf; border-right:1px solid #d1cfcf; padding:0 15px; width:215px; }
.no-m { margin:0; }
.g3 h3 { border:1px solid #d1cfcf; font-size:0.7em; line-height:normal; padding:0.4em ; background:transparent url(../g/tick.gif) no-repeat 200px 0.3em; margin-bottom:0.2em; }

#nav h1 { position:relative; width:143px; overflow:hidden; height:67px; }
#nav h1 a span { cursor:pointer; background:transparent url(../g/cab-designs-logo.gif) no-repeat top left; position:absolute; top:0; left:0; width:143px; height:67px; }

#n-home { position:relative; width:59px; height:67px; }
#n-home span { cursor:pointer; background:transparent url(../g/btn-home.gif) no-repeat top center; position:absolute; top:0; left:0; width:59px; height:67px; }
#n-about { position:relative; width:65px; height:67px; }
#n-about span { cursor:pointer; background:transparent url(../g/btn-about.gif) no-repeat top center; position:absolute; top:0; left:0; width:65px; height:67px; }
#n-portfolio { position:relative; width:69px; height:67px; }
#n-portfolio span { cursor:pointer; background:transparent url(../g/btn-portfolio.gif) no-repeat top center; position:absolute; top:0; left:0; width:69px; height:67px; }
#n-quote { position:relative; width:59px; height:67px; }
#n-quote span { cursor:pointer; background:transparent url(../g/btn-quote.gif) no-repeat top center; position:absolute; top:0; left:0; width:59px; height:67px; }
#n-contact { position:relative; width:72px; height:67px; }
#n-contact span { cursor:pointer; background:transparent url(../g/btn-contact.gif) no-repeat top center; position:absolute; top:0; left:0; width:72px; height:67px; }

#ml { float:left; padding-left:55px; width:342px; }
#main-portfolio { padding:25px 0 0 0; }
#p-folder { padding:5px 0 0 0; }
#p-folder img { padding:1px; border:1px solid #bbb; background:#fff; }
.p-center { margin:0 1px; }

#ml ul { color:#333; }
#ml li { list-style-type:square; margin-left:1em; font-size:0.9em; }
#what-can-do { margin:1em 0; }
#what-can-do h2 { position:relative; width:342px; overflow:hidden; height:25px; margin:10px 0; padding:5px 0; border-bottom:6px solid #ddd; }
#what-can-do span { background:#fff url(../g/what-can-do.gif) no-repeat top left; position:absolute; top:0; left:0; width:342px; height:25px; }

#what-how { margin-bottom:1em; }
#what-how h2 { position:relative; width:342px; overflow:hidden; height:25px; margin:10px 0; padding:5px 0; border-bottom:6px solid #ddd; }
#what-how span { background:#fff url(../g/what-how.gif) no-repeat top left; position:absolute; top:0; left:0; width:342px; height:25px; }

#mr { float:left; width:500px; padding:230px 0 20px 45px; }
#mr ul { font-size:1.4em; color:#333; padding-bottom:1em; padding-top:0.5em; }
#mr li { list-style-type:square; margin-left:1em; }
#mr h1 { font-size:1.4em; padding-bottom:1em; padding-top:0.5em; }
#mr h2 { color:#535353; font-weight:600; padding-bottom:1em; }

#contact input { border:1px solid #666; padding:0.2em; }
#contact input:focus, #contact textarea:focus { border:1px solid #005aff; }
#contact textarea { border:1px solid #666; margin-top:0.2em; padding:0.2em; width:320px; height:7em; }

.g3-1 li { background:transparent url(../g/bullet.gif) no-repeat 0 0.6em; padding-left:10px; }

label { width:150px; padding:0.2em; display:block; float:left; }
.error label { width:auto; padding:0; display:inline; float:none; border-bottom:1px dotted #ff0000; }
.fl { float:left; }
.fr { float:right; }
.cb { clear:both; }
.hide { display:none; }

abbr { border-bottom:1px dotted #005aff; cursor: help; }
.error { font-size:0.8em; background:#feffac; border:1px solid #d4c734; padding:1em; margin-bottom:1em; }
.error li { color:#ff0000; }
.pitem { border-bottom:6px solid #ddd; padding-bottom:1em; margin-bottom:1em;}


.payment label { float:left; width:170px; font-weight:bold; }
.payment  input, .payment  select { float:left; }
.payment p { margin:0.1em 0; float:left; clear:both; }
.submit { padding:0.4em; font-size:1.2em; float:none; border-bottom:1px solid #003ba8; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border-right:1px solid #003ba8; border-left:1px solid #005aff; border-top:2px solid #005aff; background:#005aff; color:#fff; font-weight:400; }
.submit:hover { background:#003ba8; }
.smallprint { color:#333; font-size:0.8em; margin:1em 0; font-style:italic; }

.twitter { font-size:0.7em; line-height:1.4em; }
.twitter span { display:block; font-style:italic; }

.n2 h2 { font-size:1em; margin-bottom:0.4em; letter-spacing:-1px; color:#333;}
.n2 li { background:transparent url(../g/bullet.gif) no-repeat 0 0.6em; padding-left:10px; line-height:1.4em; }
.n2 { float:left; width:200px; font-size:0.9em; }
.n2 ul { margin-bottom:1em; }
.content { border-left:1px solid #ddd; float:left; width:500px; padding-left:1em; }

#footer { text-align:right; font-size:0.7em; color:#999; }
#footer * { color:#999; }
#footer a { border-bottom:1px solid #999; padding:0; }

.f { border-top:2px solid #eee; padding-top:1em; }
.testimonial { font-size:1.2em; }
.testimonial span { font-size:0.8em; display:block; color:#666; }

.pitem .fl { width:368px; padding-right:1em; }
.pitem .fr { width:345px; float:left; }

.small { font-size:0.75em; }
.pitem .fl a { border:0; }

.content h3 { font-weight:bold; color:#333; }
li li { list-style: square inside none; padding-left:1em; }
#sitemap { line-height:1.5em; }