/*----------------------------------------------------------------------------- 
RESET
-----------------------------------------------------------------------------*/

.stretch,
.clear {
	clear: both;
	height: 1px;
	margin: 0;
	padding: 0;
	font-size: 15px;
	line-height: 1px;
}

.clearfix:after {
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
	content: ".";
}

.clearfix {
	display: inline-block;
}


#comment {
	width: 80%;
}


/*----------------------------------------------------------------------------- 
GLOBAL
-----------------------------------------------------------------------------*/

html, body { 
	margin:0; 
 	padding:0;
 	text-align:center; 
 	background-color: #9facd5;
	font-family: Times New Roman, Times, serif;
	font-size: 12px;
	color: #000000;
	background-image: url(/wp-content/themes/default/images/bg.jpg);
}

#page-wrap {
	position: relative;
	width: 901px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#top {
	position: relative;
	width: 901px;
	height: 200px;
	margin: 60px auto 0 auto;
	height: 27px;
	z-index: 1;
	background-image: url(/wp-content/themes/default/images/top.png);
	background-repeat: no-repeat;
}

#header {
	position: relative;
	width: 901px;
	height: 200px;
	background-color: #fff;
	margin: 0 auto 0 auto;
	z-index: 1;
}

#content {
	position: relative;
	width: 901px;
	margin: 0 auto 0px auto;
	padding: 0;
	text-align: left;
	background-color: #fff;
	min-height: 440px;
	background-image: url(/wp-content/themes/default/images/bottom.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}

#left {
	float: left;
	width: 145px;
	margin: 0 20px 0 40px;
	display: inline;
	min-height: 400px;
}

#left-about {
	color: #666666;
	margin: 200px 0 0 0;
	}
	
#left-sidebar {
	color: #666666;
	margin: 121px 0 0 0;
	}	
	
#blog-sidebar {
	color: #666666;
	margin: 50px 0 0 0;
	}	

#main {
	float: left;
	width: 660px;
	display: inline;
	margin: 0;
	height: 440px;
}

#main-blog {
	float: left;
	width: 660px;
	display: inline;
	margin: 0;
	min-height: 440px;
}

#main-links {
	position:absolute;
	width:396px;
	height:21px;
	z-index:1;
	left: 257px;
	top: 1px;
}

#main-portfolio {
	width: 660px;
	height: 400px;
	margin-top: 0;
	background-image: url(/wp-content/themes/default/images/bg-portfolio.jpg);
	background-repeat: no-repeat;
	z-index: 999;
	color: #fff;
	}
	
#main-blog {
	width: 660px;
	margin-top: 0;
	margin-bottom: 30px;
	z-index: 999;
	color: #434345;
	}	

.blog-top {;
	background-image: url(/wp-content/themes/default/images/blog-top.jpg);
	background-repeat: no-repeat;
	}
	
.blog-content {
	background-image: url(/wp-content/themes/default/images/blog-content.jpg);
	background-repeat: repeat-y;
	}	

.blog-bottom {
	background-image: url(/wp-content/themes/default/images/blog-bottom.jpg);
	background-repeat: no-repeat;
}		
#pro-portfolio {
	width: 652px;
	height: 354px;
	margin-top: 0;
	background-image: url(/wp-content/themes/default/images/pro-background.jpg);
	background-repeat: no-repeat;
	background-position: right;
	z-index: 999;
	color: #fff;
	}	
	
.project-info {
	vertical-align: bottom;
	padding: 0 15px 5px 15px;
	}
	
.profile-info {
	padding: 10px 20px 10px 20px;
	font-family: Arial;
}	

#right-icons {
	position:absolute;
	width:135px;
	height:37px;
	z-index:1;
	left: 750px;
	top: 3px;
}

#sidebar {
	float: right;
	width: 260px;
	display: inline;
	background-color: #000;
}

#bottom {
	position: relative;
	width: 901px;
	margin: 0 auto 0 auto;
	height: 27px;
	z-index: 1;
	background-color: #000;
	background-image: url(../images/bottom.png);
	background-repeat: no-repeat;
	background-position: top;
	
}


#footer {
	position:relative;
	width: 831px;
	height:70px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	text-align: right;
	z-index:1;
}


/* 
----------------------------------------------------------------------------- 
NAVIGATION
-----------------------------------------------------------------------------*/

