@CHARSET "UTF-8";
/******* GENERAL RESET *******/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody,
 tfoot, thead, tr, th, td {
border:0pt none;
font-family:inherit;
font-size: 100%;
font-style:inherit;
font-weight:inherit;
margin:0pt;
padding:0pt;
-webkit-text-size-adjust:none; 
}
body{
	line-height:14px;
	font-size: 12px;
	font-family:Helvetica, sans-serif;
	margin:0pt;
	cursor:default;
	min-width:1000px;

}
html,body{
	background:#960000 url(../images/bodybg.jpg) repeat-x;
	margin-bottom:-10px;
}
.clear{
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}
a{
	text-decoration: none;
	color:#890000;
}

a:hover{text-decoration:underline}

.left{float:left;}
.right{float:right;}
.center{margin:0px auto;}
.red{color:#890000}
.minus5 {margin:-5px -5px 0px -5px;}


.hide{display: none;}



#wrapper {
	margin:0 auto;
	width:1000px;
	background:url(../images/wrapperbg.jpg) no-repeat;
	}
	
	
	
	
/********************* LOGIN **********************/	

p#Remember .right {
	float:left;
	margin:0px;
	font-weight:normal;
	color:#000000;
	text-transform:capitalize;
	font-size:10px;
	}
	
p#Remember input {
	margin:0px 3px;
	}
	
p#ForgotPassword  {
	font-size:10px;
	margin:10px 0px 0px 0px;
	}
	
	
	
	
	
/********************* HEADER **********************/	
	
#header {
	height:174px;
	padding-left:375px;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/********************* MENU **********************/	
	
	
	
ul#menu {
	height:26px;
	margin-bottom:1px;
	width:750px;
	padding:0px 0px;
	margin:0px auto;
	overflow:hidden;
	list-style:none;
	}

ul#menu li {
float:left;
}

ul#menu li a {
background:url(../images/menu.jpg) no-repeat scroll top left;
display:block;
height:25px;
position:relative;
}
	
ul#menu li a.home {width:105px;background-position:-50px 0px;}
ul#menu li a.services {width:135px;background-position:-155px 0px;}	
ul#menu li a.portfolio {width:140px;background-position:-290px 0px;}
ul#menu li a.printing {width:130px;background-position:-430px 0px;}
ul#menu li a.about {width:115px;background-position:-560px 0px;}
ul#menu li a.contact {width:125px;background-position:-675px 0px;}
	

ul#menu li a span {
background:url(../images/menu.jpg) no-repeat scroll top left;
display:block;
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:100;
}

ul#menu li a.home span {width:105px;background-position:-50px -26px;}
ul#menu li a.services span {width:135px;background-position:-155px -26px;}	
ul#menu li a.portfolio span {width:140px;background-position:-290px -26px;}
ul#menu li a.printing span {width:130px;background-position:-430px -26px;}
ul#menu li a.about span {width:115px;background-position:-560px -26px;}
ul#menu li a.contact span {width:125px;background-position:-675px -26px;}

ul#menu li a span:hover {
cursor:pointer;
}	
	
#home ul#menu li a.home {width:105px;background-position:-50px -52px;}
#services ul#menu li a.services {width:135px;background-position:-155px -52px;}	
#printdesign ul#menu li a.portfolio, 
#webdesign ul#menu li a.portfolio, 
#brandingandlogos ul#menu li a.portfolio, 
#videosound ul#menu li a.portfolio, 
#photography ul#menu li a.portfolio, 
#illustrations ul#menu li a.portfolio, 
#portfolio ul#menu li a.portfolio {width:140px;background-position:-290px -52px;}
#printing ul#menu li a.printing {width:130px;background-position:-430px -52px;}
#about ul#menu li a.about {width:115px;background-position:-560px -52px;}
#contact ul#menu li a.contact {width:125px;background-position:-675px -52px;}
	
	
#home ul#menu li a.home span {background-position:-50px -78px;}
#services ul#menu li a.services span {background-position:-155px -78px;}	
#printdesign ul#menu li a.portfolio span, 
#webdesign ul#menu li a.portfolio span, 
#brandingandlogos ul#menu li a.portfolio span, 
#videosound ul#menu li a.portfolio span, 
#photography ul#menu li a.portfolio span, 
#illustrations ul#menu li a.portfolio span, 
#portfolio ul#menu li a.portfolio span {background-position:-290px -78px;}
#printing ul#menu li a.printing span {background-position:-430px -78px;}
#about ul#menu li a.about span {background-position:-560px -78px;}
#contact ul#menu li a.contact span {background-position:-675px -78px;}	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/********************* MIDDLE **********************/	
	
	
#middle {
	background:url(../images/middlebg.jpg) no-repeat;
	padding:0px 75px;
	
}











