/*
Theme Name: Kreativ
Description: Fresh WordPress theme in grey-blue colors, two columns,  widget ready area and tons of functions. Featured Lead post, Automatic post thumbnail, Sidebar Featured posts, Dropdown category menu, Google Analytics etc. All in powerfull theme options menu.
Author: Dannci
Author URI: http://beatheme.com/
version: 1.4
Tags: blue, red, silver, tan, white, light, two-columns, right-sidebar, fixed-width, theme-options, threaded-comments, holiday, photoblogging, seasonal
*/


/* 
Kreativ WordPress theme is licensed under the GPL.
http://www.gnu.org/copyleft/gpl.html
*/

@font-face {
  font-family: 'CatStaticFont';
  src: url('zag_bold-webfont.eot'); /* IE 5-8 */ 
  src: local('?'),             /* sneakily trick IE */
        url('zag_bold-webfont.woff') format('woff'),    /* FF 3.6, Chrome 5, IE9 */
        url('zag_bold-webfont.ttf') format('truetype'), /* Opera, Safari */
        url('zag_bold-webfont.svg#font') format('svg'); /* iOS */
}

html {
height:100%;
}
* {
margin:0;
padding:0;
}
#top {
height:2px;
}
body {
background:#535558 none repeat-x scroll 0 0;
font-family:Helvetica,Arial;
font-size:11pt;
margin:0;
min-height:100%;
position:relative;
width:100%
}
*:active, *:focus
{
outline-style:none;
outline-width:0;
}
.vgradl {
background:transparent url(images/vgradl.png) repeat-y scroll 0 0;
min-height:100%;
position:absolute;
width:880px;
z-index:1;
}
.vgradr {
background:transparent url(images/vgradr.png) repeat-y scroll 0 0;
min-height:100%;
position:absolute;
right:0;
width:880px;
z-index:1;
}
.vgradfl {
background:transparent url(images/vgradl.png) repeat-y scroll 0 0;
min-height:4px;
position:absolute;
width:880px;
z-index:1;
top: -4px;
bottom: 0;
}
.vgradfr {
background:transparent url(images/vgradr.png) repeat-y scroll 0 0;
min-height:4px;
position:absolute;
right:0;
width:880px;
z-index:1;
top: -4px;
bottom: 0;
}
h1 {
font-family:Helvetica,Arial;
font-size:23pt;
font-weight:normal;
margin:10px 0;
}
h2 {
font-family:Arial;
font-size:18pt;
margin:10px 0;
}
h3 {
font-family:Helvetica,Arial;
font-size:14pt;
margin:10px 0;
}
h4, h5, h6{
font-family:Helvetica,Arial;
font-size:12pt;
margin:10px 0;
}
hb {
font-weight: bolder;
font-size: 10pt;
line-height: 16pt;
color:#FFF;
}
.pagetitle {
font-size:16px;
height:20px;
margin:40px 0 -20px 30px;
overflow:hidden;
}
hr {
color:#234047;
border: 1px solid;
margin: 20px 0px 10px;
}

span {
	color: #cef1f6;
	text-shadow: 0 0 2px #ffffff;
	font-variant:small-caps;
	letter-spacing: 1px;
}

