/***** Reset *****/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure,  footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a { text-decoration:none; font-weight:bold; }
a:hover { text-decoration:none; cursor:pointer; }
@font-face { font-family: 'FranchiseRegular'; src: url('fonts/franchise-bold-webfont.eot'); src: url('fonts/franchise-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/franchise-bold-webfont.woff') format('woff'), url('fonts/franchise-bold-webfont.ttf') format('truetype'), url('fonts/franchise-bold-webfont.svg#FranchiseRegular') format('svg'); font-weight: normal; font-style: normal; }
button, input { padding:0; width:auto; overflow:visible; }



/***** Clear containers *****/
.clear { clear:both; }
.clear5 { clear:both; height:5px; }
.clear10 { clear:both; height:10px; }
.clear15 { clear:both; height:15px; }
.clear20 { clear:both; height:20px; }
.clear25 { clear:both; height:25px; }
.clear30 { clear:both; height:30px; }
.clear35 { clear:both; height:35px; }
.clear40 { clear:both; height:40px; }
.clear45 { clear:both; height:45px; }
.clear50 { clear:both; height:50px; }
.clearleft10 { clear:left; height:10px; }


/***** Body *****/
body { margin:0 auto; padding:50px 0 0 0; text-align:center; font:normal 12px arial, helvetica, sans-serif; color:#333; background:url(../img/bg1.png) repeat; line-height:140%; border-top:solid 3px #FFF; }


/***** Container *****/
#container { margin:0 auto; padding:0; width:981px; background:url(../img/bg3.png) no-repeat center top #FFF; border:solid 2px #c7c2a4; position:relative; text-align:left; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; min-height:680px; margin-bottom:20px; }
.second_container { background:url(../img/secondbg.png) no-repeat center top #FFF !important; }
.second_container .tweet { top:100px !important; background:url(../img/tweetbg2.png) no-repeat !important; }
.second_container .twitter_bird { top:120px !important; }
.aboutbg { background:url(../img/aboutbg.png) no-repeat center top #FFF !important;  }
.workbg { background:url(../img/workbg.png) no-repeat center top #FFF !important;  }
.servicesbg { background:url(../img/servicesbg.png) no-repeat center top #FFF !important;  }
.contactbg { background:url(../img/contactbg.png) no-repeat center top #FFF !important;  }
.blogbg { background:url(../img/blogbg.png) no-repeat center top #FFF !important;  }


/***** Misc *****/
#container .twitter_bird { position:absolute; top:370px; left:550px; width:64px; height:64px; background:url(../img/animals/twitter.png) no-repeat; }
#container .main_head { margin:0 0 0 550px; position:absolute; top:124px; font:normal 51px 'FranchiseRegular', arial, sans-serif; color:#88371e; text-shadow:2px 2px #FFF; }
#container .main_sub_head{ margin:0 0 0 550px; position:absolute; top:174px; font:normal 25px 'FranchiseRegular', arial, sans-serif; color:#333; text-transform:lowercase; line-height:120%; }
#container .tweet { width:309px; height:128px; position:absolute; left:630px; top:340px; background:url(../img/tweetbg.png) no-repeat; }
#container .tweet .latest { padding:15px 0 5px 0; border-bottom:solid 1px #DDD; margin:0 20px 10px 20px; font:normal 21px 'FranchiseRegular', arial, sans-serif; color:#0860a8; }
#container .tweet .date { margin:0 0 8px 20px; font-weight:bold; font-size:11px; color:#80432f; }
#container .tweet .desc { margin:0 20px; padding:0; }
#container .tweet .desc a { color:#444; font:normal 25px 'FranchiseRegular', arial, sans-serif; }
#container .recent_work { position:absolute; top:225px;  margin:0 0 0 550px; display:inline-block; width:375px; padding:14px 0; background:#a02417; text-align:center; font:normal 30px 'FranchiseRegular', arial, sans-serif; text-transform:lowercase; z-index:10001001; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; color:#FFF; box-shadow:2px 2px #62160d; text-shadow:1px 1px #62160d; }
#container .recent_work:hover { cursor:pointer; background:#2a7282 !important; box-shadow:2px 2px #114a57 !important; color:#FFF; text-shadow:1px 1px #114a57; }

.second_container .main_head { margin-left:660px !important; font-size:39px !important; }
.second_container .main_sub_head { margin-left:660px !important; top:160px !important; font-size:27px !important; }
.second_container .recent_work { margin-left:660px !important; width:285px !important; padding:10px 0 !important; top:210px !important; }
.second_container .recent_work:hover { cursor:pointer; background:#2a7282 !important; box-shadow:2px 2px #114a57 !important; color:#FFF; text-shadow:1px 1px #114a57; }


/***** Login form *****/
#container .loginform { position:absolute; right:20px; float:right; width:200px; height:220px; margin:-246px 0 0 0; z-index:10001; background:#FFF; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
#container .loginform #loginform { height:190px; }
#container .loginform #logbtn { height:30px; display:block; line-height:30px !important; text-align:center; color:#a02417; font:normal 20px 'FranchiseRegular', arial, sans-serif; }
#container .loginform #logbtn:hover { color:#2a7282; }
#container .loginform .logbtn2 { background:#135969 !important; color:#FFF !important; -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; }
#container .loginform .h { padding-top:20px; margin:0 15px 15px 15px; font:normal 25px 'FranchiseRegular', arial, sans-serif; }
#container .loginform p { margin:0 14px 9px 14px; font-size:11px; line-height:130%; }
#container .loginform label { font-weight:bold; }
#container .loginform .txt { background:#EEE; padding:0; border:none; width:170px; margin:2px 0 0 0; font-size:12px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#container .loginform .txt:focus { background:#F2F2F2; }
#container .loginform span { color:#C20000; }
#container .loginform .btn { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; display:block; width:170px; padding:3px 0; text-align:center; color:#FFF; background:#a02417; border:none; font:normal 21px 'FranchiseRegular', arial, sans-serif; }
#container .loginform .btn:hover { background:#333; cursor:pointer; }
#container .logform2 { background:#2a7282 !important; color:#FFF; }


/***** Misc content *****/
.large_spacer { height:439px; width:100%; position:relative; }
.medium_spacer { height:199px; width:100%; position:relative; }
p.r { text-align:right !important; }
.txt, .txtarea { font:normal 14px arial, helvetica, sans-serif; } 
.simple_spacer { height:10px; border-bottom:solid 2px #c7c2a4; margin:0 0 25px 0; }
#map { width:306px; height:250px; margin:0 0 15px 0; border:solid 2px #c7c2a4; }
.success { color:#165e1c; font-weight:bold !important; font-size:16px !important; }
.success2 { background:#217c29; padding:8px 10px !important; font-weight:bold !important; font-size:14px !important; color:#FFF !important; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; box-shadow:2px 2px #0c5512; line-height:150% !important; }
.errors { color:#a02417; font-weight:bold !important; font-size:16px !important; }
.onehundred { height:100px; }
.fourteen { font-size:14px !important; }
.nmr20 { margin:0 20px 0 0 !important; }
.r20 { margin-right:20px !important; }
.eighty { height:80px !important; }
.nm { margin:0 !important; }
.title_bg { background:#a02417; padding:8px 20px; color:#FFF !important; text-decoration:none; line-height:30px !important; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; }
.title_bg:hover { background:#2a7282; color:#FFF; }
.gen_img { width:310px; height:91px; margin:0 0 15px 0; }
.file { margin:0 0 16px 0; padding:0 0 6px 0 !important; border-bottom:dotted 2px #DDD; font-size:11px !important; font-weight:bold !important; }
.file2 { margin:0 0 20px 0; padding:0 !important; font-size:11px !important; font-weight:bold !important; }
.sixteen { font-size:16px; }
.bold { font-weight:bold; }
.rnav { text-align:right; margin:0; padding:0; }
.rnav a { font:normal 21px 'FranchiseRegular', arial, sans-serif; background:#2a7282; padding:4px 8px; color:#FFF !important; text-decoration:none; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; margin-left:8px; }
.rnav a:hover { background:#a02417; }
.rnav span { font:normal 21px 'FranchiseRegular', arial, sans-serif; color:#333; background:#DDD; padding:4px 8px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; margin-left:8px; }
.right_blog_img { width:190px; float:right; height:160px; margin:0 0 0 20px; }
.small_blog_img { width:130px; height:109px; float:right; margin:0 20px 10px 20px; border:solid 2px #DDD; }
.small_blog_img:hover { border-color:#BBB; border-style:dashed; }
.right_img_larger { width:350px; float:right; border:solid 2px #CCC; margin:0 0 0 20px; }
.fb-like { float:left; width:190px; }
.code { background:#DDD; padding:10px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; margin:0 0 0 20px !important; }
.full_desc { font-size:14px !important; }
.full_desc p { line-height:155% !important; }
#left_con .post_info { background:url(../img/icons/bread.png) repeat; padding:0 15px; height:30px; line-height:30px; border:solid 1px #CCC; margin:-10px 0 25px 0; font-size:11px; font-weight:bold; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; text-shadow:0 1px #FFF; }

.whole_success { margin:0 25px 25px 25px; padding:10px; background:#eaf7d9; border:solid 1px #bbdf8d; font-size:14px; position:relative; }
.whole_error { margin:0 25px 25px 25px; padding:10px; background:#ffd1d1; border:solid 1px #f8acac; font-size:14px; position:relative; }
.whole_success a, .whole_error a { position:absolute; right:15px; color:#0860a8; text-decoration:none; }
.whole_success a:hover, .whole_error a:hover { color:#333; }


/***** Nav *****/
nav { background:url(../img/nav.png) no-repeat; width:1003px; height:132px; margin:-25px 0 0 -11px; position:relative; }
nav ul { list-style:none; margin:0 0 0 20px; padding:42px 0 0 0; }
nav ul li { float:left; display:inline-block; }
nav ul li a { display:inline-block; margin:0; padding:0 20px; height:38px; line-height:38px !important; text-transform:lowercase; font:normal 26px 'FranchiseRegular', arial, sans-serif; color:#FFF; text-decoration:none; border-left:dashed 1px #b96f51; border-right:dashed 1px #3b1c0c; position:relative; }
nav ul li.l a { border-left:none; }
nav ul li.r a { border-right:none; }
nav ul li a.current { color:#e7c0af; }
nav ul li a:hover { color:#DDD; cursor:pointer; }
nav ul li ul { padding-top:0; margin:0; display:none; width:130px; position:absolute; background:url(../img/icons/dropbg.png) repeat; z-index:1000102; -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; }
nav ul li ul li { display:block; float:none; } 
nav ul li ul li a { display:block; padding:0 16px; height:54px; line-height:54px !important; border:none; border-bottom:dashed 1px #9f573b; border-top:dashed 1px #3e2113; }
nav ul li ul li.top a { border-top:none !important; }
nav ul li ul li.bottom a { border-bottom:none !important;  }
nav .social { position:absolute; right:185px; top:42px; height:38px; line-height:38px !important; font:normal 26px 'FranchiseRegular', arial, sans-serif; color:#FFF; }
nav .social .twitter { position:absolute; left:120px; top:7px; width:24px; height:24px; background:url(../img/icons/social.png) no-repeat -90px 0; display:block; }
nav .social .facebook { position:absolute; left:155px; top:7px; width:24px; height:24px; background:url(../img/icons/social.png) no-repeat -60px 0; display:block; }
nav .social .mail { position:absolute; left:190px; top:7px; width:24px; height:24px; background:url(../img/icons/social.png) no-repeat 0px 0; display:block; }
nav .social .rss { position:absolute; left:225px; top:7px; width:24px; height:24px; background:url(../img/icons/social.png) no-repeat -120px 0; display:block; }



/***** Footer *****/
footer { margin:0 auto; text-align:center; width:981px; padding:0; position:relative; }
footer ul { list-style:none; margin:0 0 15px 0; height:30px; padding:0; }
footer ul li { display:inline-block; margin:0; padding:0; }
footer ul li a { color:#a02417; display:inline-block; height:30px; line-height:30px !important; text-transform:lowercase; font:normal 21px 'FranchiseRegular', arial, sans-serif; padding:0 16px; border-right:solid 1px #BBB; border-left:solid 1px #FFF; text-shadow:1px 1px #FFF; }
footer ul li a:hover { color:#2a7282; text-decoration:none; }
footer ul li.l a { border-left:none; }
footer ul li.r a { border-right:none; }
footer p { font-weight:bold; font-size:11px; text-shadow:1px 1px #FFF; margin:0 0 20px 0; }
footer a { color:#333; }
footer a:hover { text-decoration:underline; }



/***** Crumb *****/
p.crumb { height:30px; line-height:30px !important; background:url(../img/icons/bread.png) repeat; border-bottom:solid 2px #c7c2a4; padding:0 15px; font-size:11px; margin:0 0 25px 0; }
.crumb a { color:#0860a8; display:inline-block; padding:0; margin:0 15px 0 0; float:left; }
.crumb .sep { display:inline-block; margin:0 15px 0 0; height:30px; width:8px; background:url(../img/icons/arrow.png) no-repeat; float:left; }



/***** Left content *****/
#left_con { float:left; width:580px; margin:0 0 0 25px; position:relative; } 
#left_con .h, #whole_content .h { font:normal 36px 'FranchiseRegular', arial, sans-serif; color:#333; margin:0 0 20px 0; }
#left_con .subh { font:normal 24px 'FranchiseRegular', arial, sans-serif; color:#333; margin:0 0 20px 0; }
#left_con p { margin:0 0 20px 0; padding:0; font:normal 14px arial, helvetica, sans-serif; position:relative; line-height:140%; }
#left_con label { font:normal 21px 'FranchiseRegular', arial, sans-serif; display:inline-block; float:left; text-align:right; width:120px; margin:0 20px 0 0; }
#left_con label span, #sidebar label span { color:#a02417; }
#left_con .txt { border:solid 1px #c7c2a4; width:320px; background:#EEE; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#left_con .txtarea { border:solid 1px #c7c2a4; width:410px; background:#EEE; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#left_con .txt:focus, #left_con .txtarea:focus { background:#E4E4E4; }
#left_con p.r { width:552px; }
#left_con .btn { background:#a02417; border:none; box-shadow:2px 2px #62160d; padding:8px 15px; color:#FFF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-transform:lowercase; font:normal 24px 'FranchiseRegular', arial, sans-serif; }
#left_con .btn:hover, #sidebar .btn:hover { background:#2a7282 !important; box-shadow:2px 2px #114a57 !important; color:#FFF; cursor:pointer; }
#left_con a, #sidebar a { color:#a02417; }
#left_con a:hover, #sidebar a:hover { color:#2a7282; }
#left_con ul.resources { margin:0 0 20px 0; padding:0; }
#left_con ul.resources li { margin:0 0 20px 0; padding:0 0 0 40px; background:url(../img/icons/forward.png) no-repeat top left; font-size:14px; line-height:140%; }

#left_con .mail_list { margin:0 0 25px 0; padding:0; font-size:14px; }
#left_con .mail_list li { margin:0 0 10px 0; padding:0 0 0 24px; background:url(../img/tick.png) no-repeat 0 2px; }

.right_img { float:right; margin:0 0 0 20px; border:solid 2px #c7c2a4; }
.right_img2 { float:right; margin:0 0 0 20px; }


/***** Sidebar *****/
#sidebar { float:right; width:310px; margin:0 25px 0 0; position:relative; }
#sidebar .h { font:normal 24px 'FranchiseRegular', arial, sans-serif; margin:0 0 20px 0; }
#sidebar ul { list-style:none; margin:0; padding:0; }
#sidebar ul li { display:block; margin:0 0 15px 0; padding:0 0 0 40px; font-size:14px; min-height:32px; line-height:32px; }
#sidebar ul li.home { line-height:18px; background:url(../img/icons/home.png) no-repeat top left; }
#sidebar ul li.twitter { background:url(../img/icons/twitter.png) no-repeat center left; }
#sidebar ul li.email { background:url(../img/icons/email.png) no-repeat center left; }
#sidebar ul li a { color:#a02417; }
#sidebar ul li a:hover { color:#16515e; }

#sidebar ul.category_list { list-style:none; margin:0 !important; padding:0; }
#sidebar ul.category_list li { float:left; width:150px; display:inline-block; margin:0 0 9px 0 !important; font-size:12px; padding:0; }
#sidebar ul.category_list li.right { float:right; }
#sidebar ul.category_list li a { display:block; padding:0 10px; height:32px; line-height:32px !important; background:#EEE; border:solid 1px #CCC; border-top:solid 2px #CCC; border-right:solid 2px #CCC; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; }
#sidebar ul.category_list li a.current { color:#333 !important; }

#sidebar .date { font-weight:bold; font-size:11px; margin:0; color:#673221; padding:0 0 5px 0; }
#sidebar .desc { font-size:14px; margin:0 0 20px 0; padding:12px 15px 15px 15px; border:solid 3px #c7c2a4; background:#EEE; border-top:solid 1px #c7c2a4; border-left:solid 1px #c7c2a4; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
#sidebar .desc a { color:#255675; font-weight:normal; }
#sidebar #exchangeform { position:relative; }
#sidebar #exchangeform p, #sidebar #uploadform p { margin:0 0 15px 0; }
#sidebar #exchangeform label { font-weight:bold; }
#sidebar #exchangeform .txt, #sidebar #uploadform .txt { position:absolute; right:0; width:210px; border:solid 1px #c7c2a4; background:#E8E8E8; font-size:12px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }  
#sidebar .code_txtarea { border:solid 1px #aed1d9; width:288px; padding:10px; margin:0 0 10px 0; font:normal 12px arial, helvetica, sans-serif; background:#d7ecf1; }
#sidebar .btn { background:#a02417; border:none; box-shadow:2px 2px #62160d; padding:8px 15px; color:#FFF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; text-transform:lowercase; font:normal 21px 'FranchiseRegular', arial, sans-serif; }
#sidebar .errors, #sidebar .success { font-size:14px !important; }
#sidebar .whole_btn, #small_sidebar .whole_btn { background:#2a7282; box-shadow:2px 2px #114a57; color:#FFF; display:block; height:50px; line-height:50px !important; text-align:center; font:normal 28px 'FranchiseRegular', arial, sans-serif; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
#sidebar .whole_btn:hover, #small_sidebar .whole_btn:hover { color:#FFF; background:#a02417; box-shadow:2px 2px #62160d; }



/***** Jobs table *****/
table.jobs { border:solid 1px #c7c2a4; margin:0 0 20px 0; padding:0; }
table.jobs tr th { text-align:left; padding:0 10px; height:30px; line-height:30px !important; background:url(../img/icons/bread.png) repeat; border-bottom:solid 1px #c7c2a4; font-weight:bold; }
table.jobs tr td { text-align:left; padding:7px 10px; }
table.jobs tr.row1 td { background:#EEE; }
table.jobs tr.row0 td { background:#EEE; }
table.jobs tr:hover td { cursor:pointer; background:#DDD; }
table.jobs tr:hover td a { color:#2a7282 !important; }



/***** Vacancy page *****/
.postdate { margin:-10px 0 30px 0 !important; padding:0 15px !important; line-height:30px !important; height:30px; background:url(../img/icons/bread.png) repeat; border:solid 1px #c7c2a4; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; position:relative; font-size:12px !important; }
.postdate span { position:absolute; right:15px; }
.vacancy { margin:0 0 30px 0 !important; }
.vacancy p { position:relative; font-weight:bold !important; font-size:12px !important; margin:0 0 8px 0 !important; }
.vacancy span { position:absolute; left:100px; font-weight:normal !important; }


/***** Services page *****/
#sidebar .intro { padding:20px 20px 10px 20px; color:#FFF; background:#224a6c; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; margin:0 0 25px 0; box-shadow:2px 2px #0f2c44; }
#sidebar .intro p { margin:0 0 15px 0 !important; }


/**** Service DIVs *****/
#webdesign { display:block; }
.service_tab { display:none; padding:20px; border:solid 2px #DDD; border-top:none; margin:0 0 20px 0; -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; border-bottom-right-radius:10px; border-bottom-left-radius:10px; }
.service_tab .info_h { color:#a02417; font-weight:bold !important; }
.service_tab ul { width:255px; float:left; color:#2a7282; font-weight:bold; }
.service_tab ul li { margin:0 0 4px 0; font-size:12px; }
.service_tab ul li a { color:#2a7282 !important;  }
.service_tab ul li a:hover { color:#a02417 !important; }


/***** Tabs above DIVs *****/
ul.services { background:#DDD; height:45px; margin:0; padding:0 20px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border-top-left-radius:10px; border-top-right-radius:10px; }
ul.services li { float:left; margin:10px 10px 0 0; padding:0; display:inline-block; }
ul.services li a { display:inline-block; padding:0 15px; height:35px; line-height:35px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; border-top-left-radius:10px; border-top-right-radius:10px; }
ul.services li a.current { background:#FFF; }


/***** Blog *****/
#searchform { margin:-5px 0 30px 0; padding:15px 20px; background:#CCC; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; box-shadow:2px 2px #AAA; }
#searchform p { height:30px; position:relative; }
#searchform .txt { height:30px; line-height:30px !important; border:none; width:185px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#searchform .btn { height:30px !important; padding:0 !important; width:80px; text-align:center; box-shadow:none; display:inline-block; position:absolute; right:0; top:0; line-height:30px !important; }
#searchform .btn:hover { box-shadow:none !important; }



/***** Homepage columns *****/
.col { margin:0 30px 0 0; width:302px; height:280px; float:left; border-right:dashed 2px #c7c2a4; }
.col .h { margin:0 0 20px 0; font:normal 24px 'FranchiseRegular', arial, sans-serif; }
.col p { margin:0 25px 20px 0; padding:0; font-size:14px; line-height:140%; }
.first_col { margin-left:25px; }
.last_col { margin-right:0 !important; width:268px; border-right:none; }

.col ul { list-style:none; margin:0; padding:0; }
.col ul li { margin:0 0 12px 0; padding:0 0 0 28px; font-size:14px; }
.col ul li a { color:#0860a8; }
.col ul li a:hover { color:#a02417 !important; }
.col ul li.webdesign { background:url(../img/icons/webdev.png) no-repeat center left; }
.col ul li.seo { background:url(../img/icons/seo.png) no-repeat center left; }
.col ul li.graphicdesign { background:url(../img/icons/graphicdesign.png) no-repeat center left; }

.col .featured { background:#2a7282 !important; box-shadow:2px 2px #114a57 !important; padding:0 20px; width:220px; height:230px; position:relative; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
.col .featured .port_img { width:220px; height:170px; background:#CCC; position:absolute; left:20px; top:20px; }
#img2, #img3, #img4 { display:none; }
.col .featured .bottom_links { position:absolute; right:-5px; top:205px; text-align:right; font-size:12px; }
.col .featured .bottom_links a { padding:0; width:10px; height:10px; display:inline-block; margin:0 0 0 2px; background:#a02417; color:#FFF; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; }
.col .featured .bottom_links a.current { background:#FFF; }

.col .title a { color:#a02417; font:normal 23px 'FranchiseRegular', arial, sans-serif; margin:0 0 20px 0; }
.col .title a:hover { color:#2a7282; }
.col .desc { font-size:12px !important; }
.col .desc a { color:#a02417; }

.home_services { border-top:solid 2px #c7c2a4; background:#F2F2F2; padding:25px 25px 30px 25px; }
.home_services .block { width:200px; height:160px; float:left; margin:0 20px 0 0; padding:0 20px 0 0; border-right:dashed 2px #c7c2a4; text-align:center !important; font:normal 21px 'FranchiseRegular', arial, sans-serif; color:#0860a8; }
.home_services .block:hover { color:#333; cursor:pointer; }
.home_services .last { margin-right:0; border-right:none !important; padding-right:0 !important; }
.home_services img { width:128px; height:128px; margin:0 0 10px 0; }



/***** Contact - Home *****/
.home_contact { position:relative; border-top:solid 2px #c7c2a4; padding:25px; background:#E6E6E6; -webkit-border-bottom-right-radius:15px; -webkit-border-bottom-left-radius:15px; -moz-border-radius-bottomright:15px; -moz-border-radius-bottomleft:15px; border-bottom-right-radius:15px; border-bottom-left-radius:15px; } 
.home_contact #homecontactform { float:left; width:550px; padding:0 20px 0 0; border-right:dashed 2px #c7c2a4; }
.home_contact #homecontactform .h { font:normal 35px 'FranchiseRegular', arial, sans-serif; color:#a02417; margin:0 0 20px 0; text-transform:lowercase; }
.home_contact #homecontactform p { position:relative; margin:0 0 12px 0; padding:0; }
.home_contact #homecontactform .txt { position:absolute; left:120px; width:402px; padding:2px 3px; border:solid 1px #c7c2a4; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }
.home_contact #homecontactform .txt:focus {  }
.home_contact #homecontactform label { font:normal 21px 'FranchiseRegular', arial, sans-serif; display:inline-block; width:100px; text-align:right; }
.home_contact #homecontactform label span { color:#C20000; }
.home_contact #homecontactform .btn, .col .btn { padding:5px 10px; background:#a02417; border:none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font:normal 21px 'FranchiseRegular', arial, sans-serif; color:#FFF; text-transform:lowercase; }
.home_contact #homecontactform .btn:hover, .col .btn:hover { cursor:pointer; background:#0860a8; }
.home_contact .right_info { float:right; width:325px; position:relative; font-size:14px; }
.home_contact .right_info .address { background:url(../img/icons/home_large.png) no-repeat top left; font-size:14px; padding:0 0 0 50px; line-height:22px; margin:0 0 25px 0; }
.home_contact .right_info .email { background:url(../img/icons/email_large.png) no-repeat top left; font-size:14px; padding:0 0 0 50px; height:32px; line-height:32px; margin:0 0 30px 0; }
.home_contact .right_info .twitter { background:url(../img/icons/twitter_large.png) no-repeat top left; font-size:14px; padding:0 0 0 50px; height:32px; line-height:32px; margin:0 0 30px 0; }
.home_contact .right_info .facebook { background:url(../img/icons/facebook_large.png) no-repeat top left; font-size:14px; padding:0 0 0 50px; height:32px; line-height:32px; margin:0; }
.home_contact .right_info #map { width:280px; height:180px; background:#AAA; position:absolute; top:25px; right:0; border:solid 5px #803518; display:none; }
.home_contact .right_info .map_btn { position:absolute; right:0; top:0; height:25px; display:inline-block; background:#803518; padding:0 10px; line-height:25px !important; font-size:11px; color:#FFF; }
.home_contact .right_info .map_btn:hover { color:#FFF !important; }
.home_contact .right_info a { color:#a02417; font-weight:bold; text-decoration:none; }
.home_contact .right_info a:hover { color:#0860a8; }


/***** Work page *****/
#whole_content { margin:0 25px; }

#small_sidebar { float:right; width:240px; position:relative; margin:0; padding:0; }
#small_sidebar .h { padding:0 15px; height:60px; line-height:60px; background:url(../img/icons/bread.png) repeat-X #dfdfdd; border:solid 1px #CCC; border-bottom:none; margin:0; -webkit-border-top-left-radius:15px; -webkit-border-top-right-radius:15px; -moz-border-radius-topleft:15px; -moz-border-radius-topright:15px; border-top-left-radius:15px; border-top-right-radius:15px; }
#small_sidebar ul.work_list { padding:20px 20px 12px 20px; background:#3b4b66; -webkit-border-bottom-right-radius:15px; -webkit-border-bottom-left-radius:15px; -moz-border-radius-bottomright:15px; -moz-border-radius-bottomleft:15px; border-bottom-right-radius:15px; border-bottom-left-radius:15px; margin:0 0 25px 0; }
#small_sidebar ul.work_list li { margin:0 0 8px 0; padding:0 0 0 30px; background:url(../img/icons/web.png) no-repeat center left; }
#small_sidebar ul.work_list li a { font:normal 14px arial, helvetica, sans-serif; color:#FFF; }
#small_sidebar ul.work_list li a:hover { color:#CCC; font-weight:bold; }
#small_sidebar ul.work_list li a.current { color:#8fa3c4; font-weight:bold; }

.portfolio_work { margin:0; padding:0; border:0; width:650px; float:left; display:none; position:relative; }
.portfolio_work .subh { font:normal 23px 'FranchiseRegular', arial, sans-serif; border-left:solid 5px #AAA; padding:10px 0 10px 12px; border-bottom:solid 2px #AAA; border-top:solid 2px #AAA; margin:0; }
.portfolio_work .desc { padding:18px 15px 5px 20px; margin:0 !important; }
.portfolio_work .desc a { float:right; padding:10px 20px; background:#a02417; color:#FFF; font:normal 21px 'FranchiseRegular', arial, sans-serif; text-decoration:none; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; box-shadow:2px 2px #62160d; }
.portfolio_work .desc a:hover { background:#2a7282; box-shadow:2px 2px #114a57; }
.portfolio_work .mainimg { float:left; width:420px; height:324px; border:solid 2px #CCC !important; }
.portfolio_work .secondimg { float:right; width:194px; height:150px; border:solid 1px #CCC; margin:0 0 24px 0; }
.portfolio_work .thirdimg { float:right; width:194px; height:150px; border:solid 1px #CCC; }
.portfolio_work .thirdimg:hover, .portfolio_work .secondimg:hover { cursor:pointer; }
#portfolio1 { display:block; }