/* CSS Document */
html, body, div, span, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
img, ins, kbd, q, s, samp,
small, strike, strong, 
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
	margin-bottom: 0px;
}

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;
}

/*END RESET*/

*	{
	margin: 0;
	padding: 0;
}

body {
	font-family:  Arial, Helvetica, sans-serif;
	background-color: #000;
}  


/*-----------------------------------------------FONTS-----------------------------------------------*/

 

@font-face {
font-family:"ThinFont";
  src: url(/fonts/Walkway_SemiBold-webfont.eot) ; /* IE */  
  src: local("ThinFont"),
url('/fonts/Walkway_SemiBold-webfont.woff') format('woff'), /* Modern Browsers */
url('/fonts/Walkway_SemiBold-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
url('/fonts/Walkway_SemiBold-webfont.svg') format('svg'); /* Legacy iOS */
}



h1 {
	font-family:"ThinFont",Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#FF0;
	line-height: 140%;
	letter-spacing: 2px;
}

#404Box2 h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	color:#FFF;
	line-height: 140%;
	letter-spacing: 2px;
}



#aboutBox h1 {
	font-family:"ThinFont",Arial, Helvetica, sans-serif;
	font-size:33px;
	color:#FF0;
	line-height: 140%;
	letter-spacing: 2px;
}

/*-----------------------------------------------MAIN ELEMENTS-----------------------------------------------*/

.container {  
    width: 900px;  
    margin: 0 auto;  
	background-color: #000;
} 


#main {background-color: #000; padding: 15px 50px 50px 50px;} 

#main .container {
	background: url(images/header.jpg) no-repeat;
	width: 900px;
	background-color: #2d2d2d;
}

#logo {  
    background: url(images/logo.png) no-repeat;  
    height: 156px;  
    width: 258px;  
    float: left;  
}  
  
#logo h1 { text-indent: -9999px;}  
  
#logo a {
    display:block;
    width:100%;
    height:100%;
}


/*-----------------------------------------------MENU-----------------------------------------------*/

#menu {  
    float:right;
	padding-top: 20px;  
    padding-left: 20px;  
}  

ul#menu {
	list-style: none;
	padding-right: 30px;
	text-decoration: none;
	padding-top: 125px;
	padding-left: 20px;
}  
  
ul#menu li a {
	font-size: 17px;
	color: #24ee0f;
	text-decoration: none;
	font-weight: lighter;
}
	
ul#menu li {
	float: left;
	padding-left: 15px;
	letter-spacing: 2px;
	padding-right: 10px;
} 

#menu a:active { color: #ffffff; text-decoration: none;}
ul#menu li a:hover { color: #0f73ee;}

body#home a#homeLink,
body#print a#portfolioLink, 
body#web a#portfolioLink, 
body#branding a#portfolioLink, 
body#about a#aboutLink, 
body#contact a#contactLink {
	color: #0f73ee;
}

#content {
	width: 900px;  
	background-color: #2d2d2d;
	border-style: solid;
	border-top-color: #FFFFFF;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-bottom-color: #FFFFFF;
}  

#wrap {
	margin: 0px;
	width: 900px;  
	background-color: #2d2d2d;

}

/*-----------------------------------------------INDEX/About PAGE-----------------------------------------------*/
#indexBox {padding:60px 80px 60px 80px}
#indexBox a {text-decoration: none}

#aboutBox {padding:60px 45px 60px 80px}
#aboutBox a {text-decoration: none}


/*-----------------------------------------------WORK PAGES-----------------------------------------------*/


#worknav {
	padding: 20px 60px 0px 20px;
	width: 900px;
}

ul#workmenu {
	text-align:left;
	width: 350px;
	padding-left: 9px;
}  
  
ul#workmenu li a {
	font-size: 20px;
	color: #ffffff;
	text-decoration: none;
	font-weight: lighter;
}
	
ul#workmenu li {
	letter-spacing: 2px;
	display:inline;
	list-style:none;
	margin-right: 10px;
	padding-right: 15px;
} 
	

#workmenu a:active { color: #000000; text-decoration: none;}
ul#workmenu li a:hover { color: #0f73ee;}

body#print a#printLink,
body#web a#webLink, 
body#branding a#brandingLink {
	color: #0f73ee;
}

#work {
	background-color: #FFF;
	width: 900px;
	padding-top: 10px;
}

/*-----------------------------------------------Portfolio THumbs----------------------------------------------*/

#thumbs {padding:30px 0px 0px 12px}
#thumbs a img, #thumbs a { border: none; float: left; }
#thumbs a   { margin: 0px 0px 30px 15px; }
#thumbs a:hover    { outline: 1px solid white; }