img {
border:medium none;
padding:0;
}
img a {
border:medium none;
}
img.left {
border:medium none;
float:left;
padding:6px 0 0;
}
img.right {
border:medium none;
float:right;
padding:0 0 0 6px;
}
blockquote {
border-left:1px solid #A5ABAB;
margin:15px;
padding:0 12px;
}
code {
font-family:"Courier New",Courier,monospace;
}
abbr {
color:#222222;
}
small {
color:#999999;
letter-spacing:1px;
text-transform:uppercase;
}
small a {
color:#999999;
letter-spacing:1px;
text-transform:uppercase;
}
a {
color:#85abc7;
text-decoration:none;
}
a:hover {
color:#c5edf6;
text-shadow: 0 0 5px #ffffff;
}
#containerwarp {
background:transparent url(images/cont-bg.png) repeat-x scroll 0 0;
margin-left:auto;
margin-right:auto;
padding-bottom:80px;
min-height:550px;
}
#container {
color:#D2D2D2;
margin:0 auto;
overflow:hidden;
padding:0;
width:970px;
}
#container3 {
    float:left;
    width:100%;
    overflow:hidden;
    position:relative;
}
#container2 {
    float:left;
    width:100%;
    position:relative;
    right:33%;
}
#container1 {
    float:left;
    width:100%;
    position:relative;
    right:33%;
}
#col1 {
    float:left;
    width:30%;
    position:relative;
    left:66%;
    overflow:hidden;
}
#col2 {
    float:left;
    width:30%;
    position:relative;
    left:71%;
    overflow:hidden;
}
#col3 {
    float:left;
    width:30%;
    position:relative;
    left:76%;
    overflow:hidden;
}
#pageswarp {
background:url("images/pages-bg.png") repeat scroll 0 0 transparent;
float:right;
height:40px;
overflow:hidden;
position:absolute;
top:155px;
width:100%;
}
#pages {
float:left;
right:-50%;
position:relative;
text-align:right;
z-index:2;
}
#pages ul {
font-size:12px;
height:40px;
right:50%;
list-style:none outside none;
position:relative;
}
#pages ul li {
float:right;
list-style-type:none;
position:relative;
}
#pages ul li a {
color:##89AFC79;
display:block;
height:28px;
letter-spacing:3px;
margin:0;
padding:5px 44px 0;
text-shadow:none;
font-family:CatStaticFont;
font-size:1.5em;
}
#pages ul li a:hover, #pagemenu ul li.current_page_item, #pagemenu ul li.current_page_item a, #pagemenu ul li.current_page_item a:hover, #pagemenu ul li.current-cat, #pagemenu ul li.current-cat a, #pagemenu ul li.current-cat a:hover {
color:#FFFFFF;
text-decoration:none;
text-shadow:0 0 4px #FFFFFF, 0 0 6px #396069, 0 0 5px #FFFFFF;
}
.searchformhead {
}
.coco {
overflow:hidden;
width:200px;
}
.searchformhead input.s {
background:#1A1D1F none repeat scroll 0 0;
border:1px solid #223344;
color:#304047;
float:left;
font-family:Helvetica,Arial;
font-size:10px;
margin:10px 0;
padding:3px 15px;
width:120px;
}
.searchSubmit {
background:transparent url(images/btn-search.png) no-repeat scroll 0 2px;
border:medium none;
cursor:pointer;
float:right;
height:20px;
width:17px;
}
.mediawarp {
background:transparent none repeat scroll 0 0;
height:250px;
padding-top:195px;
}
.media {
background:#777777 url(images/med_plyr_bg.png) repeat-x;
position:inherit;
text-align:center;
z-index:1;
width:100%;
}
.mediav {
background:url(images/med_plyr_v.png) no-repeat scroll 0 0 transparent;
height:250px;
position:absolute;
width:1000px;
text-align:center;
left:0;
right:0;
margin:0 auto;
}
.med_glow_t {
background:transparent url(images/med_glow_t.png) no-repeat scroll 0 0;
height:40px;
margin:0 auto;
position:absolute;
width:980px;
left:0px;
right:0px;
z-index:1;
}
.med_glow_b {
background:transparent url(images/med_glow_b.png) no-repeat scroll 0 0;
height:68px;
margin:0 auto;
position:relative;
width:980px;
}
#headerwarp {
background:#000000 url() repeat scroll 0 0;
float:left;
height:155px;
width:100%;
}
#header {
margin:0 auto;
overflow:hidden;
position:relative;
width:800px;
z-index:1;
}
#header h1 {
font-family:Helvetica,Arial;
font-weight:normal;
letter-spacing:-2px;
margin:0;
padding:27px 0 3px;
text-transform:lowercase;
}
#header h1 a {
color:#000000;
font-weight:normal;
text-decoration:none;
text-shadow:none;
}
#header h1 a:hover {
color:#CCCCCC;
text-decoration:none;
}
#header h2 {
color:#4A7AB4;
font-family:Helvetica,Arial;
font-size:10pt;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0;
padding:0 0 0 25px;
}
#headerleft {
float:left;
width:300px;
}
#headerright {
float:right;
width:650px;
}
#menu {
font-family:Helvetica,Arial;
font-size:12pt;
font-weight:normal;
height:60px;
margin:22px 0;
overflow:hidden;
width:650px;
}
#menu ul {
margin:0;
padding:0;
}
#menu ul li {
float:right;
list-style-type:none;
margin:0;
padding:0;
}
#menu ul li a {
border-left:0px solid #F2F2F2;
border-right:0px solid #F7F7F7;
color:#BBBBBB;
display:block;
margin:0;
padding:20px 25px;
}
#menu ul li a:hover {
background:#FFFFFF none repeat scroll 0 0;
border-left:0px solid #EEEEEE;
border-right:0px solid #EEEEEE;
color:#4A7AB4;
text-decoration:none;
}
#secnav li ul {
border-color:#E6E6E6;
border-style:solid;
border-width:0 0px 0px;
left:-999em;
position:absolute;
width:188px;
z-index:10;
}
#secnav li li {
font-weight:normal;
}
#secnav li:hover ul, #secnav li.sfhover1 ul {
border:medium none;
left:auto;
}
#secnav li ul li a {
background:transparent url(images/corner.png) no-repeat scroll 0 0;
border:medium none;
color:#565656;
font-size:12px;
line-height:34px;
margin:0;
padding:0 20px;
width:148px;
}
#secnav li ul li a {
}
#secnav li ul li a:hover {
background:#F7F7F7 none repeat scroll 0 0;
border:medium none;
}
#secnav li ul ul {
margin:-34px 0 0 188px;
}
#secnav li:hover ul ul, #secnav li.sfhover1 ul ul {
left:-999em;
}
#secnav li:hover ul, #secnav li li:hover ul, #secnav li.sfhover1 ul, #secnav li li.sfhover1 ul {
left:auto;
}
#secnav li:hover, #secnav li.hover {
position:static;
}
#leadwarp {
background:transparent url(images/feat-bg.png) repeat-x scroll center top;
height:0;
overflow:hidden;
}
#lead {
margin:0 auto;
width:970px;
}
.big-text {
color:#FFFFFF;
float:left;
font-size:11pt;
font-weight:bold;
line-height:25pt;
margin:30px 0 30px 30px;
text-shadow:0 1px 3px #333333;
width:410px;
}
.big-text a {
color:#FFFFFF;
text-shadow:0 1px 3px #222222;
}
.big-text p {
margin:20px 0 5px;
}
.big-text h1 {
color:#CCCCCC;
}
.big-text h1 a {
color:#63B9F8;
text-shadow:none;
}
.big-text h1 a:hover {
color:#000000;
text-decoration:none;
}
.readmore a {
background-color:#009933;
border:1px solid #00A529;
float:right;
margin:30px 0 0;
padding:5px 12px;
}
.readmore a:hover {
background-color:#0099FF;
border:1px solid #0066FF;
text-decoration:none;
}
.big-thumb {
background-color:#3E7197;
border:1px solid #3A6B8E;
float:left;
margin:30px 15px 2px 0;
padding:5px;
}
#content {
left:0;
margin:15px auto 0;
overflow:hidden;
position:relative;
right:0;
width:750px;
z-index:2;
}
.button {
background:url("images/readmore.png") no-repeat scroll 0 0 transparent;
cursor:pointer;
display:block;
font-size:0.7em;
font-variant:small-caps;
height:17px;
margin:0 0 0 87%;
padding:0 6px 6px 25px;
width:66px;
}
.post {
line-height:16pt;
margin:30px 0;
padding:30px 0px;
}
.post h2 {
font-family:CatStaticFont,Helvetica,Arial;
font-size:16pt;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0 0 15px;
border-bottom: 2px solid #234047;
padding-bottom: 10px;
padding-left: 2px;
letter-spacing: 6px;
}
.post h2 a {
color:#73c1d3;
text-decoration:none;
}
.post h2 a:hover {
color:#cef1f6;
text-shadow: 0 0 5px #ffffff;
}
.post ul {
list-style-image: url('images/logo_bullet.png');
}
.post ul lis {
list-style-type: square;
}
.entry p {
margin:3px 0;
}
.thumb img {
background:#F7F7F7 none repeat scroll 0 0;
border:1px solid #DDDDDD;
float:left;
margin:0 30px 10px -4px;
overflow:hidden;
padding:5px;
}
.postmetadata {
border-top:2px solid #234047;
clear:both;
font-weight:bold;
margin:4px -29px -29px;
overflow:hidden;
padding:1px 29px;
}
.postmetadata a {
color:#FFFFFF;
}
.navigation {
float:left;
font-size:8pt;
margin:0;
overflow:hidden;
padding:0;
width:100%;
}
.alignleft {
display:inline;
float:left;
margin:25px 0;
}
.alignright {
display:inline;
float:right;
margin:25px 0;
}
#sidebar {
background:#FFFFFF url(images/corner.png) no-repeat scroll 1px 1px;
border:1px solid #F3F3F3;
color:#384464;
float:right;
font-family:Helvetica,Arial;
font-size:10pt;
margin:80px 0 30px;
padding:0;
width:360px;
}
#sidebar h2 {
background:transparent url(images/line.png) repeat-x scroll center bottom;
color:#000000;
font-family:Helvetica,Arial;
font-size:18pt;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0 0 20px;
padding:0 0 10px;
text-shadow:1px 1px 0 #FFFFFF;
}
#sidebar label {
color:#000000;
font-family:Helvetica,Arial;
font-size:11pt;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0;
padding:0;
}
#sidebar p {
margin:0;
padding:0 6px 0 12px;
}
#sidebar a {
color:#000000;
}
#sidebar img {
margin:0;
padding:0;
}
#sidebar ul {
margin:0 0 30px;
padding:30px;
}
#sidebar ul li {
line-height:20pt;
list-style-type:none;
margin:0 0 20px;
padding:0;
}
#sidebar ul li a {
background:transparent url(images/bullet.png) no-repeat scroll 0 3px;
line-height:20pt;
list-style-type:square;
margin:0;
padding:0 0 0 20px;
}
#sidebar .recentcomments a {
background:transparent none repeat scroll 0 0;
}
#sidebar ul li ul {
background:transparent none repeat scroll 0 0;
border:medium none;
padding:0;
}
#sidebar ul li ul li {
list-style-type:none;
margin:0;
}
#sidebar ul ul ul {
margin:0;
padding:0;
}
#sidebar ul ul ul li {
color:#898989;
padding:0 0 0 15px;
}
#featured {
margin:0 0 30px;
}
.fblock {
color:#384464;
font-size:8pt;
font-weight:normal;
line-height:17pt;
margin:0 0 -1px;
padding:30px;
}
#sidebar .fblock img {
border:2px solid #FFFFFF;
float:left;
height:80px;
margin:5px 15px 0 0;
width:80px;
}
.fblock h3 {
/*-x-system-font:none;*/
color:#000000;
font-family:Helvetica,Arial;
font-size:13pt;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0;
padding:0 0 5px;
text-shadow:1px 2px 0 #FFFFFF;
}
.fblock h3 a {
color:#BBBBBB;
text-shadow:1px 1px 0 #FFFFFF;
}
#left .fblock img:hover {
border:2px solid #000000;
}
#comments {
margin:0px 0;
overflow:hidden;
width:530px;
}
#respond {
}
#comments h3 {
font-size:18pt;
font-weight:normal;
margin:10px 0;
}
#cancel-comment-reply-link {
margin-left:1em;
}
.trackback .content, .pingback .content {
font-style:italic;
}
.comment-body .vcard img {
float:left;
height:40px;
margin:5px 15px 5px 0;
width:40px;
}
#submit {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
background:#555 none repeat scroll 0 0;
border:1px solid #173542;
color:#c5edf6;
float:left;
font-family:Helvetica,Arial;
font-size:10pt;
font-weight:normal;
margin:4px 0 0;
padding:3px 5px;
text-shadow:0 1px 3px #222222;
}
label {
font-style:italic;
}
#comments ol {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
#comments li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0;
}
.children li {
border:medium none;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0 0 0 5px;
}
.children li ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-left:10px;
}
.reply {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border:0px solid #F2F2F2;
margin:10px 0;
padding:0px 10px;
text-align:left;
width:37px;
}
.comment-body {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#666 no-repeat scroll 1px 1px;
border:0px solid #F2F2F2;
margin-bottom:0px;
padding:10px;
}
.comment-body .vcard {
line-height:1.7em;
}
.comment-body .vcard a {
font-weight:bold;
}
.comment-body .vcard img {
background-color:#FFFFFF;
border:3px solid #FFFFFF;
float:left;
margin-right:10px;
}
.comment-body .commentmetadata {
}
.comment-body .commentmetadata a {
color:#73C1D3;
font-size:10px;
}
.comment-body p {
clear:both;
line-height:14pt;
margin:15px 0;
}
#commentform textarea {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#333  no-repeat scroll 1px 1px;
border:2px solid #222;
color:#888;
font-family:Helvetica,Arial;
font-size:12pt;
margin:3px;
padding:3px;
width:430px;
}
.searchform input.s {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#333  no-repeat scroll 1px 1px;
border:2px solid #222;
color:#888;
font-family:Sertig,Arial,Helvetica,sans-serif;
font-size:12pt;
margin:10px 0 20px;
overflow:hidden;
padding:5px 15px;
width:250px;
}
table {
font-size:11px;
margin:0.5em 0 1em;
}
table td, table th {
border:0px solid #CCCCCC;
padding:0.4em 0.8em;
text-align:left;
}
table th {


font-weight:bold;
text-transform:uppercase;
}
table td {

}
table th a {
color:#000000;
}
table th a:hover {

}
table tr.even td {

}
table tr:hover td {

}
table.nostyle td, table.nostyle th, table.nostyle tr.even td, table.nostyle tr:hover td {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
border:0 none;
}
table, table.post {
border-collapse:collapse;
}
.post li {
list-style-type:square;
padding:0 0 0 5px;
}
.post ul {
list-style-position:inside;
}
.post ol {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-left:50px;
}
input, textarea, input checkbox, input radio, select, file {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#555  no-repeat scroll 1px 1px;
border:2px solid #222222;
margin:3px;
padding:3px 6px;
font-weight: normal;
-moz-border-radius: 4px 10px 4px 10px;
color: #888888;

}
img.centered  {
background-color:#FFFFFF;
border:0px solid #DDDDDD;
display:block;
margin-left:auto;
margin-right:auto;
}
img.nobord {
margin:5px;
}
img.alignright {
background-color:#FFFFFF;
border:0 solid #DDDDDD;
display:inline;
margin:7px 0px 2px 15px;
}
img.alignnone, img.alignleft {
background-color:#FFFFFF;
border:0 solid #DDDDDD;
display:inline;
margin:7px 15px 2px 0;
}
img {
padding:0;
}
.alignright {
float:right;
}
.alignleft {
float:left;
}
.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}
.alignleft {
float:left;
}
.alignright {
float:right;
}
.wp-caption {
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
background-color:#FFFFFF;
border:0px solid #DDDDDD;
margin:10px;
padding:0 10px 5px 0;
text-align:center;
}
.wp-caption img {
border:0 none;
margin:0;
padding:10px;
}
.wp-caption p.wp-caption-text {
font-family:Georgia,"Times New Roman",Times,serif;
font-size:11px;
font-style:italic;
line-height:17px;
margin:0;
padding:0;
}

