/*
Colorcubic, LLC
www.colorcubic.com
info@colorcubic.com
*/
img
{  border-style: none;
}

a.imglnk{
     border: none;
}
a:visited img {
border: none;
}

/* This prevents the background image from shifting
-------------------------------------------------------------------------------*/
html { 
	min-height: 100%; 
	margin-bottom: 1px; 
	}


/* Body
-------------------------------------------------------------------------------*/
body { 
	margin: 0 0 0 0; 
	padding: 0; 
	color:#FFF;   
	background: #000000 url(images/background_stripe.gif) repeat-x top fixed;
	}
	
	
/* Headings
-------------------------------------------------------------------------------*/
h1 { 
	padding:0; 
	margin:0; 
	color: #666666; 
	background: inherit;
	font: bold 1.8em Trebuchet MS, Tahoma, Arial, Sans-Serif; 
	letter-spacing: -1px;
	}

h1 a {
	color: #FFF; 
	background: inherit;
	}

h2 {
	color:#9B9B9B;
	font-size:1.2em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	line-height: 1.5em;


	#line-height: .3em; 
	padding-top: 15px;
	}
	
.georgia { 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold; 
	font-size: 1em; 
	margin: 0; 
	padding: 0;
	}
	
.georgia2 { 
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #777777;
	font-size: 1em; 
	margin: 0; 
	padding: 0;
	}

.georgia3 { 
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #C12323;
	font-size: 1em; 
	margin: 0; 
	padding: 0;
	}

.blogtitle, .blogtitle a:link, .blogtitle a:visited { 
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #edb945;
	background-color: #2C2C2C;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-size: 1em;
	margin: 0; 
	padding: 0;
	}
	
.blogtitle a:hover { 
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #edb945;
	background-color: #4B4B4B;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-size: 1em; 
	margin: 0; 
	padding: 0;
	}
	
.rsslibitem,.rsslibitem:visited, .rsslibitem:link {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #edb945;
	background-color: #2C2C2C;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-size: 1em;
	margin: 0; 
	padding: 0;
}
.rsslibitem:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #edb945;
	background-color: #4B4B4B;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-size: 1em; 
	margin: 0; 
	padding: 0;
}
	
	
/* Container
-------------------------------------------------------------------------------*/
#container { 
	margin: 0 auto; /* auto centers div */
	padding: 0 8px 0 8px; /*T R B L*/ 
	width: 820px;
	overflow:hidden;
	background: #181818 url(images/gray-bg.jpg) repeat-y;
	background-position: ;
	border-left: 2px solid #262626;
	border-right: 2px solid #262626;
	}
	
#container-home { 
	margin: 0 auto; /* auto centers div */
	padding: 0 8px 0 8px; /*T R B L*/ 
	width: 820px;
	overflow:hidden;
	background: #181818;
	border-left: 1px solid #262626;
	border-right: 1px solid #262626;
	}


/* Header
-------------------------------------------------------------------------------*/
#header {
	width: 820px;
	height: 50px;
	margin: 0 0 0 0;
	padding: 0;
	z-index: 4;
	background: #181818;
	}
	
	
/* Top Visual
-------------------------------------------------------------------------------*/
#topvisual {
	width: 820px;
	height: 248px;
	margin: 0 0 0 0; 
	padding: 0;
	text-align: center;
	}
#topvisual-menu {
	width: 819px;
	height: 140px;
	margin: 0 0 0 0;
	padding: 0;
	}
#topvisual-flash {
	width: 803px;
	height: 231px;
	margin: 0 0 0 0; 
	padding: 0;
	text-align: center;
	border-top: 9px #FFFFFF solid;
	border-bottom: 9px #FFFFFF solid;
	border-left: 8px #FFFFFF solid;
	border-right: 8px #FFFFFF solid;
	}
	
	
/* Main Columns
-------------------------------------------------------------------------------*/
#services {
	width: 520px;
	float: left;
	/*border-right: 1px solid #333333;*/
	margin: 25px 0 0 0; /*T R B L*/
	padding: 0 15px 13px 30px;
	/* FONT STYLE */
	font-family: Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.6em;
	color: #777777;
	}
	
#services-column {
	width: 240px;
	float: right;
	margin: 25px 0 0 0; /*T R B L*/
	padding: 0px 0 13px 8px;




	#padding-top: 8px;
	/* FONT STYLE */
	font-family: Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	line-height: 1.3em;
	color: #777777;
	}