#nav {
	position: relative;
	width: 600px;
	height: 24px;
	margin: 15px auto 0 auto;
	padding: 0 0 0 0;
	z-index: 1;
	font-size: 10px;
}

#nav ul {
	vertical-align: bottom;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style-type: none;
	width: auto;
	position:relative;
	height: 24px;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
}

#nav ul li {
	float: left;
	margin:0 0 0 -8px;
	padding:0;
}

#profile {
	position: relative;
	background-image: url(/wp-content/themes/default/images/main-nav/profile.png);
	background-repeat: no-repeat;
	width: 82px;
	height: 24px;
	z-index: 6;
}

#inactive-profile {
	position: relative;
	background-image: url(/wp-content/themes/default/images/main-nav/inactive.png);
	background-repeat: no-repeat;
	width: 82px;
	height: 24px;
	z-index: 6;
}

#profile a:link {color: #000; font-size: 10px; text-transform: uppercase; padding: 0; text-decoration: none; display: block; width: 70px; height: 24px; padding: 4px 0 0 15px;}
#profile a:visited {color: #000; font-size: 10px;text-transform: uppercase; padding: 0; text-decoration: none; display: block; width: 70px; height: 24px; padding: 4px 0 0 15px;}
#profile a:hover {color: #000; font-size: 10px;text-transform: uppercase; padding: 0; text-decoration: none;  display: block; width: 70px; height: 24px;padding: 4px 0 0 15px;}
#profile a:active {color: #000; font-size: 10px; text-transform: uppercase; padding: 0; text-decoration: none;  display: block; width: 70px; height: 24px;padding: 4px 0 0 15px;}

#inactive-profile a:link {color: #fff; font-size: 10px; text-transform: uppercase; padding: 0; text-decoration: none; display: block; width: 70px; height: 24px; padding: 4px 0 0 15px;}
#inactive-profile a:visited {color: #fff; font-size: 10px;text-transform: uppercase; padding: 0; text-decoration: none; display: block; width: 70px; height: 24px; padding: 4px 0 0 15px;}
#inactive-profile a:hover {color: #fff; font-size: 10px;text-transform: uppercase; padding: 0; text-decoration: none;  display: block; width: 70px; height: 24px;padding: 4px 0 0 15px;}
#inactive-profile a:active {color: #fff; font-size: 10px; text-transform: uppercase; padding: 0; text-decoration: none;  display: block; width: 70px; height: 24px;padding: 4px 0 0 15px;}


#print {
	position: relative;
	background-image: url(/wp-content/themes/default/images/main-nav/print.png);
	background-repeat: no-repeat;
	width: 82px;
	height: 24px;
	z-index: 5;
}

#inactive-print {
	position: relative;
	background-image: url(/wp-content/themes/default/images/main-nav/inactive.png);
	background-repeat: no-repeat;
	width: 82px;
	height: 24px;
	z-index: 5;
}

#print a:link {color: #000; font-size: 10px; text-transform: uppercase; padding: 0; text-decoration: none; display: block; width: 70px; height: 24px; padding: 4px 0 0 15px;}
#print a:visited {color: #000; font-size: 10px;text-transform: uppercase; padding: 0; text-decoration: none; display: block; width: 70px; height: 24px; padding: 4px 0 0 15px;}
#print a:hover {color: #000; font-size: 10px;text-transform: uppercase; padding: 0; text-decoration: none;  display: block; width: 70px; height: 24px;padding: 4px 0 0 15px;}
#print a:active {color: #000; font-size: 10px; text-transform: uppercase; padding: 0; text-decoration: none;  display: block; width: 70px; height: 24px;padding: 4px 0 0 15px;}

#inactive-print a:link {color: #fff; font-size: 10px; text-transform: uppercase; padding: 0; text-decoration: none; display: block; width: 70px; height: 24px; padding: 4px 0 0 15px;}
#inactive-print a:visited {color: #fff; font-size: 10px;text-transform: uppercase; padding: 0; text-decoration: none; display: block; width: 70px; height: 24px; padding: 4px 0 0 15px;}
#inactive-print a:hover {color: #fff; font-size: 10px;text-transform: uppercase; padding: 0; text-decoration: none;  display: block; width: 70px; height: 24px;padding: 4px 0 0 15px;}
#inactive-print a:active {color: #fff; font-size: 10px; text-transform: uppercase; padding: 0; text-decoration: none;  display: block; width: 70px; height: 24px;padding: 4px 0 0 15px;}