/********************* HOMEPAGE **********************/	






#featured {
	height:248px;
	width:848px;
	background: url(../images/featurebg.jpg) repeat-x;
	border:1px solid #222222;
	overflow:hidden;
	}	

#featured img{
	height:248px;
	width:848px;
	}
	
#middlebody{
	background:#dfcccc;
	padding:5px;
}

#printdesign #middlebody, 
#webdesign #middlebody, 
#brandingandlogos #middlebody, 
#videosound #middlebody, 
#photography #middlebody, 
#illustrations #middlebody {

	height:310px;
}



#whatwedo{
	width:130px;
	height:190px;
	padding:5px;
	background: url(../images/whatwedobg.jpg) repeat-x;
	margin-right:5px;
	float:left;
}
#whatwedo img {
margin-bottom:-1px;
}

#whatwedo p {
	background:url(../images/inbullet.png) no-repeat;
	color:#dfcccc;
	font-size:13px;
	padding:0px 0px 3px 20px;
	margin:3px 0px 4px 0px;
	}

#whatwedo a {
	color:#999999;
	text-transform:uppercase;
	font-style:italic;
	float:right;
	font-size:10px;
	font-weight:bold;
	margin:4px 2px 0px 0px;
}
#recentwork{
	width:210px;
	height:190px;
	padding:5px;
	background: #efe6e6;
	float:left;
}

<!-- TWITTER -->


.twitted {
	width: 16em;
	margin-bottom: 1.5em;
	border: 1px solid #888;
}

.twitted h2 {
	margin: 0;
	padding: 0.3em 0.8em;
	font-size: 1em;
	color: #fff;
	background-color: #888;
}

.twitted p.preLoader {
	margin: 60px 25px;
	padding: 1em 1em 1em 3em;
	font-size:11px;
	color:#cdcdcd;
	text-transform:uppercase;
	background: transparent url("../images/loader.gif") 1em center no-repeat;
	/* generate your own loader gif: http://www.ajaxload.info */
}

.twitted ul#twitter_update_list {
	margin: 0;
	padding: 0px 5px;
	height:170px;
	overflow:hidden;
	list-style-type: none;
}

.twitted ul#twitter_update_list li {
	margin: 0;
	padding: 2px 0 3px 0;
	border-bottom: 1px dotted #ccc;
}

.twitted ul#twitter_update_list li span {
	/* tweet content */
	display: block;
	font-size:11px;
}

.twitted ul#twitter_update_list li span a {
	/* links in tweet content */
	color: #960000;
	font-size:11px
}

.twitted ul#twitter_update_list li a {
	/* timestamp link */
	color: #545454;
}

.twitted ul#twitter_update_list li.firstTweet {
}

.twitted ul#twitter_update_list li.lastTweet {
	border-bottom: none;
}

.twitted p.profileLink {
	display: block;
	margin: 0;
	padding: 0.3em 1em;
	color: #fff;
	background-color: #ddd;
}


#recentwork img{
	padding:0px;
	margin-bottom:-3px;
	
}
#recentwork a img{
	padding:0px;
	margin-bottom:0px;
	
}

#intromessage {
	float:left;
	width:455px;
	height:190px;
	padding:5px 5px 5px 15px;
	overflow:hidden;
	}

#intromessage p {
	font-size:15px;
	line-height:24px;
	color:#111111;
	margin:23px 10px 0px 10px;
	}
	
	
	
	
	
	
	
	
	
	
	
/********************* INNER PAGES **********************/	

#banner {
	height:38px;
	width:850px;
	background: url(../images/featurebg.jpg) repeat-x;
	border-top:1px solid #222222;
	overflow:hidden;
	position:relative;
	border-bottom: none;

	}	


#SiteMapModule #banner {background-image: url(../../../assets/headers/header5.jpg) !important}



#about #banner, #services #banner, #contact #banner, #SiteMapModule #banner   {
	border-bottom: 1px solid #d7cccc;
	}


#banner h1 {
	color:#d7cccc;
	font-size:20px;
	font-weight:200;
	letter-spacing:-1px;
	position:absolute;
	bottom:0%;
	left:150px;
	text-transform:uppercase;
	}
#banner h1.services {color:#d7cccc;}
#banner h1.portfolio {color:#d7cccc;}
#banner h1.about {color:#d7cccc;}
#banner h1.contact {color:#d7cccc;}