/* Navigation
-------------------------------------------------------------------------------*/
#menu {
	width: 580px;
	height:50px;
	float: right;
}

ul#nav {
	position:absolute;
	width: 580px;
	height:19px;
	margin: 0;
	padding: 0;
	top: 124px;
	/*overflow: hidden;*/
	background: transparent url(images/menu.jpg) no-repeat 0 -19px;
	}
ul#nav li {
	padding:0;
	margin:0;
	display:block;
	float:left;
	text-indent:-9999px;	
	}
ul#nav li a {
	border:0;
	display:block;
	text-decoration:none;
	background: transparent url(images/menu.jpg) no-repeat;
	}

/* Dimensions of menu items */
li#nav-home a {
	width:83px;
	height:19px;
	}
li#nav-company a {
	width:97px;
	height:19px;
	}
li#nav-work a {
	width:75px;
	height:19px;
	}	 
li#nav-services a {
	width:89px;
	height:19px;
	}
li#nav-blog a {
	width:69px;
	height:19px;
	}
li#nav-shop a {
	width:69px;
	height:19px;
	}
li#nav-contact a {
	width:83px;
	height:19px;
	}

/* Rollover functions */
li#nav-home a:link, li#nav-home a:visited {	
	background-position: 0 0;
	}
li#nav-home a:hover, li#nav-home a:focus {
	background-position: 0 -19px;
	}
/* COMPANY */
li#nav-company a:link, li#nav-company a:visited {	
	background-position: -83px 0;
	}
li#nav-company a:hover, li#nav-company a:focus {	
	background-position: -83px -19px;
	}
/* WORK */
li#nav-work a:link, li#nav-work a:visited {	
	background-position: -180px 0;
	}
li#nav-work a:hover, li#nav-work a:focus {	
	background-position: -180px -19px;
	}
/* SERVICES */
li#nav-services a:link, li#nav-services a:visited {	
	background-position: -255px 0;
	}
li#nav-services a:hover, li#nav-services a:focus {	
	background-position: -255px -19px;
	}
/* BLOG */
li#nav-blog a:link, li#nav-blog a:visited {	
	background-position: -344px 0;
	}
li#nav-blog a:hover, li#nav-blog a:focus {	
	background-position: -344px -198px;
	}
/* SHOP */
li#nav-shop a:link, li#nav-shop a:visited {	
	background-position: -413px 0;
	}
li#nav-shop a:hover, li#nav-shop a:focus {	
	background-position: -413px -19px;
	}
/* CONTACT */
li#nav-contact a:link, li#nav-contact a:visited {	
	background-position: -482px 0;
	}
li#nav-contact a:hover, li#nav-contact a:focus {	
	background-position: -482px -19px;
	}
	
/* Navigation "active tabs" - current page indicator */
body#home-page ul#nav li#nav-home a {
	background-position: 0 -19px;
	}
body#company-page ul#nav li#nav-company a {
	background-position:-83px -19px;
	}
body#work-page ul#nav li#nav-work a { 
	background-position:-180px -19px;
	}
body#services-page ul#nav li#nav-services a {
	background-position:-255px -19px;
	}
body#blog-page ul#nav li#nav-blog a {
	background-position:-344px -19px;
	}
body#shop-page ul#nav li#nav-shop a {
	background-position:-413px -19px;
	}
body#contact-page ul#nav li#nav-contact a {
	background-position:-482px -19px;
	}
	

/* Navigation for top menu (client survey, newsletter, etc)
-------------------------------------------------------------------------------*/
#topmenu {
	margin: 0;
	padding: 0;
	float: right;
	width: 350px;
	}
ul#topnav {
	position:absolute;
	width: 305px;
	height:35px;
	margin: 0;
	padding: 0;
	/*overflow: hidden;*/
	left: 603px;
	top: 2px;
	}
ul#topnav li {
	padding:0;
	margin:0;
	display:block;
	float:left;
	text-indent:-9999px;	
	}
ul#topnav li a {
	border:0;
	display:block;
	text-decoration:none;
	background: transparent url(images/top_menu.gif) no-repeat;
	}

/* Dimensions of menu items */
li#topnav-clientsurvey a {
	width:87px;
	height:35px;
	}
li#topnav-newsletter a {
	width:76px;
	height:35px;
	}
