/*----------Clear defaults - inspired from Tantek Celik*/
:link,:visited {text-decoration:none;} 
ul,ol,dl {list-style:none;} 
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em; font-weight:normal;}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,dl,dt,dd {margin:0; padding:0;} 
a img,:link img,:visited img {border:none;}
address {font-style:normal;}
strong {font-weight:bold;}
em {font-style:italic;}
i {display:none; font-style:normal;}
b {font-weight:normal;}

/*----------Default styles*/
body {background:#293033 url(../images/bg.jpg) no-repeat 50% 0; color:#666b6d; font:12px/16px "Segoe UI", Calibri, Helvetica, Arial, sans-serif; overflow-y:scroll;}
a {color:#f56e84;}
a:hover {color:#fff; background:#f56e84;}
h1 {height:40px; font:29px/40px "Segoe UI", Calibri, Helvetica, Arial, sans-serif; color:#50595e;}
h2 {height:16px; font-weight:bold; font-size:16px; padding-bottom:16px; padding-top:32px; letter-spacing:-1px;}
h3 {height:40px; font:11px/13px "Segoe UI", Calibri, Helvetica, Arial, sans-serif; font-weight:bold; text-transform:uppercase; color:#50595e;}
h4 {height:16px; font:21px/16px "Segoe UI", Calibri, Helvetica, Arial, sans-serif; color:#50595e; text-transform:uppercase;}
h5 {height:16px; font:12px/16px Cambria, Georgia, serif; color:#9ea3a6; font-style:italic; font-weight:bold;}
p, ul, ol, blockquote, small {padding-bottom:16px;}
blockquote {font-family:Cambria, Georgia, serif; font-style:italic; color:#949799;}
small {display:block; color:#b5b8b9; font-size:10px;}
small strong {font-weight:normal; color:#767b7d;}
label, input {display:block;}
input, select, textarea {font:12px/16px "Segoe UI", Calibri, Helvetica, Arial, sans-serif; color:#54595c; padding:7px 5px; margin-bottom:10px;}
label {font-size:10px; height:10px; line-height:10px; font-weight:bold; text-transform:uppercase; color:#8898a0; margin-bottom:2px;}
hr {height:1px; background:#b6bdbf; color:#b6bdbf; line-height:1px; border:0;}
code {font-family:Consolas, "Courier New", Courier, monospace; padding:0 2px; background:#f0f0f0;}
td, th {text-align:left; font:12px/16px "Segoe UI", Calibri, Helvetica, Arial, sans-serif; padding:4px 9px;}
td {background:#e5e5e5;}
th {font-weight:normal; color:#fff; background:#50595e; text-transform:uppercase; font-size:11px;}

/*----------Additional styles*/
.r {text-align:right;}
.n {font-weight:normal;}
.list {border-top:1px solid #e9eaea; padding-bottom:0; margin-bottom:59px;}
p.list {border-bottom:1px solid #e9eaea; padding:12px 0; color:#606567; font-style:italic; font-size:11px; font-family:Cambria, Georgia, serif;}
p.small {font-size:11px;}
blockquote span.author {display:block; font-family:"Segoe UI", Calibri, Helvetica, Arial, sans-serif; font-style:normal; font-size:11px; color:#666b6d;}
span.info {color:#a6abae;}
span.name {text-transform:uppercase; font-style:normal; font-family:"Segoe UI", Calibri, Helvetica, Arial, sans-serif;}
.wLink {margin-bottom:29px;}
.list li {height:49px; line-height:16px; border-bottom:1px solid #e9eaea; text-align:right; font-size:11px; text-transform:uppercase;}
.list li.na {padding-top:8px; height:41px; color:#a9acad;}
.list li a {display:block; width:224px; height:41px; padding-top:8px; color:#54595c; outline:none;}
.list li a span.date, span.date {color:#c9cbcc !important;}
span.date {letter-spacing:0;}
.list li a span.type {font-family:Cambria, Georgia, serif; font-style:italic; color:#9b9ea0 !important; text-transform:lowercase;}
.list li a span.current {color:#f56e84;}
.list li a:hover {border-bottom:0; color:#f56e84; background:none;}
a.ext {padding-right:12px; background:url(../images/ext.gif) no-repeat 98% 75%;}
a.ext:hover {background:#f56e84 url(../images/ext2.gif) no-repeat 98% 75%;}
.more {font-size:11px;}
.caption {float:right; text-align:right; width:304px; margin:0 0 26px 16px; padding-bottom:0; font-weight:bold;}
.innerImg {padding:10px 0; background:#fff; border:1px solid #e9eaea; border-width:1px 0; float:right; margin:0 0 16px 16px;}
.ul {list-style-type:square; list-style-position:inside;}
.up {display:block; width:624px; height:16px; background:url(../images/up.gif) no-repeat 0 0;}
.up:hover {border-bottom:0; background:url(../images/up.gif) no-repeat 0 100%;}
input.button {padding:0; width:auto !important; cursor:pointer;}
input.opt {padding:0; width:auto !important; display:inline; vertical-align:middle; margin:2px 5px 4px 0;}
label.inner {text-transform:none; display:inline; font-weight:normal; color:#7f8385; font-size:11px;}
.first {padding-top:0;}
p.gray, span.gray {color:#949799;}
p.gray a {color:#f89ead;}
p.gray a:hover {color:#fff;}
a.button img {margin-top:8px;}
a.button:hover {border-bottom:0;}
.inTable {width:100%; margin-bottom:16px;}
.error {position:absolute; width:304px; left:50%; margin-left:168px; height:30px; line-height:30px; color:#fff; background:#fcd2ce; text-align:right; padding:0;}
.error span {color:#f24c3d; background:#fff; padding-left:10px; height:30px; float:right; display:block;}
div.b a {outline:none;}
div.b h4 a:hover {background:none;}
div.b img {border-bottom:10px solid #fff;}
div.b a:hover {border-bottom:0;}
div.b h4.b {height:232px;}
div.b h4.b a {display:block; width:304px; height:232px;}
div.b h4 {background-position:0 200px !important;}
div.b h4:hover {background-position:0 168px !important;}
div.b h5 {margin-bottom:16px;}
div.b p {padding-bottom:0;}
div.p {height:250px;}
div.p a {outline:none;}
div.p h4 a:hover {background:none;}
div.p img {border-bottom:10px solid #fff;}
div.p a:hover {border-bottom:0;}
div.p h4.p {height:240px;}
div.p h4.p a {display:block; width:304px; height:240px;}
div.p h4 {background-position:0 200px !important;}
div.p h4:hover, h4.hovered {background-position:0 184px !important;}
#photo {padding:0; margin-bottom:10px; width:624px; height:390px; overflow:hidden; clip:rect(0px, 624px, 390px, 0px); position:relative;}
#photo ul {padding:0; position:absolute; margin-left:0; width:10000px;}
#photo ul li {float:left; position:absolute; left:0; top:0; display:none; filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
#photo ul li.active {display:block; filter:alpha(opacity=1);-moz-opacity:1;opacity:1;}
p.featured {display:none;}
.s a {display:block; width:224px; height:16px;}
.s a:hover {background-position:0 100%; border-bottom:0;}
#pic {margin-bottom:10px; width:944px;}

/*----------Layout*/
#container {width:976px; margin:0 auto;}
#header {height:160px; position:relative;}
#content {width:944px; padding:50px 16px 0 16px; background:#fff; color:#5f6466; overflow:hidden;}
.spacer {width:944px; height:50px; clear:both;}
#end {border-top:1px solid #b9bbbc; height:49px; width:944px; overflow:hidden;}
#footer {height:52px; padding:8px 16px 0 16px; width:944px; overflow:hidden;}
.colL {width:624px; float:left;}
.colR {width:224px; float:right;}
body.photo .colR {margin-top:7px;}
.col1, .col2, .col3 {width:304px; float:left; margin-right:16px;}
.colL .col2, .col3 {margin-right:0;}
.text {width:100%; overflow:hidden;}
.backPrev a {background:url(/ui/media/images/titles/s-back-prev.gif) no-repeat 0 0;}
.br {clear:both;}

/*----------Header*/
#header ul {width:340px; height:40px; position:absolute; left:0; top:20px; padding-bottom:0;}
#header li {float:left;}
#header li a {display:block; float:left; height:40px; outline:none;}
#header li.m1 a {background:url(../images/m1.png) no-repeat 0 0; width:88px;}
#header li.m2 a {background:url(../images/m2.png) no-repeat 0 0; width:51px;}
#header li.m3 a {background:url(../images/m3.png) no-repeat 0 0; width:58px;}
#header li.m4 a {background:url(../images/m4.png) no-repeat 0 0; width:66px;}
#header li.m5 a {background:url(../images/m5.png) no-repeat 0 0; width:77px;}
#header li a:hover {background-position:0 50%; border-bottom:0;}
#header li.active a, #header li.active a:hover {background-position:0 100%;}
h3#logo, h3#logo a {display:block; width:176px; height:40px; outline:none;}
h3#logo {position:absolute; left:0; top:50px; background:url(../images/kermany.gif) no-repeat 0 0;}
h3#logo a:hover {border-bottom:0; background:none;}
h6#ls {width:176px; height:40px; position:absolute; right:0; top:110px; background:url(../images/name.png) no-repeat 0 0;}

/*----------End*/
#end blockquote, #end p {font-size:9px; line-height:12px; padding-bottom:0; padding-top:11px;}
#end blockquote {font-size:10px;}
#end blockquote span.author {font-size:9px; line-height:12px;}
#end blockquote {color:#a9acad; float:left; width:784px;}
#end p {color:#54595c; float:right; width:144px; text-align:right;}

/*----------Footer*/
#footer ul {float:left;}
#footer li {float:left; margin-right:16px;}
#footer li a {font-size:9px; line-height:12px; font-weight:bold; text-transform:uppercase; color:#949899;}
#footer li a:hover {color:#fff; background:#000;}
#footer p {font-size:9px; line-height:12px; float:right; text-align:right;}

/*----------Home*/
#home {width:960px; height:390px; position:relative; margin-bottom:10px; background:url(../images/featured.gif) no-repeat 100% 0;}
#home ul#promo {position:absolute; top:0; left:0; width:624px; height:250px; padding-top:140px; background:url(../images/promo.gif) no-repeat 0 0;}
#home ul#promo li {width:624px; height:25px; display:block;}
#home ul#promo li#p1 {background:url(/ui/media/images/home/p1.gif) no-repeat 0 0;}
#home ul#promo li#p2 {background:url(/ui/media/images/home/p2.gif) no-repeat 0 0;}
#home ul#promo li#p3 {background:url(/ui/media/images/home/p3.gif) no-repeat 0 0;}
#home ul#promo li#p4 {background:url(/ui/media/images/home/p4.gif) no-repeat 0 0;}
#home ul#promo li#p5 {background:url(/ui/media/images/home/p5.gif) no-repeat 0 0;}
#home ul#promo li#p6 {background:url(/ui/media/images/home/p6.gif) no-repeat 0 0;}
#home ul#promo li:hover {background-position:0 100% !important;}
#home .colR {position:absolute; right:16px; top:50px;}
#home p {color:#eceded;}
#home blockquote {color:#a2a5a3;}
#home a:hover {color:#fff; border-bottom-color:#fff;}
h3.about {background:url(/ui/media/images/titles/s-about2.gif) no-repeat 0 0;}
h3.contact {background:url(/ui/media/images/titles/s-contact2.gif) no-repeat 0 0;}
h3.updates {background:url(/ui/media/images/titles/s-updates.gif) no-repeat 0 0;}
#thumbs {margin-right:-16px; height:164px; margin-top:100px;}
#thumbs li {float:left; margin:0 16px 10px 0; width:64px; height:40px;}
#thumbs li a:hover {border-bottom:0;}
#fixL, #fixR {height:390px; width:4px; position:absolute; top:210px; left:50%;}
#fixL {background:url(../images/fix-left.jpg) no-repeat 0 0; margin-left:-492px;}
#fixR {background:url(../images/fix-right.jpg) no-repeat 0 0; margin-left:488px;}
.overImg {display:block; width:68px; height:44px; position:absolute; z-index:9; filter:alpha(opacity=0);opacity:0; outline:none; margin:-2px 0 0 -2px;}
.overImg:hover {border-bottom:0;}
.overImg img {width:68px; height:44px;}
#border {width:68px; height:44px; background:url(../images/border.png) no-repeat 0 0; position:absolute; z-index:8; display:none;}
body.home div.col2 blockquote {color:#cbcccc !important; font-size:21px; line-height:32px; margin-top:-11px;}
body.home .viewPortfolio a {background:url(/ui/media/images/home/viewportfolio.gif) no-repeat 100% 0; width:240px; height:40px;}
body.home .viewPortfolio a:hover {background-position:100% 100%;}
body.home h2.t {height:34px; padding:0; background:url(/ui/media/images/titles/t-hello.gif) no-repeat 0 0;}
body.home h3.updates {margin-top:50px;}