#brand {
	position: relative;
	background-image: url(/wp-content/themes/default/images/main-nav/brand.png);
	background-repeat: no-repeat;
	width: 82px;
	height: 24px;
	z-index: 4;
}

#inactive-brand {
	position: relative;
	background-image: url(/wp-content/themes/default/images/main-nav/inactive.png);
	background-repeat: no-repeat;
	width: 82px;
	height: 24px;
	z-index: 4;
}

#brand a:link {color: #000; font-size: 10px; text-transform: uppercase; padding: 0; text-decoration: none; display: block; width: 70px; height: 24px; padding: 4px 0 0 15px;}
#brand a:visited {color: #000; font-size: 10px;text-transform: uppercase; padding: 0; text-decoration: none; display: block; width: 70px; height: 24px; padding: 4px 0 0 15px;}
#brand a:hover {color: #000; font-size: 10px;text-transform: uppercase; padding: 0; text-decoration: none;  display: block; width: 70px; height: 24px;padding: 4px 0 0 15px;}
#brand a:active {color: #000; font-size: 10px; text-transform: uppercase; padding: 0; text-decoration: none;  display: block; width: 70px; height: 24px;padding: 4px 0 0 15px;}

#inactive-brand a:link {color: #fff; font-size: 10px; text-transform: uppercase; padding: 0; text-decoration: none; display: block; width: 70px; height: 24px; padding: 4px 0 0 15px;}
#inactive-brand a:visited {color: #fff; font-size: 10px;text-transform: uppercase; padding: 0; text-decoration: none; display: block; width: 70px; height: 24px; padding: 4px 0 0 15px;}
#inactive-brand a:hover {color: #fff; font-size: 10px;text-transform: uppercase; padding: 0; text-decoration: none;  display: block; width: 70px; height: 24px;padding: 4px 0 0 15px;}
#inactive-brand a:active {color: #fff; font-size: 10px; text-transform: uppercase; padding: 0; text-decoration: none;  display: block; width: 70px; height: 24px;padding: 4px 0 0 15px;}


#web {
	position: relative;
	background-image: url(/wp-content/themes/default/images/main-nav/web.png);
	background-repeat: no-repeat;
	width: 82px;
	height: 24px;
	z-index: 3;
}

#inactive-web {
	position: relative;
	background-image: url(/wp-content/themes/default/images/main-nav/inactive.png);
	background-repeat: no-repeat;
	width: 82px;
	height: 24px;
	z-index: 3;
}

#web a:link {color: #000; font-size: 10px; text-transform: uppercase; padding: 0; text-decoration: none; display: block; width: 70px; height: 24px; padding: 4px 0 0 15px;}
#web a:visited {color: #000; font-size: 10px;text-transform: uppercase; padding: 0; text-decoration: none; display: block; width: 70px; height: 24px; padding: 4px 0 0 15px;}
#web a:hover {color: #000; font-size: 10px;text-transform: uppercase; padding: 0; text-decoration: none;  display: block; width: 70px; height: 24px;padding: 4px 0 0 15px;}
#web a:active {color: #000; font-size: 10px; text-transform: uppercase; padding: 0; text-decoration: none;  display: block; width: 70px; height: 24px;padding: 4px 0 0 15px;}

#inactive-web a:link {color: #fff; font-size: 10px; text-transform: uppercase; padding: 0; text-decoration: none; display: block; width: 70px; height: 24px; padding: 4px 0 0 15px;}
#inactive-web a:visited {color: #fff; font-size: 10px;text-transform: uppercase; padding: 0; text-decoration: none; display: block; width: 70px; height: 24px; padding: 4px 0 0 15px;}
#inactive-web a:hover {color: #fff; font-size: 10px;text-transform: uppercase; padding: 0; text-decoration: none;  display: block; width: 70px; height: 24px;padding: 4px 0 0 15px;}
#inactive-web a:active {color: #fff; font-size: 10px; text-transform: uppercase; padding: 0; text-decoration: none;  display: block; width: 70px; height: 24px;padding: 4px 0 0 15px;}


#catalogs {
	position: relative;
	background-image: url(/wp-content/themes/default/images/main-nav/catalogs.png);
	background-repeat: no-repeat;
	width: 82px;
	height: 24px;
	z-index: 2;
}

#inactive-catalogs {
	position: relative;
	background-image: url(/wp-content/themes/default/images/main-nav/inactive.png);
	background-repeat: no-repeat;
	width: 82px;
	height: 24px;
	z-index: 2;
}