#banner h1.printdesign {color:#d7cccc;}
#banner h1.webdesign, #banner h1.bannerads, #banner h1.websites {color:#111111 !important;}
#banner h1.brandinglogos {color:#d7cccc;}
#banner h1.videosound {color:#d7cccc;}
#banner h1.photography {color:#d7cccc;}
#banner h1.illustrations, #banner h1.character,  #banner h1.product, #banner h1.instructional, #banner h1.miscellaneous {color:#111111 !important;}

#center {
	width:550px;
	margin:0 auto;
	}
	
#SiteMapModule #center {
	width:848px;
}

#services #center h2 {
	margin-bottom:3PX;}

#services #center h2{
	text-transform:uppercase}

#services #center p {
	}

#servicebox{
	border:#702a2a solid 1px;
	padding:3px;
	background:url(../images/whatwedobg.jpg) repeat-x bottom;
	color:#d7cccc;
	width:100%;
	text-align:center;
	text-transform:uppercase;
	font-size:9px;
	margin:-3px auto 30px auto;

	}


#address {
	width:285px;
	float:right;
	padding-left:20px;
	border-left:1px solid #960000;
	margin-top:10px;
	}

#address h1 {
	font-size:16px;
	margin-bottom:2px;
	text-transform:uppercase;
	}

#address iframe {
	margin-bottom:10px;
	border: 1px solid #545454;
	}
/********************* PORTFOLIO MENU **********************/	






#portfoliolinks {
	height:20px;
	width:700px;
	padding-left:150px;
	background: url('../images/portfoliolinks.jpg') no-repeat;
	margin:0px;
	overflow:hidden;
	list-style:none;
}

#portfoliolinks span {
display: none;
}

#portfoliolinks li, #portfoliolinks a {
height:20px;
display:block;

}

#portfoliolinks li {
float:left;
list-style:none;
display:inline;

}

#print-design {width: 100px;}
#web-design {width: 100px;}
#branding-and-logos {width: 150px;}
#video-sound {width: 120px;}
#photo-graphy {width: 120px;}
#illus-trations {width: 110px;}

#print-design a:hover {background:url("../images/portfoliolinks.jpg") -150px -20px no-repeat; }
#web-design a:hover {background:url("../images/portfoliolinks.jpg") -250px -20px no-repeat; }
#branding-and-logos a:hover {background:url("../images/portfoliolinks.jpg") -350px -20px no-repeat; }
#video-sound a:hover {background:url("../images/portfoliolinks.jpg") -500px -20px no-repeat; }
#photo-graphy a:hover {background:url("../images/portfoliolinks.jpg") -620px -20px no-repeat; }
#illus-trations a:hover {background:url("../images/portfoliolinks.jpg") -740px -20px no-repeat; }


#leftsidebar, #leftside{
	width:140px;
	float:left;
	}

#portfoliosidebar{
	width:130px;
	height:155px;
	padding:25px 5px 5px 5px;
	background: url(../images/whatwedobg.jpg) repeat-x;
	margin:0px 5px 5px 0px;
	float:left;
}

#printdesign #portfoliosidebar, #otherprint #portfoliosidebar {background: url(../images/portfoliomenu/printdesign.jpg)} 
#webdesign #portfoliosidebar, #otherwebdesign #portfoliosidebar {background: url(../images/portfoliomenu/webdesign.jpg)}
#brandingandlogos #portfoliosidebar, #otherbrandingandlogos #portfoliosidebar{background: url(../images/portfoliomenu/brandinglogos.jpg)} 
#videoandsound #portfoliosidebar{background: url(../images/portfoliomenu/videosound.jpg)} 
#photography #portfoliosidebar{background: url(../images/portfoliomenu/photography.jpg)}
#illustrations #portfoliosidebar{background: url(../images/portfoliomenu/illustrations.jpg)}
 
#leftside #portfoliosidebar{
	margin:0px 5px 0px 0px;
	}


#portfoliosidebar a {
	background:url(../images/inbullet.png) no-repeat;
	color:#dfcccc;
	font-size:10px;
	padding:1px 0px 8px 17px;
	margin:0px 0px 0px 0px;
	display:block;
	font-size:10px;
text-transform:uppercase;
font-weight:bold;
	}

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


ul#thumbs {
	list-style:none;
	padding:0px;
	margin:3px 0px -2px 0px;}

ul#thumbs li {
	display:inline;
	padding:0px;
	margin:0px;}


ul#thumbs li img {
		height:30px;
	width:30px;
	overflow:hidden;
	border: 1px #adacac solid;
	}

