/* Start of CMSMS style sheet 'folio styles' */
body { margin:0;padding:0;background: #0c2c5c url(images/folio/body_bg_v2.png) repeat-x 0 0;font: 12px/20px Arial,Helvetica,sans-serif;color:#5A5A5A }
div { position:relative;overflow:hidden }
p { margin: 0 0 16px 0 }
h2 { margin: 0 0 12px 0;font-size:24px;line-height:26px;color:#3f86aa;text-transform:uppercase;font-family:"Arial Narrow",Arial,Helvetica,sans-serif;font-weight:bold }
h3 { margin: 0 0 12px 0;font-size: 115%;color:#DB0058 }
a { color:#DB0058 }
a:hover { text-decoration:none }
img { border: none }
/* ul,li { overflow:hidden;height:100% } */
fieldset { margin:0;padding:0;border:none }
#wrapper {  }
#main { background: transparent url(images/folio/header_bg_v2.jpg) no-repeat center top }
#header { width:960px;height:260px;margin:0 auto }
#logo { float:left;margin:0;padding:0; }
#logo a { display:block;width:333px;height:40px;background: url(images/folio/logo.png) no-repeat 0 0; outline:none;text-indent:-9999px }
#logo span { display:none }

/* Menu */
#nav { float:right;margin:0;padding:0;list-style:none }
#nav li { float:left;margin-left:6px }
#nav li a { color:#FFF }
#nav a { display:block;height:70px;background: url(images/folio/menu_v2.png) no-repeat 0 0;text-indent:-9999px;outline:none }
#nav a.home { width:70px }
#nav a.home:hover { background-position: 0 -70px }
#nav .selected a.home,#nav .selected a.home:hover { background-position: 0 -140px }
#nav a.about { width:101px;background-position: -70px 0 }
#nav a.about:hover { background-position: -70px -70px }
#nav .selected a.about { background-position: -70px -140px }
#nav a.my-work { width:99px;background-position: -171px 0 }
#nav a.my-work:hover { background-position: -171px -70px }
#nav .selected a.my-work,#nav .selected a.my-work:hover { background-position: -171px -140px }
#nav a.blog { width:61px;background-position: -271px 0 }
#nav a.blog:hover { background-position: -271px -70px }
#nav .selected a.blog,#nav .selected a.blog:hover { background-position: -271px -140px }
#nav a.contact { width:114px;background-position: -331px 0 }
#nav a.contact:hover { background-position: -331px -70px }
#nav .selected a.contact,#nav .selected a.contact:hover { background-position: -331px -140px }
#flash_header {  }

#content_wrapper { background-color:#FFF;border-top:2px solid #000 }
#content { width:960px;margin:0px auto;padding:30px 0 20px 0 }
#content_leftcol { float:left;width:620px;margin-right:40px;text-align:justify }
/*#projects { width:620px;margin:0 0 10px 0;padding:0;list-style:none }
#projects li { float:left;display:block;margin:0 0 26px 0;padding:0;color:#444 }
#projects li.projcol2 { margin-left:50px }
#projects a { width:270px;height:170px;display:block;border:1px solid #015a89;margin:0;padding:5px;overflow:hidden }*/

#leftcol_col1 { float:left;width:280px;margin-right:50px }
#leftcol_col2 { float:left;width:280px }
#content_rightcol { float:left;width:300px }
#content_rightcol h3 { text-transform:uppercase;margin-bottom:6px }
#socialnet { margin:0 0 14px 0 }
#status { clear:left;margin:0 0 22px 0 }

#twitter-panel {}
.twitter-logo { position:absolute;right:0 }
.channel-link { margin:0 0 6px 0;font-size:11px;color:#999 }
.tweet-list { margin:0;padding:8px 0 0 0;list-style:none }
.tweet-list li { margin:0 0 4px 0;padding:4px 8px 6px 8px;font-size:11px;line-height:14px }
.tweet-publish-date { margin:0 0 6px 0;font-size:11px;line-height:14px;color:#999;text-transform:uppercase }
.tweet-summary { margin: 0;font-size:11px;line-height:14px }

#footer { background: url(images/folio/footer_bg.png) repeat-x 0 bottom}
#footercontent { width:960px;margin:0 auto;padding:10px 0 40px 0;color:#97a8c9;font-size:11px }
#footercontent a { color:#97a8c9 }
.footer_left { float:left;width:620px  }
.footer_right { float:right;width:300px;text-align:right }

#footer-nav { margin:0;padding:0;list-style:none;text-transform:lowercase }
#footer-nav li { display:inline;margin:0 12px 0 0 }
#footer-nav .menuactive { color:#FFF;text-decoration:none }

.panel { padding:0 0 10px 0;margin:0 0 20px 0;border-bottom:2px dotted #DDD }
#content_rightcol .last-item { border-bottom:none }
.services ul { float:left;width:140px;margin:0;padding:0;list-style:none }
.services ul + ul { margin-left:20px }
.services li { margin:0 0 8px 0;line-height:16px }
.services li { padding-left:14px;background:url(images/folio/bullet_arrow.png) no-repeat 0 8px }

#screenshot{ position:absolute;width:380px;height:170px;border:5px solid #222;background-color:#444;padding:0;display:none;color:#fff;overflow:hidden }
#screenshot img { margin:0;padding:0 }
#screenshot.loading { background:#000 url(images/folio/ajax-loader.gif) no-repeat center center}

/* project filter styles */
#filters { display:block;margin:0 0 15px 0;padding:0 0 10px 0;list-style:none;border-bottom:2px dotted #DDD;overflow:hidden }
#filters li { float:left;margin-right:10px }
#filters li + li { padding-left:10px;border-left:1px solid #BBB }
#filters a { color:#222 }
#filters a:hover { text-decoration:none }
#filters li.current a { color:#DB0058;text-decoration:none }

#project_container {width:620px;margin:0 0 15px 0 }
#projects { margin:0;padding:0;list-style:none;width:720px}
#projects li { float:left;width:176px;height:150px;margin:0 46px 0 0;overflow:hidden;line-height:17px;color:#333}
#projects a.readmorelink { text-decoration:none;padding-right:11px;background:url(images/folio/bullet_arrow.png) no-repeat right 5px }
#projects a:hover { color:#666 }
a.project_preview img { padding:2px;border:1px solid #AAA}
a.project_preview:hover { cursor:pointer }
.tools p { background-color:#E5E5E5;margin:0;padding:2px 8px;font-size:11px;color:#666}
div.project_images {margin-top:20px}

#featured_projects { height:294px;margin:0 0 20px 0;padding:2px;border:1px solid #999;overflow:hidden }
#featured_projects li{ width:620px;margin:0;padding:0}
#featured_projects img { margin:0;padding:0}
#featured_projects h3 { position:absolute;background-color:#000;padding: 3px 8px;z-index:1000;left:10px;top:10px;color:#FFF }

blockquote { margin:0 0 5px 0;padding:0;background: #f0f0f0 url(images/folio/quote_top.png) no-repeat 0 0 }
blockquote div { background:url(images/folio/quote_foot.png) no-repeat 0 bottom; padding: 10px }
blockquote p { margin:0 0 36px 0;padding:0 0 0 36px;color:#222;line-height:17px;background:url(images/folio/quote_helv_open.png) no-repeat 0 0 }

#content_rightcol blockquote { margin:0 0 5px 0;padding:0;background: #f0f0f0 url(images/folio/quote_top_300.png) no-repeat 0 0 }
#content_rightcol blockquote div { background:url(images/folio/quote_foot_300.png) no-repeat 0 bottom; padding: 10px }
#content_rightcol blockquote p { margin:0 0 36px 0;padding:0 0 0 36px;color:#222;line-height:17px;background:url(images/folio/quote_helv_open.png) no-repeat 0 0 }

/* form styles */
.row { clear:left;margin: 0 0 12px 0 }
div.contactform label { float:left;width:140px }
div.contactform .row { margin: 0 0 10px 0 }
div.contactform input,div.contactform select,div.contactform textarea { margin:0;padding:2px 3px;float:left;width:290px;border:1px solid #8497C4;font:12px Arial,Helvetica,sans-serif;color:#666}
div.contactform select { width: 298px }
div.contactform textarea { height:100px }
div.submit { margin-left:138px;padding:0 }
div.submit input { width:300px;border:none;background-color:#121d60;color:#FFF;padding: 5px 0;cursor:pointer;text-transform:uppercase}
div.submit input:hover { background-color:#0e357c;color:#EEE }
div.error_message { margin: 0 0 20px 0;padding:0 }
div.error_message ul { margin:0;padding:0;color:#DB0058 }
div.error_message li { margin:0;padding: 0 0 0 12px;background:url(images/folio/bullet_arrow.png) no-repeat 0 8px;font-size:11px }
div.fb_invalid input,div.fb_invalid select,div.fb_invalid textarea { border:1px solid #DB0058 }

#content_leftcol .image1,#content_leftcol .image2,#content_leftcol .image3,
#content_leftcol .image4,#content_leftcol .image5 { margin-bottom: 20px }
a.pagetop { padding: 0 10px 0 0;background: url(images/folio/arrow_up.png) no-repeat right 5px}

.breadcrumb img { vertical-align:middle;margin-top:-3px }
.divider { margin: 0 8px }

/* image alignment */
.float-image-left { float:left;margin:5px 10px 0 0 }
.float-image-right { float:right;margin:5px 0 0 10px }
/* End of 'folio styles' */