li#topnav-sitemap a {
	width:54px;
	height:35px;
	}	 
li#topnav-login a {
	width:88px;
	height:35px;
	}

/* Rollover functions */
/* CLIENT SURVEY */
li#topnav-clientsurvey a:link, li#topnav-clientsurvey a:visited {	
	background-position: 0 0;
	}
li#topnav-clientsurvey a:hover, li#topnav-clientsurvey a:focus {
	background-position: 0 -35px;
	}
/* NEWSLETTER */
li#topnav-newsletter a:link, li#topnav-newsletter a:visited {	
	background-position: -87px 0;
	}
li#topnav-newsletter a:hover, li#topnav-newsletter a:focus {	
	background-position: -87px -35px;
	}
/* SITEMAP */
li#topnav-sitemap a:link, li#topnav-sitemap a:visited {	
	background-position: -163px 0;
	}
li#topnav-sitemap a:hover, li#topnav-sitemap a:focus {	
	background-position: -163px -35px;
	}
/* CLIENT LOGIN */
li#topnav-login a:link, li#topnav-login a:visited {	
	background-position: -217px 0;
	}
li#topnav-login a:hover, li#topnav-login a:focus {	
	background-position: -217px -35px;
	}


/* Home page Rollovers
-------------------------------------------------------------------------------*/
#featured-projects {
	width: 232px;
	height:326px;
	float: right;
}

ul#feat {
	/*position:absolute;*/
	width: 232px;
	height:326px;
	margin: 0;
	padding: 0;
	top: 0;
	/*overflow: hidden;*/
	background: transparent url(images/featured/featured.jpg) no-repeat 0 -232px;
	}
ul#feat li {
	padding:0;
	margin:0;
	display:block;
	float:left;
	text-indent:-9999px;	
	}
ul#feat li a {
	border:0;
	display:block;
	text-decoration:none;
	background: transparent url(images/featured/featured.jpg) no-repeat;
	}

/* Dimensions of menu items */
li#nav-feat1 a {
	width:232px;
	height:102px;
	}
li#nav-feat2 a {
	width:232px;
	height:112px;
	}
li#nav-feat3 a {
	width:232px;
	height:112px;
	}	 


/* Rollover functions */
/* FEATURED 1 */
li#nav-feat1 a:link, li#nav-feat1 a:visited {	
	background-position: 0 0;
	}
li#nav-feat1 a:hover, li#nav-feat1 a:focus {
	background-position: -232px 0;
	}
/* FEATURED 2 */
li#nav-feat2 a:link, li#nav-feat2 a:visited {	
	background-position: 0 -102px;
	}
li#nav-feat2 a:hover, li#nav-feat2 a:focus {	
	background-position: -232px -102px ;
	}
/* FEATURED 3 */
li#nav-feat3 a:link, li#nav-feat3 a:visited {	
	background-position: 0 -214px;
	}
li#nav-feat3 a:hover, li#nav-feat a:focus {	
	background-position: -232px -214px;
	}


ul#more {
	/*position:absolute;*/
	width: 60px;
	height:13px;
	margin: 0;
	padding: 0;
	top: 0;
	/*overflow: hidden;*/
	background: transparent url(images/btn-read-more.gif) no-repeat 0 0;
	}
ul#more li {
	padding:0;
	margin:0;
	display:block;
	float:left;
	text-indent:-9999px;	
	}
ul#more li a {
	border:0;
	display:block;
	text-decoration:none;
	background: transparent url(images/btn-read-more.gif) no-repeat;
	}

/* Dimensions of menu items */
li#nav-morebtn a {
	width:60px;
	height:13px;
	}
	 

/* Rollover functions */
/* READ MORE */
li#nav-morebtn a:link, li#nav-morebtn a:visited {	
	background-position: 0 0;
	}
li#nav-morebtn a:hover, li#nav-morebtn a:focus {
	background-position: 0 -13px;
	}




/* Links
-------------------------------------------------------------------------------*/
a:link {
	color: #999999;
	text-decoration: none;
	}
	
a:hover {
	color: #FFFFFF;
	text-decoration: none;
	}

a:active {
	color: #FFFFFF;
	text-decoration: none;
	}

a:visited {
	color: #999999;
	text-decoration: none;
	}


/* Footer
-------------------------------------------------------------------------------*/
#footer {
	clear: both;
	height: 65px;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #181818;
}