#catalogs a:link {color: #000; font-size: 10px; text-transform: uppercase; padding: 0; text-decoration: none; display: block; width: 70px; height: 24px; padding: 4px 0 0 15px;}
#catalogs a:visited {color: #000; font-size: 10px;text-transform: uppercase; padding: 0; text-decoration: none; display: block; width: 70px; height: 24px; padding: 4px 0 0 15px;}
#catalogs a:hover {color: #000; font-size: 10px;text-transform: uppercase; padding: 0; text-decoration: none;  display: block; width: 70px; height: 24px;padding: 4px 0 0 15px;}
#catalogs a:active {color: #000; font-size: 10px; text-transform: uppercase; padding: 0; text-decoration: none;  display: block; width: 70px; height: 24px;padding: 4px 0 0 15px;}

#inactive-catalogs a:link {color: #fff; font-size: 10px; text-transform: uppercase; padding: 0; text-decoration: none; display: block; width: 70px; height: 24px; padding: 4px 0 0 15px;}
#inactive-catalogs a:visited {color: #fff; font-size: 10px;text-transform: uppercase; padding: 0; text-decoration: none; display: block; width: 70px; height: 24px; padding: 4px 0 0 15px;}
#inactive-catalogs a:hover {color: #fff; font-size: 10px;text-transform: uppercase; padding: 0; text-decoration: none;  display: block; width: 70px; height: 24px;padding: 4px 0 0 15px;}
#inactive-catalogs a:active {color: #fff; font-size: 10px; text-transform: uppercase; padding: 0; text-decoration: none;  display: block; width: 70px; height: 24px;padding: 4px 0 0 15px;}


#other {
	position: relative;
	background-image: url(/wp-content/themes/default/images/main-nav/other.png);
	background-repeat: no-repeat;
	width: 82px;
	height: 24px;
	z-index: 1;
}

#inactive-other {
	position: relative;
	background-image: url(/wp-content/themes/default/images/main-nav/inactive.png);
	background-repeat: no-repeat;
	width: 82px;
	height: 24px;
	z-index: 1;
	color: #fff;
}

#other a:link {color: #000; font-size: 10px; text-transform: uppercase; padding: 0; text-decoration: none; display: block; width: 70px; height: 24px; padding: 4px 0 0 15px;}
#other a:visited {color: #000; font-size: 10px;text-transform: uppercase; padding: 0; text-decoration: none; display: block; width: 70px; height: 24px; padding: 4px 0 0 15px;}
#other a:hover {color: #000; font-size: 10px;text-transform: uppercase; padding: 0; text-decoration: none;  display: block; width: 70px; height: 24px;padding: 4px 0 0 15px;}
#other a:active {color: #000; font-size: 10px; text-transform: uppercase; padding: 0; text-decoration: none;  display: block; width: 70px; height: 24px;padding: 4px 0 0 15px;}

#inactive-other a:link {color: #fff; font-size: 10px; text-transform: uppercase; padding: 0; text-decoration: none; display: block; width: 70px; height: 24px; padding: 4px 0 0 15px;}
#inactive-other a:visited {color: #fff; font-size: 10px;text-transform: uppercase; padding: 0; text-decoration: none; display: block; width: 70px; height: 24px; padding: 4px 0 0 15px;}
#inactive-other a:hover {color: #fff; font-size: 10px;text-transform: uppercase; padding: 0; text-decoration: none;  display: block; width: 70px; height: 24px;padding: 4px 0 0 15px;}
#inactive-other a:active {color: #fff; font-size: 10px; text-transform: uppercase; padding: 0; text-decoration: none;  display: block; width: 70px; height: 24px;padding: 4px 0 0 15px;}




/* 
----------------------------------------------------------------------------- 
RIGHT NAVIGATION
-----------------------------------------------------------------------------*/

#home {
	display: inline-block;
	width: 30px;
	height: 28px;
	background-image: url("/wp-content/themes/default/images/home.jpg");
	background-position: top left;
	background-repeat: no-repat;
   }

#home:hover {
	background-position: left bottom;
}

#home span {
	display: none;
}

#blog {
	display: inline-block;
	width: 32px;
	height: 28px;
	background-image: url("/wp-content/themes/default/images/blog.jpg");
	background-position: top left;
	background-repeat: no-repat;
   }

#blog:hover {
	background-position: left bottom;
}

#blog span {
	display: none;
}