#footerwarp {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#000000 none repeat scroll 0 0;
border-top:4px solid #173542;
bottom:0;
clear:both;
font-size:11px;
letter-spacing:1px;
position:fixed;
width:100%;
z-index: 2
}
#footer {
width:  720px;
margin: 0 auto; 
color: #000;
overflow:hidden;
}
#footerleft{
float:left;width:165px;
position: relative;
z-index: 1;
}
#footerright{
float:right;
width:555px;
}
#footer h2 {
color:#333333;
font-family:Helvetica,Arial;
font-size:18pt;
font-weight:normal;
margin:0;
padding:20px 0 0;
text-align:center;
}
#footer p {
color:#666666;
margin:0;
padding:15px 0;
font-size:10px;
}
#footer a {
color:#333333;
text-decoration:none;
text-shadow:none;
margin-top:7px;
position:relative;
z-index:1;
}
#footer a:hover {
color:#5D5D5D;
text-decoration:underline;
}

/* IMAGE TRAY */

#imgtray{
	padding-top: 15px;
	padding-bottom: 15px;
}

/* VIDEO ICON TRAY */

#vidtray{
	height:140px;
	padding-top: 15px;
	padding-bottom: 15px;
}
#vidtray ul {
	float:left;
	right:-50%;
	list-style:none outside none;
	position:relative;
	text-align:right;
}
#vidtray ul li {
	right:50%;
	float:right;
	list-style-type:none;
	position:relative;
	padding:10px 25px 0px;
}
#vidtray ul li a{
	float:right;
	position:relative;
	text-align:center;
	width:175px;
}

