/** reset **/
body{padding:0;margin:0;font:13px Arial,Helvetica,Garuda,sans-serif;*font-size:small;*font:x-small; color: #fff}
h1,h2,h3,h4,h5,h6,ul,li,ol,em,pre,code,dl, dt, dd{padding:0;margin:0;line-height:1em;font-size:100%;font-weight:normal;font-style: normal;}
table{font-size:inherit;font:100%;}
ul{list-style:none;}
img{border:0;}
p{margin:1em 0;}

/** default/sitewide **/
body {background: #555252; }
a { color: #fff; text-decoration: none; overflow: hidden; outline: none;}
a:active {  outline: none; }
a:hover { color: #fdb945;  text-decoration: none }
h2 { font-family: Helvetica, Arial, sans-serif; font-size: 1.2em; font-style: normal; font-weight: bold; text-transform: normal; line-height: 1.2em; margin-bottom: 12px}
h3 { font-family: Helvetica, Arial, sans-serif; font-size: 1.1em; font-style: normal; font-weight: bold; text-transform: normal; line-height: 1.2em; margin-bottom: 12px }
h4 { font-family: Helvetica, Arial, sans-serif; font-size: .9em; font-style: bold; font-weight: bold; text-transform: normal; line-height: 1.2em;  margin-bottom: 12px}
h1 { font-family: Helvetica, Arial, sans-serif; font-size: 1.5em /*22px*/; font-style: normal; font-weight: bold; text-transform: normal; line-height: 1.4em;  margin-bottom: 12px}
h1.contact { margin-bottom: 30px; }
p { font-family: Helvetica, Arial, sans-serif; font-size: .9em; font-style: normal; text-transform: normal; line-height: 1.6em; }
.clear { clear: both; }
input.button { cursor: pointer; border: 1px solid #434242; background: #000; color: #fff; font-weight: bold; font-family: Verdana, sans-serif; font-size: 11px; padding: 4px 5px; width: 70px; margin-right: 15px }
div.view a { padding-left: 15px; color: #fcb945; font-size: 11px;font-family: Verdana, sans-serif; font-style: normal; font-weight: bold;  }

div.view { background: url(../images/arrowdown.png) left 5px no-repeat; }
form {  margin: 0; padding: 0; font-size: 100%; font-family: Helvetica, Arial, sans-serif; }
fieldset { border: 0; margin:0; padding: 0; line-height: 3em}
fieldset input { background: #434242; border: 1px solid #000;color: #fff; width: 280px; margin: 10px 0 0 0; display: inline;font-size: 12px;outline: none;}
fieldset textarea {background: #434242; border: 1px solid #000; color: #fff; width: 280px; margin: 10px 0 0 0; display: inline; font-size: 12px; overflow: auto;outline: none;}
fieldset label { width: 120px; display: block; float: left; padding: 0; text-align: left; font-weight: bold;  }
fieldset span { color: #fdb945; }
form br { clear:left; }
p.required { color: #fdb945 }
.skip { height:0;width:0;left:-19000px; overflow:hidden;position:absolute;	}
.hidden { background: none; border: 0; padding:0; margin:0;}

/** main layout **/
#top {  background: #212121;   }
#hcenter { color: #fff;background: #101010 url(../images/center_bg.png) top left repeat-x; border-bottom: 1px solid #666363; border-top: 1px solid #000000;width: 100%; }
#center { color: #fff; background: #151515  url(../images/centerbg.jpg) top left repeat-x; border-bottom: 1px solid #666363; border-top: 1px solid #000000;width: 100%;}
#bottom { background: #555252 url(../images/bottom_bg.png) top left repeat-x; height: auto;}
#tcontent {width: 900px; margin: 0 auto; background: #101010 url(../images/topcenterbg.jpg) top left no-repeat; height: 129px; }
#tcontent #header { padding: 15px 0; height: 99px; }
#bcontent { width: 900px; margin: 0 auto; border-bottom: 1px solid #464444; padding: 25px 0 50px 0; }
#bcontent .last { margin-right: 0px;  }
#footer { width: 900px; text-align: center; margin: 0 auto; border-top: 1px solid #747272; padding: 0 0 25px 0; font-family: Verdana, sans-serif; font-style: normal; font-weight: bold; text-transform: normal; letter-spacing: normal;  }
#footer p {display: inline; margin-right: 30px;color: #999999; line-height: 0; font-size: 10px}
#footer ul { display: inline; margin: 0; padding: 0;}
#footer ul li {  display: inline; text-transform: lowercase; color: #ccc; font-size: 10px; background: url(../images/snavline.png) center left no-repeat; padding: 0 10px 0 20px; line-height: 4em; }
#footer ul li.nb { background: none; }
#footer ul li a { color: #ccc; }
#footer ul li a:hover { color: #fdb945; }

/** bottom boxes **/
.box { width: 285px;  float: left; margin-right: 22px ;}
.box h2 { font-size: 15px;line-height: 2em;padding: 0 20px; background: url(../images/boxheaderbg.jpg) no-repeat; width: 285px; height: 30px; }
.box p { margin: 15px 20px; font-size: 11px}
.box a { background: #5c5959 url(../images/link_bg.gif) left center repeat-x; padding: 3px 5px }
.box dl { margin: 0 0 0 20px ;font-size: 11px }
.box dd { line-height: 1.6em;  }
.box dt { float :left; width: 40px;line-height: 1.6em;  }
ul.news li {  background: url(../images/dot.png) bottom left repeat-x; padding: 1px 0;  }
ul.news li span { display: block; color: #ccc }
ul.news li.nb { background: none; padding-bottom: 0 }
ul.news li a { background: none; padding:0} 
/** top nav **/
#header #nav { float: right; margin-top: 35px; height: 30px;}
#header #nav li { display: inline; background: url(../images/navline.png) center left no-repeat; padding: 0 10px 0 15px; line-height: 3em;}
#header #nav li.nb { background: none; padding-left: 0; }
#header #nav li a {font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-style: normal; font-weight: bold; text-transform: normal;  text-transform: lowercase; text-decoration: none; }
#header #nav li a.current { color: #fdb945;  }

/** left nav (pages) **/
#leftnav { font-size: 1.1em; margin-top: 8px; }
#leftnav li { margin-bottom: 25px }
#leftnav li a.current { color: #fdb945; }

/** homepage **/
#hcenter div.home {width: 900px; margin: 0 auto; background: #101010 url(../images/maincenterbg.jpg) top left no-repeat; min-height: 342px; }
div.home #hleft { float: left;width: 425px; margin: 30px 0 0 0  }
div.home #hright { float: right; width: 440px; margin: 40px 0 0 0}
#header h1 { float: left;  text-indent: -999px; line-height: 0; background: url(../images/3dcreative_logo.png) no-repeat; width: 287px; height: 103px;  }
#header h1 a { margin: 0; padding: 0; padding-top: 80px; height: 0; width: 300px; float: left; overflow: hidden; position:absolute; left: 200px; top: 30px; }
#hleft h1 { font-size: 2.2em ;}
#hleft p { color: #999; font-size: 1em; margin-bottom: 25px}
#hleft p.feature { font-size: 1.2em; font-weight: bold ; line-height: 1.7em;  color: #ccc;margin-bottom: -5px}
#hleft a { color: #fdb945 }
#hleft a:hover { color: #fff; }
#hleft p.white a { background: #5e5b5b; padding: 3px 5px; color: #fff; font-size: 10px;font-family: Verdana, sans-serif; font-style: normal; font-weight: bold; text-transform: normal; letter-spacing: normal; line-height: 1.3em; } 
#hleft p.white a:hover { background: #efaf41; color: #161616 }
#caseslider { margin: 0; padding:0; }

/** page with side menu ***/
#center div.page {width: 900px; margin: 0 auto;  background: #151515 url(../images/pagecenterbg.jpg) top left no-repeat; min-height: 379px;padding-bottom: 70px; }
div.page #left { float: left;width: 103px; margin: 30px 30px 0 0; }
div.page #right {  float: left; width: 767px; margin: 30px 0 0 0;  }
div.page #right p { margin-bottom: 15px; }
div.page #right a {  color: #fdb945; }
div.page #right a:hover { color: #fff }
div.page #right p.quote { color: #7a7979; float: right; width: 243px; padding: 10px 0 35px 35px; margin: 10px 0 0 0; font-family: "Lucida Sans Unicode", sans-serif; font-size: 18px;font-style: normal;font-weight: bold; line-height: 1.6em;}
div.page #right p.quote a { color: #fff;}
div.page #right p.quote a:hover { color: #fdb945;}
div.page #right p.quote:first-letter { margin-left: -9px}
div.page #right div.note { float: left; width: 200px; padding-left: 60px; }
div.page #right fieldset { width: 420px; float: left; }
div.note strong { font-family: Verdana, sans-serif; }
div.note dd { line-height: 3em;  }
div.note dt { float :left; width: 40px; line-height: 3em; font-weight: bold  }
div.page #right ul li { list-style-type: disc; margin: 6px 0 }
div.page #right ul { margin: 15px 15px 25px 15px }

div.page #right ol li { list-style-type: numeric; margin: 6px 0 }
div.page #right ol { margin: 15px 15px 25px 15px }

/** projects **/
#center div.proj {width: 900px; margin: 0 auto; background: url(../images/pagecenterbg.jpg) top left no-repeat;  }
div.proj #ptop { padding-top: 30px; }
div.proj #ptop h1 { float: left; }
div.proj #ptop div { float: right; }
div.proj #left { float: left;width: 365px; margin: 30px 30px 0 0; }
div.proj #right {  float: left; width: 500px; margin: 30px 0 30px 0  }
div.proj #right ul li { list-style-type: disc; margin: 6px 0 }
div.proj #right ul { margin: 15px 15px 25px 15px }

div.proj #right ol li { list-style-type: numeric; margin: 6px 0 }
div.proj #right ol { margin: 15px 15px 25px 15px }



#projects { width: 640px; float: left; margin-right: 10px; }
#projects ul { margin-top:10px;}
#projects li { float: left; margin: 7px 15px 15px 0; padding-top:2px;border-bottom: 1px solid #787575; list-style: none; background: url(../images/boxbg.png) repeat; width: 300px; height: 83px;overflow:hidden; }
#projects li img.thumb { width:73px;height:62px;background:transparent url(../images/thumbframe.png) no-repeat 0 0; padding:10px; }
#projects li div { float: left; width: 90px; }
#projects li p { float: left; width: 200px; margin-left: 3px; font-size: 11px; font-family: Verdana, sans-serif;margin-bottom: 10px}
#projects li p a { display: block; color: #fdb945; }
#projects strong { display: block; font-weight:bold; line-height: 13px; }
#projects li p a:hover { color: #fff }
#projects li div.clear {  width: 300px;border-bottom: 1px solid #524f4f; }
#quote {  float: left; width: 250px; padding: 10px 0; }
#quote p { font-family: "Lucida Sans Unicode", sans-serif; font-size: 12px; line-height: 1.5em}
#quote h4 { font-size: 10px; }
#quote p:first-letter {margin-left: -5px}
.ie #quote { width: 230px; margin:0;  padding-left: 5px;}
.ie #quote p:first-letter {margin-left:-5px;}

.caption a {color: #fdb945; }
.caption  a:hover { color: #fff }