#contact {
	display: inline-block;
	width: 40px;
	height: 28px;
	background-image: url("/wp-content/themes/default/images/contact.jpg");
	background-position: top left;
	background-repeat: no-repat;
   }

#contact:hover {
	background-position: left bottom;
}

#contact span {
	display: none;
}

/* 
----------------------------------------------------------------------------- 
HEADINGS
-----------------------------------------------------------------------------*/

h1 {
	margin: 0 0 0.5em 0;
	padding: 0;	
	line-height: 1.5em;	
	font-size: 14px;
	color: #000000;
}

h2 {
	margin: 0 0 0.5em 0;
	padding: 0;	
	line-height: 1.5em;	
	font-size: 12px;
	color: #a9acae;
}

h3 {
	margin: 0 0 0.5em 0;
	padding: 0;	
	line-height: 1.5em;	
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	color: #a9acae;
}

h4 {
	margin: 0 0 0.5em 0;
	padding: 0;	
	line-height: 1.5em;	
	font-size: 12px;
	color: #000000;
}

#blog-sidebar h2 {
	margin: 0 0 0.5em 0;
	padding: 0;	
	line-height: 1.5em;	
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #a9acae;
}

.the-title {
	margin: 0 0 0 0;
	padding: 0;	
	font-size: 14px;
	color: #434345;
}

#left-sidebar h4 {
display: none;
}

#Menu3 {
position: absolute;
top: 40px;
}

/* 
----------------------------------------------------------------------------- 
TYPOGRAPHY
-----------------------------------------------------------------------------*/

.selected_page_side {
color: #3a67ac;
}

.the-image p {
margin: 0;
padding: 0;
}

.blue {
color: #3a67ac;
}

.caps {
text-transform: capitalize;
}

/* 
----------------------------------------------------------------------------- 
LINKS
-----------------------------------------------------------------------------*/

a:link { color: #06C; text-decoration: underline; }
a:visited { color: #06C; text-decoration: underline; }
a:hover { color: #06C; text-decoration: underline; }
a:active { color: #06C; text-decoration: underline; }

#left-sidebar a:link { color: #000; text-decoration: none; }
#left-sidebar a:visited { color: #000; text-decoration: none; }
#left-sidebar a:hover { color: #3a67ac; text-decoration: none; }
#left-sidebar a:active { color: #000; text-decoration: none; }


#blog-sidebar a:link { color: #000; text-decoration: none;  }
#blog-sidebar a:visited { color: #000; text-decoration: none;  }
#blog-sidebar a:hover { color: #3a67ac; text-decoration: none;  }
#blog-sidebar a:active { color: #000; text-decoration: none;  }
	

/* 
----------------------------------------------------------------------------- 
LISTS
-----------------------------------------------------------------------------*/

ul {
	margin: 0 0 1.5em 0;
	padding: 0;
	line-height:1.4em;
}

ul li {
	margin: 0 0 0.25em 15px;
	padding: 0;
}

#main-portfolio ul {
	margin: 0 0 1.5em 0;
	padding: 0;
	line-height:1.4em;
	list-style-type: none;
}

#main-portfolio ul li {
	margin: 1em 0 0 0px;
	padding: 0;
}

#pro-portfolio ul {
	margin: 0 0 1.5em 0;
	padding: 0;
	line-height:1.4em;
	list-style-type: none;
}

#pro-portfolio ul li {
	margin: 1em 0 0 0px;
	padding: 0;
	color: #7c7d80;
}

#pro-portfolio .post-meta-key { display: none; }

.post-meta-key { font-weight: bold; display: block; }

#contact-table .post-meta-key { display: none; }



#left-sidebar ul {
	margin: 0 0 1.5em 0;
	padding: 0;
	line-height:1.4em;
	list-style-type: none;
}

#left-sidebar ul li {
	margin: 0 0 0.25em 0px;
	padding: 0;
}

#blog-sidebar ul {
	margin: 0 0 1.5em 0;
	padding: 0;
	line-height:1.4em;
	list-style-type: none;
}

#blog-sidebar ul li {
	margin: 0 0 0.25em 0px;
	padding: 0;
}

	
ol {
	margin: 0 0 1.5em 0;
	padding: 0;
	line-height: 1.4em;
}

ol li {
	margin: 0 0 0.25em 30px;
	padding: 0;
}

label.error { 
	display: block;
	color: red;                              
	font-size: 12px; 
}