/* BUILD BUTTONS */

#buildbtns{
	height:100px;
	padding-top: 15px;
	padding-bottom: 15px;
}
#buildbtns ul {
	float:left;
	right:-50%;
	list-style:none outside none;
	position:relative;
	text-align:right;
}
#buildbtns ul li {
	right:50%;
	float:right;
	list-style-type:none;
	position:relative;
	padding:10px 25px 25px;
}
#buildbtns ul li a{
	float:right;
	position:relative;
}
.build_web {
	background: url('images/build_btn/build_web.png') no-repeat bottom;
	width: 135px;
	height: 95px;
	float: left;
	display: block;
}
.build_web:hover {
	background-position: top;
}
.build_win {
	background: url('images/build_btn/build_win.png') no-repeat bottom;
	width: 135px;
	height: 95px;
	float: left;
	display: block;
}
.build_win:hover {
	background-position: top;
}
.build_mac {
	background: url('images/build_btn/build_mac.png') no-repeat bottom;
	width: 135px;
	height: 95px;
	float: left;
	display: block;
}
.build_mac:hover {
	background-position: top;
}

/* PROJECT BUTTONS */

.project_gmq {
	background: url('images/project/btn_thumbs/gmq_btn.png') no-repeat bottom;
	width: 200px;
	height: 120px;
	float: left;
	display: block;
	margin:25px;	
	line-height:245px;
	text-align:center;
	font-size:10pt;
}

