/* STOP! IT'S HAMMERTIME! | CSS BY ALEXANDER AGNARSON >>INSERT EPICLY MASSIVE COPYRIGHT SIGN HERE<< */

/*--:[ CSS Reset ]:------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, textarea, p, blockquote, th, td, img, hr, object { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
ol, ul, li { list-style: none; }
caption, th { text-align: left; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
img { display: block; }

/*- headlines -*/
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: bold; }
h1,h2,h3,h4,h5,h6 { color: #242f33; }
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { color: #1e5772; text-decoration: none; border: 0; }
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover { color: #242f33; }
h1 { font-size: 30px; margin-bottom: 9px; }
h2 { font-size: 26px; margin-bottom: 9px; }
h3 { font-size: 22px; margin-bottom: 9px; }
h4 { font-size: 18px; margin-bottom: 9px; }
h5 { font-size: 16px; margin-bottom: 6px; }
h6 { font-size: 12px; margin-bottom: 9px; }



/*--:[ Core Layout ]:------------------------------------------------*/
body { background: #fff url('img/bg.jpg') no-repeat 0 -120px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #49595f; }
a { color: #242f33; border-bottom: 1px dotted #89999f; text-decoration: none; }
a:hover { border: 0; }
.clear { clear: both;  }
p { line-height: 20px; }
em { font-family: Georgia, }
strong { color: #242f33; }
span.serif { font-weight: normal; font-style: italic; font-family: Georgia; }
.floatleft { float: left; }
.floatright { float: right; }

.pad_10 { padding: 10px; }
.pad_15 { padding: 15px; }
.pad_20 { padding: 20px; }
.pad_20 p { margin-bottom: 9px; }

#header_full, #content_full, #footer_full { clear:both; width:100%; }
#header, #footer, #content { width: 940px; margin: 0 auto; }
#single { background: #f6f6f6; float: left; width: 140px; padding: 10px 0; }
.content { border-top: 1px solid #eaeaea; padding-top: 20px; margin-top: 20px; }

/*- h2 | color bg boxes -*/
h2.title { background: #518f8a; margin-bottom: 20px; color: #fff; font-weight: bold; padding: 0 10px; font-size: 16px; text-transform: uppercase; float: left; line-height: 30px; text-shadow: 1px 1px 0 #3a716d; }
h2.title em { font-style: italic; font-family: Georgia; font-weight: normal; color: #cfedeb; text-shadow: 1px 1px 0 #43807b; text-transform: none; font-size: 18px; }
h2.title_blue { background: #17546f; margin-bottom: 20px; color: #fff; font-weight: bold; padding: 0 10px; font-size: 16px; text-transform: uppercase; float: left; line-height: 30px; text-shadow: 1px 1px 0 #0b394e; }
h2.title_blue em { font-style: italic; font-family: Georgia; font-weight: normal; color: #c3dae4; text-shadow: 1px 1px 0 #0b394e; text-transform: none; font-size: 18px; }

/*- h1 | text images -*/
h1.title { height: 70px; margin-bottom: 20px; text-indent: -9999px; display: block; }
h1.title#intro { background: url('img/h1_intro.png') no-repeat;  }

/*- outer & inner box -*/
.box-outer { background: #f6f6f6; padding: 4px; }
.box-outer-intro { background: #f6f6f6; padding: 4px; margin-bottom: 20px; }
.box-outer .box-inner, .box-outer-intro .box-inner { background: #fff; border: 1px solid #eaeaea; } 
.box-outer .box-inner#checklist-box { border-top: 0; }
.box-outer .box-inner#works_web { height: 572px; }



/*--:[ Header ]:------------------------------------------------*/
#header_full { background: #2e7278 url('img/header_bg.jpg') repeat-x top; height: 240px; }
#header { height: 240px; position: relative; }
#header h2 { text-shadow: 1px 1px 0 #fff; }
#header a#logo { background: url('img/logo.png') no-repeat; width: 177px; height: 51px; display: block; text-indent: -9999px; border: 0; position: absolute; top: 42px;  }
#header a#contact_btn { background: url('img/contact_btn.png') no-repeat top; height: 109px; width: 108px; display: block; text-indent: -9999px; position: absolute; top: 0; left: 640px; border: 0; }
#header a#contact_btn:hover { background-position: bottom; }
#header ul#hd_nav { position: absolute; right: 0; top: 0; }
#header ul#hd_nav li { margin-left: 3px; float: left; }
#header ul#hd_nav li a { height: 81px; display: block; border: 0; }
#header ul#hd_nav li#works a { background: url('img/li_works.png') no-repeat 0 -81px; width: 76px; }
#header ul#hd_nav li#works a:hover { background-position: top; }
#header ul#hd_nav li#works a.current { background-position: bottom!important; }
#header ul#hd_nav li#home a { background: url('img/li_home.png') no-repeat 0 -81px; width: 67px; }
#header ul#hd_nav li#home a:hover { background-position: top; }
#header ul#hd_nav li#home a.current { background-position: bottom!important; }

#header h1.title#title1 { background: url('img/h1_works.png') no-repeat; position: absolute; top: 129px; height: 70px; width: 940px; display: block; }
#header h1.title#title2 { background: url('img/h1_title2.png') no-repeat; position: absolute; top: 129px; height: 70px; width: 940px; display: block; }

/*- multi & single project | page top -*/
#content_top { margin-top: 0px; }
#content_top #logo { position: absolute; background: url('img/logo.png') no-repeat top; height: 53px; width: 241px; border: 0; margin-top: -70px;  } 
#content_top #logo:hover { background-position: bottom; }
#content_top p a { font-weight: bold; }
#content_top p#scroll { background: url('img/scroll.png') no-repeat 0 0; padding-left: 40px; font-family: Georgia; font-style: italic; font-size: 18px; color: #1e5772; margin-top: 30px; margin-bottom: 30px; line-height: 30px; float: left; }
#content_top a#back { background: url('img/back.png') no-repeat 0 0; padding-left: 40px; font-family: Georgia; font-style: italic; font-size: 18px; color: #1e5772; margin-top: 30px; margin-bottom: 30px; line-height: 30px; text-decoration: none; border: 0; font-weight: normal; display: block; float: left; }

/*- multi & single project | nav top -*/
#content_top #nav, #content_top #nav * { list-style: none; margin: 0; padding: 0; }
#content_top #nav { position: relative; top: 34px; height: 25px; font-family: Arial, Georgia, sans-serif; float: right; }
#content_top #nav li { float: left; margin-left: 6px; background: url('img/nav_li.png') no-repeat right top; font-size: 12px; text-transform: uppercase; font-weight: bold; color: #242f33; }
#content_top #nav li.current{ background-position: right bottom; }
#content_top #nav li a { float: left; display: block; height: 25px; padding: 0 15px; line-height: 25px; background: url('img/nav_li_a.png') no-repeat left top; color: #242f33; border: 0; text-shadow: 1px 1px 0 #eaedf2; }
#content_top #nav li.current a{ background-position: left bottom; color: #fff; text-shadow: 1px 1px 0 #b7bac3; }
#content_top #nav li:hover{ background-position: right -25px; }
#content_top #nav li.current:hover{ background-position: right bottom; }
#content_top #nav li:hover a { background-position: left -25px; color: #242f33; }
#content_top #nav li.current:hover a { background-position: left bottom; color: #fff; text-shadow: 1px 1px 0 #b7bac3; }



/*--:[ Introduction Page ]:------------------------------------------------*/
#intro #header_full { background: #2e7278 url('img/header_bg_intro.jpg') repeat-x top; height: 579px; }
#intro #header { height: 579px; position: relative; }
#intro #header #featured { background: url('img/bg_featured.png') no-repeat; width: 780px; height: 337px; position: absolute; top: 242px; left: 80px; }
#intro #header #featured #featured_image { position: relative; margin-top: 15px; width: 780px; height: 322px; }
#intro #header #featured #featured_image a { border: 0; }
#intro #header #featured #featured_image img { width: 780px; height: 322px; top:0; left:0 }
#intro #header #featured_btn_prev { background: url('img/featured_btn_prev.png') no-repeat top; width: 62px; height: 63px; display: block; cursor: pointer; position: absolute; top: 389px; left: 0;}
#intro #header #featured_btn_prev:hover { background-position: bottom; }
#intro #header #featured_btn_prev:active{ background-position: top; }
#intro #header #featured_btn_next { background: url('img/featured_btn_next.png') no-repeat top; width: 62px; height: 63px; display: block; cursor: pointer; position: absolute; top: 389px; left: 880px;}
#intro #header #featured_btn_next:hover { background-position: bottom; }
#intro #header #featured_btn_next:active{ background-position: top; }

#intro #intro_content { border-top: 1px solid #eaeaea; width: 100%; padding: 30px 0; margin-top: 20px; }
#intro #intro_content #col_1 { float: left; width: 420px; }
#intro #intro_content #col_1 p { margin-bottom: 15px; }
#intro #intro_content #col_1 p a { font-weight: bold; }
#intro #intro_content #col_1 h5 { margin-bottom: 15px; } 
#intro #intro_content #col_2 h5 { margin-top: 20px; border-top: 1px solid #eaeaea; padding-top: 15px; } 
#intro #intro_content #col_2 { float: left; width: 230px; margin-left: 30px; }
#intro #intro_content #col_3 { float: left; width: 230px; margin-left: 30px; }
#intro #intro_content #col_3 img.preview { width: 100%; }

#intro #intro_content #col_3 a#goto { display: block; background: #fcf9a7; color: #242f33; border: 0; padding: 10px 0; font-size: 16px; font-family: Georgia; font-style: italic; text-align: center; border-bottom: 1px solid #e2e151; border-right: 1px solid #e2e151; margin-top: 20px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
#intro #intro_content #col_3 a#goto:hover { color: #518f8a; }
#intro #intro_content #col_2 blockquote p { padding: 0!important; margin: 0!important; }
#intro #intro_content #col_2 blockquote p a { }
#intro #intro_content #col_2 blockquote p a:hover { text-decoration: none; }
#intro #intro_content #col_2 blockquote { text-align: right; margin-top: 0px; }
#intro #intro_content #col_2 blockquote p.first { background: url('img/bg_blockquote.png') no-repeat; color: #17546f; font-size: 18px; font-style: italic; font-family: Georgia; padding: 15px 20px 5px 20px!important; line-height: 24px; text-align: left; text-shadow: 1px 1px 0 #fff; }
#intro #intro_content #col_2 blockquote p.first a { color: #999; text-decoration: none; }
#intro #intro_content #col_2 blockquote p.first a:hover { text-decoration: none; color: #ccc; }
#intro #intro_content #col_2 blockquote cite { background:url('img/bg_blockquote_bottom.png') no-repeat top left; color: #17546f; display: block; font-size: 16px; font-weight: bold; font-style: normal; line-height: 1.2; padding: 50px 0 0 0; }
#intro #intro_content #col_2 blockquote:hover cite { color: #518f8a; }
#intro #intro_content #col_2 blockquote cite span { display: block; font-size:12px; }
#intro #intro_content #col_2 blockquote cite span a { }
#intro #intro_content #col_2 blockquote:hover cite span a { }

#intro #intro_content #col_2 ul { }
#intro #intro_content #col_2 ul li { }
#intro #intro_content #col_2 ul li a { background: url('img/bullet_col_2.png') no-repeat right 7px; display: block; color: #17546f; border-bottom: 1px solid #eaeaea; padding: 6px 0; font-size: 16px; font-weight: bold; }
#intro #intro_content #col_2 ul li a:hover { background-position: right -26px; font-weight: bold; color: #518f8a; }



/*--:[ Multi Projects Page ]:------------------------------------------------*/
#portfolio { border-top: 1px solid #eaeaea; width: 100%; padding: 30px 0; }
#wrap-center { float: left; width: 940px; }
#wrap-left { float: left; width: 670px;}
#wrap-right { float: right; width: 240px; min-height: 533px; position: relative; }
#wrap-right p { margin-bottom: 20px; }
#wrap-right p a { font-weight: bold; }

/*- project boxes -*/
#box_wrap { width: 960px; margin-left: -10px; }
.box { float: left; margin: 0 10px 10px 10px; float: left; padding: 0; width: 300px; border-bottom: 1px solid #eaeaea; }
.box .boxgrid { width: 300px; height: 200px; background: #cdd0d7; overflow: hidden; position: relative; }
.box .boxgrid img { position: absolute; top: 0; left: 0; border: 0; }
.box .boxgrid img:active { opacity: 0.90; filter:alpha(opacity=90); } 
.box a.view { background: #242f33 url('img/box_view.png') no-repeat 0 0; display: block; width: 270px; padding-left: 30px; font-weight: bold; text-transform: uppercase; color: #fff; line-height: 40px; height: 40px; display: block; text-shadow: 1px 1px 0 #131a1c; border: 0; }
.box a.view:hover { background: #242f33 url('img/box_view.png') no-repeat 0 0; text-shadow: 1px 1px 0 #131a1c; }
.box .pad { padding: 20px 0; }
.box p.name { font-weight: bold; font-size: 12px; color: #242f33; text-transform: uppercase; }
.box p.date {  }
.box p a { color: #1e5772; }

/*- sidebar boxes -*/
#wrap-right-works { float: right; width: 300px; height: 571px; position: relative; margin-right: 10px; margin-bottom: 10px; border-bottom: 1px solid #eaeaea; }
ul#design_steps { margin: 20px 0 10px 0; }
ul#design_steps li { padding-left: 50px; font-size: 24px; font-family: Georgia; font-style: italic; color: #242f33; }
ul#design_steps li span { font-family: Arial; font-style: normal; font-weight: bold; font-size: 16px; padding-right: 5px; color: #242f33; }
ul#design_steps li p { font-style: normal; font-size: 12px; color: #95a3a8; font-family: Arial; }
ul#design_steps li#s1 { background: url('img/li_design_steps_1.png') no-repeat 0 5px; }
ul#design_steps li#s2 { background: url('img/li_design_steps_2.png') no-repeat 0 5px; }
ul#design_steps li#s3 { background: url('img/li_design_steps_3.png') no-repeat 0 5px; }
ul#myspace { margin: 20px 0 10px 0; }
ul#myspace li { padding-left: 50px; font-size: 24px; font-family: Georgia; font-style: italic; color: #242f33; }
ul#myspace li a { border: 0; }
ul#myspace li p { font-style: normal; font-size: 12px; color: #95a3a8; font-family: Arial; }
ul#myspace li#s1 { background: url('img/li_myspace.png') no-repeat 0 5px; }



/*--:[ Single Project Page ]:------------------------------------------------*/
h3.portfolio_single { padding: 0 0 10px 0; float: left; font-size: 26px; }
p.category { color: #518f8a; font-weight: bold; text-transform: uppercase; margin-bottom: 0; }

/*- jquery slideshow -*/
#slideshow { width: 620px; height: 413px; position: relative; }
#slideshow .images { padding: 0; margin: 0; overflow: hidden; }
#slideshow .images img { width: 620px; top:0; left:0 }

/*- jquery slideshow | next & prev btn -*/
#btn_wrap { position: relative; float: right; }
#btn_next { background: url('img/btn_next.png') no-repeat top; float: left; height: 30px; width: 30px; display: block; cursor: pointer; text-indent: -9999px; }
#btn_next:hover { background-position: bottom; }
#btn_prev { background: url('img/btn_prev.png') no-repeat top; float: left; margin-right: 6px; height: 30px; width: 30px; display: block; cursor: pointer; text-indent: -9999px; }
#btn_prev:hover { background-position: bottom; }

/*- beside slideshow | checkboxes -*/
#bottom { position: absolute; bottom: 0; }
ul#checklist { line-height: 20px; }
ul#checklist li { background: #f8f9fa url('img/bullet_check_no.png') no-repeat 10px 11px; border-bottom: 1px solid #fff; border-top: 1px solid #e1e3e7; width: 193px; font-weight: normal; padding: 10px 0 10px 37px; color: #aeb2ba; }
ul#checklist li.left { margin: 0; }
ul#checklist li.selected { color: #242f33; background: #f8f9fa url('img/bullet_check_yes.png') no-repeat 10px 11px; font-weight: bold; }

/*- below slideshow | links -*/
#singlelinks { float: left; width: 444px; line-height: 50px; font-weight: bold; color: #242f33; margin: 0 20px; border-bottom: 1px solid #eaeaea; }
#singlelinks ul { float: right; }
#singlelinks ul li { float: left; padding-left: 25px; background: url('img/bullet_singlelinks.png') no-repeat 10px 21px; }
#singlelinks ul li a { color: #1e5772; font-weight: bold; border-bottom: 0; }
#singlelinks ul li a:hover { text-decoration: underline; }

/*- below slideshow | comment number -*/
a#commentbubble { margin-top: 28px; padding-right: 1px; color: #fff; float: left; background: #518f8a url('img/bubble.png') no-repeat; width: 45px; height: 50px; display: block; font-size: 30px; font-weight: bold; text-align: center; line-height: 47px; text-shadow: 1px 1px 0 #3a716d; letter-spacing: -1px; border: 0; }
a#commentbubble:hover { color: #cfedeb; }

/*- below slideshow | project date -*/
p.date-single { float: left; line-height: 24px; }
.calendar { padding-left: 20px; }
.calendar p#day { text-align: center; float: left; font-family: Georgia; font-size: 40px; letter-spacing: -1px; color: #242f33; width: 100px; height: 32px; }
.calendar p#day em { padding: 0 5px; font-size: 18px; font-style: italic; font-family: Georgia; color: #999; line-height: 40px; }
.calendar p#day span { font-style: italic; font-size: 11px; color: #242f33; padding-bottom: 40px; letter-spacing: 0;  }
.calendar p#month { float: left; text-align: center; width: 100px; text-align: center;  padding-bottom: 4px; padding-top: 4px; color: #1e5772; line-height: 20px; font-size: 18px; }



/*--:[ Footer ]:------------------------------------------------*/
#footer_full { background: #ebeded url('img/bg_footer.png') repeat-x top; margin-top: 40px; }
#footer { padding: 30px 0 10px 0; position: relative; }
#footer h5 { color: #518f8a; font-size: 14px; }
#footer #fcol_1 { float: left; width: 200px; padding: 0 20px 0 0; }
#footer #fcol_2 { float: left; width: 100px; border-right: 1px solid #d3dbdb; border-left: 1px solid #d3dbdb; padding: 0 20px; }
#footer #fcol_2 a { font-weight: bold; }
#footer #fcol_2 h5 { color: #17546f; }
#footer #fcol_3 { float: left; width: 538px; padding: 0 0 0 20px; }
#footer #mail_option { position: absolute; bottom: 15px; font-size: 11px; left: 649px; }
#footer a#top_btn { background: url('img/top_btn.png') no-repeat top; width: 30px; height: 30px; position: absolute; bottom: 40px; left: 0; display: block; text-indent: -9999px; border: 0; }
#footer a#top_btn:hover { background-position: bottom; }
/*- hide wpstats smiley -*/
img#wpstats{width:0px;height:0px;overflow:hidden}



/*--:[ Contact Form | cformsII ]:------------------------------------------------*/
fieldset .cf-fs1 { width: 558px; }
legend { display: none; }
li#li--3 input, li#li--4 input, li#li--5 input { float: right; padding: 8px 7px 8px 7px; line-height: 12px!important; border: 0; width: 160px; border-right: 1px solid #d3dbdb; border-bottom: 1px solid #d3dbdb; color: #49595f; font-family: Arial; font-size: 12px; }
li#li--3, li#li--4, li#li--5 { float: left; width: 260px; display: block; margin: 0 0 7px 0; height: 30px; }
li#li--3 label span, li#li--4  label span, li#li--5 label span { line-height: 30px!important; font-weight: bold; float: left; }
li#li--3 span.reqtxt { display: none; }
li#li--4 span.emailreqtxt { display: none; }
li#li--2 { float: right; width: 278px; margin: 0; padding: 0; }
li#li--2 span.reqtxt { display: none; }
li#li--2 span { display: none; }
li#li--2 textarea { height: 93px; width: 276px; padding: 7px; border: 0; color: #49595f; border-right: 1px solid #d3dbdb; border-bottom: 1px solid #d3dbdb; font-family: Arial; font-size: 12px; margin-left: 7px; margin-bottom: 7px; line-height: 18px; }
.linklove { display: none; }
.cf_info { display: none; }
.cf_li_text_err { display: none; }
input#sendbutton { border: 0; color: #fff; font-weight: bold; text-transform: uppercase; font-family: Arial; font-size: 12px; background: #518f8a; float: right; padding: 4px 10px 3px 10px; margin-right: -19px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-right: 1px solid #3c746f; border-bottom: 1px solid #3c746f; text-shadow: 1px 1px 0 #3a716d; cursor: pointer; }