/* 
----------------------------------------------------------------------------- 
PORTFOLIO 
-----------------------------------------------------------------------------*/


#left-portfolio a:link { color: #434345; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none; display: block; width: 14px; height: 19px;	background-image: url(/wp-content/themes/default/images/back-grey.png); background-repeat: no-repeat; padding: 8px 0 0 13px;  display: inline-block;margin: 0 4px 4px 0px;}
#left-portfolio  a:visited { color: #434345; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none; display: block; width: 14px; height: 19px; 	background-image: url(/wp-content/themes/default/images/back-grey.png); background-repeat: no-repeat;padding: 8px 0 0 13px; display: inline-block;margin: 0 4px 4px 0px;}
#left-portfolio  a:hover { color: #434345; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none; display: block;  width: 14px; height: 19px; background-image: url(/wp-content/themes/default/images/back-blue.png); background-repeat: no-repeat;padding: 8px 0 0 13px; display: inline-block;margin: 0 4px 4px 0px;}
#left-portfolio  a:active { color: #434345; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none; display: block; width: 14px; height: 19px; 	background-image: url(/wp-content/themes/default/images/back-grey.png); background-repeat: no-repeat;padding: 8px 0 0 13px; display: inline-block;margin: 0 4px 4px 0px;}

#left-portfolio  .active:link { color: #434345; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none; display: block; width: 14px; height: 19px; background-image: url(/wp-content/themes/default/images/back-blue.png); background-repeat: no-repeat; padding: 8px 0 0 13px;  display: inline-block; margin: 0 4px 4px 0px;}
#left-portfolio  .active:visited { color: #434345; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none; display: block; width: 14px; height: 19px; background-image: url(/wp-content/themes/default/images/back-blue.png); background-repeat: no-repeat;padding: 8px 0 0 13px; display: inline-block;margin: 0 4px 4px 0px;}
#left-portfolio  .active:hover { color: #434345; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none; display: block;  width: 14px; height: 19px; background-image: url(/wp-content/themes/default/images/back-blue.png); background-repeat: no-repeat;padding: 8px 0 0 13px; display: inline-block;margin: 0 4px 4px 0px;}
#left-portfolio  .active:active { color: #434345; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none; display: block; width: 14px; height: 19px; background-image: url(/wp-content/themes/default/images/back-blue.png); background-repeat: no-repeat;padding: 8px 0 0 13px; display: inline-block; margin: 0 4px 4px 0px;}

#left-portfolio ul {
	vertical-align: bottom;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style-type: none;
	width: auto;
	position:relative;
	height: 27px;
}

#left-portfolio ul li  {
	float: left;
	margin: 0 4px 4px 0px;
	padding: 0;
}


#web-portfolio a:link { color: #434345; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none; display: block; width: 14px; height: 19px;	background-image: url(/wp-content/themes/default/images/back-grey.png); background-repeat: no-repeat; padding: 8px 0 0 13px;  display: inline-block;margin: 0 4px 4px 0px;}
#web-portfolio  a:visited { color: #434345; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none; display: block; width: 14px; height: 19px; 	background-image: url(/wp-content/themes/default/images/back-grey.png); background-repeat: no-repeat;padding: 8px 0 0 13px; display: inline-block;margin: 0 4px 4px 0px;}
#web-portfolio  a:hover { color: #434345; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none; display: block;  width: 14px; height: 19px; background-image: url(/wp-content/themes/default/images/back-orange.jpg); background-repeat: no-repeat;padding: 8px 0 0 13px; display: inline-block;margin: 0 4px 4px 0px;}
#web-portfolio  a:active { color: #434345; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none; display: block; width: 14px; height: 19px; 	background-image: url(/wp-content/themes/default/images/back-grey.png); background-repeat: no-repeat;padding: 8px 0 0 13px; display: inline-block;margin: 0 4px 4px 0px;}