.project_gmq:hover {
	background-position: top;
}

.project_sangari {
	background: url('images/project/btn_thumbs/sangari_btn.png') no-repeat bottom;
	width: 200px;
	height: 120px;
	float: left;
	display: block;
	margin:25px;	
	line-height:245px;
	text-align:center;
	font-size:10pt;
}

.project_sangari:hover {
	background-position: top;
}

.project_qbcube {
	background: url('images/project/btn_thumbs/qbcube_btn.png') no-repeat bottom;
	width: 200px;
	height: 120px;
	float: left;
	display: block;
	margin:25px;	
	line-height:245px;
	text-align:center;
	font-size:10pt;
}

.project_qbcube:hover {
	background-position: top;
}

.project_zapcat {
	background: url('images/project/btn_thumbs/zapcat_btn.png') no-repeat bottom;
	width: 200px;
	height: 120px;
	float: left;
	display: block;
	margin:25px;	
	line-height:245px;
	text-align:center;
	font-size:10pt;
}

.project_zapcat:hover {
	background-position: top;
}

.project_pure3d {
	background: url('images/project/btn_thumbs/pure3d_btn.png') no-repeat bottom;
	width: 200px;
	height: 120px;
	float: left;
	display: block;
	margin:25px;	
	line-height:245px;
	text-align:center;
	font-size:10pt;
}