ul#thumbs li img:hover {
	border:1px #999999 solid;
	}





/********************* PORTFOLIO BODY **********************/	

#picture {
	float:left;
	width:478px;
	height:308px;
	border: 1px solid #adacac;
	margin:0px 5px;
    display: none;

}

#Video {
	float:left;
	width:478px;
	height:284px;
	padding:12px 0px;
	margin:0px 5px;
		background:#111111 url(../images/videobg.gif) no-repeat ;

}
#Banner {
	position:relative;
	float:left;
	width:695px;
	height:310px;
	margin:0px 0px 0px 5px;
}

#Banner table td {border:0px;padding:0px;}

.bwrap{display:block;padding:4px;border:#adacac solid 1px;background:#ffffff}

#bannerbottom {
	width:540px;
	margin:10px auto 0px auto;
	color:#999999;
	text-align:left;
	}

#bannerbottom p{ 
float:left;
	border-right:#adacac solid 1px;
	border-bottom:none !important;
	width:300px;
	margin-top:0px !important;
	padding-top:0px !important;
}
#Banner #bannerbottom #rightbottom {
		position:relative;
		width:210px;
		float:right;
}

#Banner #otherprojects p {
	float:none;
	width:196px;
}

#Banner #rightbottom .addthis_toolbox {
	padding-left:0px !important;
	}
	
#rightside{
	position:relative;
	width:210px;
	height:300px;
	float:right;
	color:#999999;
	padding-top:5px;
	}

#rightside p, #bannerbottom p{
	font-size:11px;
	line-height:15px;
	color:#111111;
	padding:5px 10px 5px 7px;
	margin:5px 0px 10px 0px;
	border-bottom:#adacac solid 1px;
	}

#rightside a, #bannerbottom a{
	color:#960000;
	}	
	
#rightside a.back{
	color:#960000;
	display:block;
	font-size:10px;
	padding:0px 3px;
}

#rightbottom .addthis_toolbox {
	padding-left:10px;
	}

#rightbottom {
		position:absolute;
		bottom:0px;
}

#otherprojects {
		background:url(../images/otherprojects.jpg) no-repeat;
		width:196px;
		padding:20px 7px 5px 7px;
		margin-top:10px;
}
	
#otherprojects p{
	margin:0px;
	padding:0px;
	font-size:10px;line-height:12px;text-transform:lowercase;color:#cdcdcd;
	border:0px;

	}

#otherprojects a{
	font-size:10px;line-height:12px;text-transform:lowercase;color:#cdcdcd;
	}

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



/********************* FOOTER **********************/	



#footer {
	border-top:#402222 solid 1px;
	border-bottom:#402222 solid 1px;
	background:#160000 ;
	padding:10px 0px 10px 0px;
	width:100%;
	}
	
#footerwrap {
	width:850px;
	padding:0px 75px;
	margin:0px auto;
	}
	
#footcontact {
	width:144px;
	border-right:1px #393535 solid;
	text-align:right;
	float:left}

#footcontact p{
	color:#dfcccc;
	font-size:10px;
	line-height:11px;
	margin-bottom:5px;
	margin-right:5px;
}

#footcontact a{
	color:#dfcccc;
 text-decoration:underline;
}

#footconnect {
	width:214px;
	border-right:1px #393535 solid;
	text-align:center;
    padding:0px 5px;
	float:left}


	
#footconnect img{
	margin:0px 2px 5px 2px;
	}
	
#footconnect p{
	color:#dfcccc;
	font-size:10px;
	line-height:12px;
	margin:10px auto 0px auto;
		padding-top:5px;
		border-top:1px #393535 solid;
	width:190px;
}
	
#footconnect a{
	color:#dfcccc;
	margin:0px;
	font-size:10px;
}	

#footconnect a:hover{
	text-decoration:none;
	color:#ffc600;
}


#footconnect a img{
margin: 0px 5px -5px 0px}

#footconnect iframe {
margin: 0px 5px -6px 0px}
	
	
	
#footlinks	{
width:469px;
float:right;
	}
	
#footlinks a {
	margin-right:28px;
	font-size:12px;
}

#footlinks a.last{margin:0px;}
#footdesc	{
	width:477px;
	float:right;
	}
	
#footdesc p{
	color:#dfcccc;
	font-size:9px;
	line-height:12px;
	margin:9px auto 0px auto;
		padding-top:9px;
		border-top:1px #393535 solid;
		width:457px;
		}
	
#footerbottom {
	background: url(../images/footerbottom.png) repeat-x;
	height:10px;
}