#web-portfolio  .active:link { color: #434345; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none; display: block; width: 14px; height: 19px; background-image: url(/wp-content/themes/default/images/back-orange.jpg); background-repeat: no-repeat; padding: 8px 0 0 13px;  display: inline-block; margin: 0 4px 4px 0px;}
#web-portfolio  .active:visited { color: #434345; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none; display: block; width: 14px; height: 19px; background-image: url(/wp-content/themes/default/images/back-orange.jpg); background-repeat: no-repeat;padding: 8px 0 0 13px; display: inline-block;margin: 0 4px 4px 0px;}
#web-portfolio  .active:hover { color: #434345; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none; display: block;  width: 14px; height: 19px; background-image: url(/wp-content/themes/default/images/back-orange.jpg); background-repeat: no-repeat;padding: 8px 0 0 13px; display: inline-block;margin: 0 4px 4px 0px;}
#web-portfolio  .active:active { color: #434345; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none; display: block; width: 14px; height: 19px; background-image: url(/wp-content/themes/default/images/back-orange.jpg); background-repeat: no-repeat;padding: 8px 0 0 13px; display: inline-block; margin: 0 4px 4px 0px;}

#web-portfolio ul {
	vertical-align: bottom;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style-type: none;
	width: auto;
	position:relative;
	height: 27px;
}

#web-portfolio ul li  {
	float: left;
	margin: 0 4px 4px 0px;
	padding: 0;
}

#brand-portfolio a:link { color: #434345; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none; display: block; width: 14px; height: 19px;	background-image: url(/wp-content/themes/default/images/back-grey.png); background-repeat: no-repeat; padding: 8px 0 0 13px;  display: inline-block;margin: 0 4px 4px 0px;}
#brand-portfolio  a:visited { color: #434345; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none; display: block; width: 14px; height: 19px; 	background-image: url(/wp-content/themes/default/images/back-grey.png); background-repeat: no-repeat;padding: 8px 0 0 13px; display: inline-block;margin: 0 4px 4px 0px;}
#brand-portfolio  a:hover { color: #434345; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none; display: block;  width: 14px; height: 19px; background-image: url(/wp-content/themes/default/images/back-green.jpg); background-repeat: no-repeat;padding: 8px 0 0 13px; display: inline-block;margin: 0 4px 4px 0px;}
#brand-portfolio  a:active { color: #434345; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none; display: block; width: 14px; height: 19px; 	background-image: url(/wp-content/themes/default/images/back-grey.png); background-repeat: no-repeat;padding: 8px 0 0 13px; display: inline-block;margin: 0 4px 4px 0px;}

#brand-portfolio  .active:link { color: #434345; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none; display: block; width: 14px; height: 19px; background-image: url(/wp-content/themes/default/images/back-green.jpg); background-repeat: no-repeat; padding: 8px 0 0 13px;  display: inline-block; margin: 0 4px 4px 0px;}
#brand-portfolio  .active:visited { color: #434345; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none; display: block; width: 14px; height: 19px; background-image: url(/wp-content/themes/default/images/back-green.jpg); background-repeat: no-repeat;padding: 8px 0 0 13px; display: inline-block;margin: 0 4px 4px 0px;}
#brand-portfolio  .active:hover { color: #434345; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none; display: block;  width: 14px; height: 19px; background-image: url(/wp-content/themes/default/images/back-green.jpg); background-repeat: no-repeat;padding: 8px 0 0 13px; display: inline-block;margin: 0 4px 4px 0px;}
#brand-portfolio  .active:active { color: #434345; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none; display: block; width: 14px; height: 19px; background-image: url(/wp-content/themes/default/images/back-green.jpg); background-repeat: no-repeat;padding: 8px 0 0 13px; display: inline-block; margin: 0 4px 4px 0px;}

#brand-portfolio ul {
	vertical-align: bottom;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style-type: none;
	width: auto;
	position:relative;
	height: 27px;
}

#brand-portfolio ul li  {
	float: left;
	margin: 0 4px 4px 0px;
	padding: 0;
}


#catalog-portfolio a:link { color: #434345; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none; display: block; width: 14px; height: 19px;	background-image: url(/wp-content/themes/default/images/back-grey.png); background-repeat: no-repeat; padding: 8px 0 0 13px;  display: inline-block;margin: 0 4px 4px 0px;}
#catalog-portfolio  a:visited { color: #434345; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none; display: block; width: 14px; height: 19px; 	background-image: url(/wp-content/themes/default/images/back-grey.png); background-repeat: no-repeat;padding: 8px 0 0 13px; display: inline-block;margin: 0 4px 4px 0px;}
#catalog-portfolio  a:hover { color: #434345; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none; display: block;  width: 14px; height: 19px; background-image: url(/wp-content/themes/default/images/back-catalogs.jpg); background-repeat: no-repeat;padding: 8px 0 0 13px; display: inline-block;margin: 0 4px 4px 0px;}
#catalog-portfolio  a:active { color: #434345; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none; display: block; width: 14px; height: 19px; 	background-image: url(/wp-content/themes/default/images/back-grey.png); background-repeat: no-repeat;padding: 8px 0 0 13px; display: inline-block;margin: 0 4px 4px 0px;}