/*-----------------------------------------------SUB PORTFOLIO PAGE-----------------------------------------------*/

#sidebarLeft {
	background-color: #2d2d2d;
	width: 50px;
	float:left;
	padding-top: 20px;
}

#arrowLeft {
	width: 50px;
	height: 50px;
	}
	
#arrowLeft li a:link, #arrowLeft li a:visited {
	color: #666666;
	display: block;
	background:  url(images/arrowLeft.gif);
	}
	
#arrowLeft li a:hover {
	color: #FFF;
	background:  url(images/arrowLeft.gif) 0 -49px;
}

#center {
	background-color: #2d2d2d;
	width: 590px;
	float:left;
	padding: 30px 0px 30px 10px;
}

#sidebarRight {
	background-color: #2d2d2d;
	width:250px;
	float:right;
	padding: 20px 0px 0px 0px;
}

#sidebarRight h2 {
	padding-top: 60px;
	padding-left:10px;
}

#arrowRight {
	width: 50px;
	height: 50px;
	margin-left: 100px;
	}
	
#arrowRight li a:link, #arrowRight li a:visited {
	color: #666666;
	display: block;
	background:  url(images/arrowRight.gif);
	}
	
#arrowRight li a:hover {
	color: #2D2D2D;
	background:  url(images/arrowRight.gif) 0 -49px;
}

span.client {
	color:#e6ee0f;
	font-weight:normal;
	font-size: 19px;
	padding: 0px 0px 0px 0px;
}



span.client {
	color:#e6ee0f;
	font-weight:normal;
	font-size: 17px;
	padding: 0px 0px 0px 0px;
}

span.name {
	color:#FFFFFF;
	font-weight:normal;
	font-size: 15px;
	padding: 0px 0px 0px 0px;
}

span.skills {
	color:#e6ee0f;
	font-weight:normal;
	font-size: 15px;
	padding: 0px 0px 0px 0px;
}

span.programs {
	color:#CCCCCC;
	font-weight:normal;
	font-size: 13px;
	padding: 0px 0px 0px 0px;
}

span.link {
	color:#CCCCCC;
	font-weight:normal;
	font-size: 13px;
	padding: 0px 0px 0px 0px;
}

#sidebarRight a {color: #0f73ee; text-decoration: none; font-size:12px} 

.client p {
	color:#ffffff;
	font-weight:normal;
	font-size: 15px;
	padding: 0px 0px 0px 0px;
}

#sidebarRight p {
	color:#FFFFFF;
	font-weight:lighter;
	font-size: 13px;
	padding: 20px 10px 0px 10px;
}

#workLinks {
	width: 300px;
	margin-left: 0px;
	padding-top: 20px;
	padding-bottom: 10px;
	}


ul#workLinks {
	text-align:left;
	width: 250px;
	padding-left: 0px;
}  
  
ul#workLinks li a {
	font-size: 16px;
	color: #ffffff;
	text-decoration: none;
	font-weight: lighter;
}
	
ul#workLinks li {
	letter-spacing: 2px;
	display:inline;
	list-style:none;
	margin-right: 5px;
	padding-right: 9px;
	color: #0f73ee;
} 
	

#workLinks a:active { color: #000000; text-decoration: none;}
ul#workLinks li a:hover { color: #0f73ee;}

#CVECbanner {
	width: 300px;
	margin-left: 133px;
	}

/*------------------------------------------------CONTACT----------------------------------------------- */




#contactForm {
	width: 360px;
	padding-left: 280px;
}
	
	#formTop input {
	width: 250px;
	border: none;
	background: none;
	margin: 0px 0px 0px 3px;
	font-size: 12px;
	height: 20px;
	padding-top: 5px;
	outline: none;
	background-color: #D2D2D2;
	border-color: #D2D2D2;
	}
	
	#formTop .input-bg {
	background: url(images/contact-sm-bg.jpg) bottom left no-repeat transparent;
	height: 35px;
	margin-bottom: 0px;
	position: relative;
	background-image: url(images/contact-sm-bg.jpg);
	outline: none
	}
	#formTop .active {background: url(images/form-sm-bg.jpg) top left no-repeat transparent;}
	
#formBottom {
	width: 360px;
	padding-right: 44px;
	outline: none;
	height: 360px;
	}
	
	#formBottom textarea {
	width: 321px;
	height: 220px;
	display: block;
	border: none;
	background: none;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px 0px 20px 3px;
	outline: none;
	background-color: #D2D2D2;
	border-color: #D2D2D2;
	padding-top: 5px;
	}
	#formBottom .message-bg {
	background: url(images/Contact-lg-bg.jpg) bottom left no-repeat transparent;
	height: 238px;
	}
	#formBottom .active {background: url(images/message-bg.jpg) top left no-repeat transparent;}
	