.project_pure3d:hover {
	background-position: top;
}

.project_royalroads {
	background: url('images/project/btn_thumbs/royalroads_btn.png') no-repeat bottom;
	width: 200px;
	height: 120px;
	float: left;
	display: block;
	margin:25px;
	line-height:245px;
	text-align:center;
	font-size:10pt;
}

.project_royalroads:hover {
	background-position: top;
}

.project_gnwc {
	background: url('images/project/btn_thumbs/gnwc_btn.png') no-repeat bottom;
	width: 200px;
	height: 120px;
	float: left;
	display: block;
	margin:25px;
	line-height:245px;
	text-align:center;
	font-size:10pt;
}

.project_gnwc:hover {
	background-position: top;
}

.logo {
	float:left;
	margin-top:5px;
	padding-right:10px;
}

/* SOCIAL BUTTONS */

.vimeo {
	display: block;
	width: 30px;
	height: 30px;
	background: url('images/social/vimeo.png') no-repeat bottom;
	float:right;
	padding-left:2px;
}
.vimeo:hover {
	background-position: top;
}
.facebook {
	display: block;
	width: 30px;
	height: 30px;
	background: url('images/social/facebook.png') no-repeat bottom;
	float:right;
	padding-left:2px;	
}
.facebook:hover {
	background-position: top;
}
.linkedin {
	display: block;
	width: 30px;
	height: 30px;
	background: url('images/social/linkedin.png') no-repeat bottom;
	float:right;
	padding-left:2px;
}
.linkedin:hover {
	background-position: top;
}
.flickr {
	display: block;
	width: 30px;
	height: 30px;
	background: url('images/social/flickr.png') no-repeat bottom;
	float:right;
	padding-left:2px;
}
.flickr:hover {
	background-position: top;
}
.youtube {
	display: block;
	width: 30px;
	height: 30px;
	background: url('images/social/youtube.png') no-repeat bottom;
	float:right;
	padding-left:2px;
}
.youtube:hover {
	background-position: top;
}
.twitter {
	display: block;
	width: 30px;
	height: 30px;
	background: url('images/social/twitter.png') no-repeat bottom;
	float:right;
	padding-left:2px;
}
.twitter:hover {
	background-position: top;
}
.googleplus {
	display: block;
	width: 30px;
	height: 30px;
	background: url('images/social/googleplus.png') no-repeat bottom;
	float:right;
	padding-left:2px;
}
.googleplus:hover {
	background-position: top;
}