#catalog-portfolio  .active:link { color: #434345; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none; display: block; width: 14px; height: 19px; background-image: url(/wp-content/themes/default/images/back-catalogs.jpg); background-repeat: no-repeat; padding: 8px 0 0 13px;  display: inline-block; margin: 0 4px 4px 0px;}
#catalog-portfolio  .active:visited { color: #434345; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none; display: block; width: 14px; height: 19px; background-image: url(/wp-content/themes/default/images/back-catalogs.jpg); background-repeat: no-repeat;padding: 8px 0 0 13px; display: inline-block;margin: 0 4px 4px 0px;}
#catalog-portfolio  .active:hover { color: #434345; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none; display: block;  width: 14px; height: 19px; background-image: url(/wp-content/themes/default/images/back-catalogs.jpg); background-repeat: no-repeat;padding: 8px 0 0 13px; display: inline-block;margin: 0 4px 4px 0px;}
#catalog-portfolio  .active:active { color: #434345; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none; display: block; width: 14px; height: 19px; background-image: url(/wp-content/themes/default/images/back-catalogs.jpg); background-repeat: no-repeat;padding: 8px 0 0 13px; display: inline-block; margin: 0 4px 4px 0px;}

#catalog-portfolio ul {
	vertical-align: bottom;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style-type: none;
	width: auto;
	position:relative;
	height: 27px;
}

#catalog-portfolio ul li  {
	float: left;
	margin: 0 4px 4px 0px;
	padding: 0;
}


#other-portfolio a:link { color: #434345; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none; display: block; width: 14px; height: 19px;	background-image: url(/wp-content/themes/default/images/back-grey.png); background-repeat: no-repeat; padding: 8px 0 0 13px;  display: inline-block;margin: 0 4px 4px 0px;}
#other-portfolio  a:visited { color: #434345; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none; display: block; width: 14px; height: 19px; 	background-image: url(/wp-content/themes/default/images/back-grey.png); background-repeat: no-repeat;padding: 8px 0 0 13px; display: inline-block;margin: 0 4px 4px 0px;}
#other-portfolio  a:hover { color: #434345; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none; display: block;  width: 14px; height: 19px; background-image: url(/wp-content/themes/default/images/back-purple.jpg); background-repeat: no-repeat;padding: 8px 0 0 13px; display: inline-block;margin: 0 4px 4px 0px;}
#other-portfolio  a:active { color: #434345; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none; display: block; width: 14px; height: 19px; 	background-image: url(/wp-content/themes/default/images/back-grey.png); background-repeat: no-repeat;padding: 8px 0 0 13px; display: inline-block;margin: 0 4px 4px 0px;}

#other-portfolio  .active:link { color: #434345; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none; display: block; width: 14px; height: 19px; background-image: url(/wp-content/themes/default/images/back-purple.jpg); background-repeat: no-repeat; padding: 8px 0 0 13px;  display: inline-block; margin: 0 4px 4px 0px;}
#other-portfolio  .active:visited { color: #434345; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none; display: block; width: 14px; height: 19px; background-image: url(/wp-content/themes/default/images/back-purple.jpg); background-repeat: no-repeat;padding: 8px 0 0 13px; display: inline-block;margin: 0 4px 4px 0px;}
#other-portfolio  .active:hover { color: #434345; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none; display: block;  width: 14px; height: 19px; background-image: url(/wp-content/themes/default/images/back-purple.jpg); background-repeat: no-repeat;padding: 8px 0 0 13px; display: inline-block;margin: 0 4px 4px 0px;}
#other-portfolio  .active:active { color: #434345; font-family: Arial, Helvetica, sans-serif; font-size: 16px; text-decoration: none; display: block; width: 14px; height: 19px; background-image: url(/wp-content/themes/default/images/back-purple.jpg); background-repeat: no-repeat;padding: 8px 0 0 13px; display: inline-block; margin: 0 4px 4px 0px;}

#other-portfolio ul {
	vertical-align: bottom;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style-type: none;
	width: auto;
	position:relative;
	height: 27px;
}

#other-portfolio ul li  {
	float: left;
	margin: 0 4px 4px 0px;
	padding: 0;
}