label {
	display: block;
	font-size: 1.3em;
	text-indent: 10px;
	font-weight: bold;
}

label.error {
	position: absolute;
	top: -16px;
	right: 49px;
	padding: 3px;
	color: #da3939;
	font-size: 1.0em;
	text-align: right;
	font-style: italic;
	font-weight: normal;
}

input.submit-button {padding-right: 60px;}


#contactInfo h3 {
	font-size:20px;
	font-weight: lighter;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #FFFFFF;
	line-height: 140%;
	padding-top: 50px;
text-decoration: none;
} 

span.contactlink a{color:#24ee0f; text-decoration: none;}

#tagline {
	padding: 30px 0px 20px 220px;
}

#thanks {padding: 100px 0px 100px 115px;}

#error {padding: 100px 0px 200px 130px;}

#error h4 a {
	font-size:14px;
	font-weight: lighter;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 15px;
}



/*------------------------------------------------FOOTER----------------------------------------------- */


#footer {
	background-color: #141414;
	padding: 10px;
}

#footerleft {
	background-color: #141414;
	height: 150px;
	width: 380px;
	float: left;
	padding: 10px 10px 0px 10px;
	border-style: solid;
	border-right-color: #FFFFFF;
	border-right-width: 1px;
}

#contacttop {
	padding-bottom: 0px;
	margin-top: 0px;
}

#footerleft h2 {
	font-size:12px;
	font-weight: lighter;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #FFFFFF;
	line-height: 120%;
	padding-top: 5px;
} 

#footerleft h3 {
	font-size:17px;
	font-weight: lighter;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #24ee0f;
	padding-top:50px;
	margin-right: 20px;
} 

#footerleft a {color: #ffffff; text-decoration: none;} 

#footerleft a:hover { color: #24ee0f; text-decoration: none;}

#footerleft a {color: #ffffff; text-decoration: none;} 

#footerleft a:hover { color: #24ee0f; text-decoration: none;}

span.phone {
	color:#FFFFFF;
	font-weight:normal;
	font-size: 12px;
}


#footerright {
	background-color: #141414;
	height: 150px;
	width: 450px;
	float: right;
	padding: 10px 0px 10px 0px;
	margin-right: 15px;
}

#featuretop {
	padding: 0px 0px 0px 0px;
}

#featureLeft {
	height: 100px;
	width: 100px;
	float: left;
	padding: 0px 0px 0px 10px;
}

#featureCenter {
	height: 100px;
	width: 100px;
	float: right;
	padding: 0px 0px 0px 10px;
}

#featureRight {
	height: 100px;
	width: 100px;
	float: right;
	padding: 0px 20px 0px 60px;
}



#footer p {
	font-size:13px;
	font-weight: lighter;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #24ee0f;
} 


/*------------------------------------------------BOTTOM INFO----------------------------------------------- */

#bottominfo {
	height: 30px;
	width: 890px;
	background-color: #2d2d2d;
	padding-top: 20px;
	padding-left: 10px;
} 

#bottominfo h2 {
	font-size:14px;
	font-weight: bolder;
	font-family:  Arial, Helvetica, sans-serif;
	color: #24ee0f;
	letter-spacing: 1px;
} 


#bottominfo a {
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: lighter;
	color: #fff;
	text-decoration: none;
}

#bottominfo a:hover { color: #FFFa68; text-decoration: none;}

	
h3 {
	font-size:11px;
	font-weight: lighter;
	font-family:  Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	letter-spacing: 1px;
} 

    #col1 {
	float: left; /* Sets this column to the left inside its section */
	width: 140px;
	padding-right: 40px;
    }
	
	
    #col2 {
	float: left; /* Sets this column to the left inside its section */
	width: 150px;
    }
	
	
    #col3 {
	float: left; /* Sets this column to the left inside its section */
	width: 100px;
	padding-right: 20px;
    }
	
/*------------------------------------------------404----------------------------------------------- */
	
	
#Box1 {
	padding:20px 0px 0px 260px;
	width:700px;
}
	
#Box2 {
	padding:0px 0px 60px 100px;
	width:700px;
	}
	
#404Box2 a {
	text-decoration: none; 
	color:#fff; 
	font-size:20px;
	}
	
#404Box2 h2 {
	text-decoration: none; 
	color:#fff; 
	font-size:20px;
	}