.navigation {
float:left;
font-family:Helvetica,Arial;
font-size:12pt;
font-weight:bold;
margin:0;
overflow:hidden;
padding:0px;
width:570px;
}
.wp-pagenavi a, .wp-pagenavi a:link {
background-color:#FFFFFF;
border:0px solid #CCCCCC;
color:#999999;
margin:0 2px;
padding:2px 4px;
text-decoration:none;
}
.wp-pagenavi a:visited {
background-color:#FFFFFF;
border:0px solid #CCCCCC;
color:#CCCCCC;
margin:2px;
padding:2px 4px;
text-decoration:none;
}
.wp-pagenavi a:hover {
background-color:#FFFFFF;
border:1px solid #000000;
color:#000000;
}
.wp-pagenavi a:active {
background-color:#CCCCCC;
border:1px solid #CCCCCC;
color:#2F3541;
margin:2px;
padding:2px 4px;
text-decoration:none;
}
.wp-pagenavi span.pages {
background-color:#FFFFFF;
border:1px solid #FFFFFF;
color:#000000;
margin:2px;
padding:2px 4px;
}
.wp-pagenavi span.current {
background-color:#F2F2F2;
border:1px solid #CCCCCC;
color:#000000;
margin:2px;
padding:2px 4px;
}
.wp-pagenavi span.extend {
background-color:#FFFFFF;
border:1px solid #CCCCCC;
color:#000000;
margin:2px;
padding:2px 4px;
}
hr {
color:#234047;
border: 1px solid;
}

