/* Start of CMSMS style sheet 'Layout: Top menu + 2 columns' */
/* browsers interpret margin and padding a little differently, we'll remove all default padding and margins and set them later on */
* {
	margin: 0;
	padding: 0;
}
/*Set initial font styles*/
body {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20pt;
	background-color: #333333;
	font-size: 14px;
	letter-spacing: -.02em;
	color: #717171;
}
div {
	font-size: 1em;
}
img {
	border: 0;
}

p {
	font-size: 1em;
	margin: 0 0 1.5em 0;
	padding: 0;
}
a, a:link a:active {
	color: #717171;
	text-decoration: underline;
	background-color: inherit;

}
a:visited {
	text-decoration: underline;
	color: #717171;
}
a:hover {
	text-decoration: none;
	background-color: inherit;
	color: #ff9c32;
}
/*****************basic layout *****************/
body {
	margin: 0;
	padding: 0;
	color: #333;

}
div#pagewrapper {

	background-color: #fefefe;
	color: black;
}

div#header {

	height: 77px;
	margin: 0;
	padding: 0;
background-color: #333333;
background: url(uploads/images/header_bg.png);
}
div#width915px {
	width: 915px;
	margin: 0 auto;
}
div#content {
	width: 915px;
	padding: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
	background-color: #FFF;
}
div#main {
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
	width: 600px;
}
#whiteBG{
background: #ffffff;
}
.portImg li {
	font-size: 13px;
	display: inline;
	float: left;
	list-style-type: none;
	background-color: #d4d4d4;
	padding: 1px;
	border: 1px solid #E9E9E9;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
}
.portImg li img{
		width: 170px;
		height: 170px;
}
.clientImg li {
	font-size: 13px;
	display: inline;
	float: left;
	list-style-type: none;
	padding: 4px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	width: 100px;
	height: 100px;
}
.clientImg li img{
	max-width: 95px;
	max-height: 95px;
		
}
.title{
	font-weight: bolder;
	color: #6a6a6a;
	text-transform: capitalize;
	padding-left: 5px;
}
.comment{
	color: #a2a2a2;
	padding-left: 5px;
	text-transform: capitalize;
}
div.leftPad{
	padding-left: 60px;
}
div#sidebar {
	float: left;
	width: 262px;
	display: block;
	padding: 0px;
	margin-top: 0px;
	margin-right: 40px;
}

div.footback {
	clear: both;
	background-color: #333333;
	margin-top: 20px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 12px;
	line-height: 20pt;
	color: #828282;
	letter-spacing: -.02em;
}
.footback a{
	color: #bebebe;
	text-decoration: underline;
}
.footback a:hover{
	color: #ff9c32;
	text-decoration: none;
}

div#footer {
width: 915px;
margin: 0 auto;
}


div#subFooter {
	float: left;
	width: 275px;
	line-height: 1.2em;
	color: #6e6e6e;
	padding-top: 70px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}
#subFooter .h1{
	font-size: 16pt;
	color: #bebebe;
	font-weight: bold;
	letter-spacing: -.02em;
	line-height: 20pt;
}
div#subFooter_noPad {
	float: left;
	width: 305px;
	padding-top: 30px;

}

div#footer p {
	font-size: 0.8em;
	padding: 1.5em;
	text-align: center;
	margin: 0;
}

div.hr {
	height: 27px;
	margin: 1em;
	background-image: url(images/menu/headerBar.png);
	clear: right;
	float: left;
	width: 600px;
	background-position: center center;
}
div#content h1 {
	font-size: 2em;
	line-height: 1em;
	margin: 0;
}
div#content h2 {
	color: #4b4b4b;
	font-size: 35pt;
	line-height: 1.5em;
	font-weight: lighter;
	letter-spacing: -0.04em;

}
div#content h3 {
	font-size: 34px;
	color: #4b4b4b;
	letter-spacing: -.04em;
}
div#content h4 {
	color: #294B5F;
	font-size: 1.2em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
}
div#content h5 {
	color: #294B5F;
	font-size: 1.1em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
}
blockquote {
	border-left: 10px solid #ddd;
	margin-left: 10px;
}
strong, b {
/* explicit setting for these */
	font-weight: bold;
}
em, i {
/* explicit setting for these */
	font-style: italic;
}
/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
/* css-3 */
	white-space: pre-wrap;
/* Mozilla, since 1999 */
	white-space: -moz-pre-wrap;
/* Opera 4-6 */
	white-space: -pre-wrap;
/* Opera 7 */
	white-space: -o-pre-wrap;
/* Internet Explorer 5.5+ */
	word-wrap: break-word;
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
}
pre {
/* black border for pre blocks */
	border: 1px solid #000;
/* set different from surroundings to stand out */
	background-color: #ddd;
	margin: 0 1em 1em 1em;
	padding: 0.5em;
	line-height: 1.5em;
	font-size: 90%;
}
/* Separating the divs on the template explanation page */
div.templatecode {
	margin: 0 0 2.5em;
}
/* by Alexander Endresen and mark and Nuno */
#menu_vert {
	/* no margin/padding so it fills the whole div */
width: 600px;
	padding-top: 27px;
	float: right;
}
#menu_vert a{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	text-transform: lowercase;
	color: #FFF;
	font-weight: bold;
}
#menu_vert a:hover{
}
#subNav{
	font-size: 16px;
	line-height: 30pt;
	color: #717171;
	letter-spacing: -0.02em;
	clear: right;
	width: 599px;
	display: block;
	height: 30px;
	float: left;
}
#subNav a{
	padding-right: 15px;
	padding-left: 15px;
}
#subNav a:hover{
	color: #ff9c32;
	/*text-decoration: none;*/
}
#spacer {
	height: 25px;
	width: 100%;
}
.clearb {
/* needed for some browsers */
	clear: both;
}
#menuwrapper {
	/* set the background color for the menu here */

/* IE6 Hack */
	height: 1%;
	width: auto;
	/* one border at the top */
float: right;
	margin: 0;
	
}
ul#primary-nav, ul#primary-nav ul {
/* remove any default bullets */
	list-style-type: none;


}
ul#primary-nav {
/* pushes the menu div up to give room above for background color to show */
	padding-top: 10px;
/* keeps the first menu item off the left side */
	padding-left: 10px;
}
ul#primary-nav ul {
/* make the ul stay in place so when we hover it lets the drops go over the content below else it will push everything below out of the way */
	position: absolute;
/* top being the bottom of the li it comes out of */
	top: auto;
/* keeps it hidden till hover event */
	display: none;
/* same size but different color for each border */

}
ul#primary-nav ul ul {
/* now we move the next level ul down from the top a little for distinction */
	margin-top: 1px;
/* pull it in on the left, helps us not lose the hover effect when going to next level */
	margin-left: -1px;
/* keeps the left side of this ul on the right side of the one it came out of */
	left: 100%;
/* sets the top of it inline with the li it came out of */
	top: 0px;
}
ul#primary-nav li {
/* floating left will set menu items to line up left to right else they will stack top to bottom */
	float: left;
/* no margin/padding keeps them next to each other, the padding will be in the "a" */
	margin: 0px;
	padding: 0px;
}
ul#secondary-nav li{
padding-top:10px;
list-style-type: none;
	float: left;

}
ul#secondary-nav li a {

	text-decoration: none;
}
ul#primary-nav li a {
	/* specific font size, this could be larger or smaller than default font size */
	font-size: 1em;
	/* make sure we keep the font normal */
	font-weight: normal;
	display: block;
	/* sets no underline on links */
	text-decoration: none;
}
ul#primary-nav li a.menuactive {
color: #ff9c00;
}
ul#primary-nav li a.menuactive:hover {

/* keep it the same */

}
#primary-nav li li a.menuparent span {
/* makes it hold a shape */
	display: block;
/* set your image here, right arrow, 98% over from the left, 100% or 'right' puts it to far */

}
/* gif for IE6, as it can't handle transparent png */
* html #primary-nav li li a.menuparent span {
/* set your image here, right arrow, 98% over from the left, 100% or 'right' puts it to far */

}
ul#primary-nav li ul a {
/* insures alignment */
	text-align: left;
	margin: 0px;
/* keeps it relative to it's container */
	position: relative;
/* less padding than first level no need for large links here */
	padding: 6px 3px 6px 15px;
/* if first level is set to bold this will reset this level */
	font-weight: normal;
/* first level is #FFF/white, we need black to contrast with light background */

}
ul#primary-nav li ul {

/*Info: The opacity property is  CSS3, however, will be valid just in CSS 3.1) http://jigsaw.w3.org/css-validator2) More Options chose CSS3 3) is full validate;)*/
	opacity: 0.95;
/* CSS 3 */
}
ul#primary-nav li ul ul {
/*Info: The opacity property is  CSS3, however, will be valid just in CSS 3.1) http://jigsaw.w3.org/css-validator2) More Options chose CSS3 3) is full validate;)*/
	opacity: 95;
/* CSS 3 */
}
/* Styling the appearance of menu items on hover */
#primary-nav li:hover,
#primary-nav li.menuh,
#primary-nav li.menuparenth,
#primary-nav li.menuactiveh {

}
/* The magic - set to work for up to a 3 level menu, but can be increased unlimited, for fourth level add
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul ul ul,
*/
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul {
	display: none;
}
/* for fourth level add
#primary-nav ul ul ul li:hover ul,
#primary-nav ul ul ul li.menuparenth ul,
*/
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul {
	display: block;
}
/* IE6 Hacks */
#primary-nav li li {
	float: left;
	clear: both;
}
#primary-nav li li a {
	height: 1%;
}

#home:hover{
	background-image: url(images/menu/home_hover.png);
background-repeat: no-repeat;
	height: 33px;
	width: 88px;
}
#home{
	background-image: url(images/menu/home.png);
	background-repeat: no-repeat;
	height: 33px;
	width: 88px;
/*	text-indent: -9000px; */
}
#about:hover{
		background-image: url(images/menu/about_hover.png);
	background-repeat: no-repeat;
	height: 33px;
	width: 88px;
/*	text-indent: -9000px; */
	}
#about{
		background-image: url(images/menu/about.png);
	background-repeat: no-repeat;
	height: 33px;
	width: 88px;
/*	text-indent: -9000px; */
	}
#creative:hover{
background-image: url(images/menu/creative_hover.png);
	background-repeat: no-repeat;
	height: 33px;
	width: 105px;
}
#creative{
		background-image: url(images/menu/creative.png);
	background-repeat: no-repeat;
	height: 33px;
	width: 105px;
/*	text-indent: -9000px; */
	}
#clients:hover{
		background-image: url(images/menu/clients_hover.png);
	background-repeat: no-repeat;
	height: 33px;
	width: 96px;
/*	text-indent: -9000px; */
}
#clients{
		background-image: url(images/menu/clients.png);
	background-repeat: no-repeat;
	height: 33px;
	width: 96px;
/*	text-indent: -9000px; */
	}
#contact:hover{
	
		background-image: url(images/menu/contact_hover.png);
	background-repeat: no-repeat;
	height: 33px;
	width: 99px;
/*	text-indent: -9000px; */
}
#contact{
	
		background-image: url(images/menu/contact.png);
	background-repeat: no-repeat;
	height: 33px;
	width: 99px;
/*	text-indent: -9000px; */
}
#pageTear{
	position: absolute;
	left: -100px;
	top: -100px;	
	
		}
.contactform{
	font-size: 12px;
	line-height: 20px;
	color: #717171;
	letter-spacing: -.02em;
}
.contactform input{
	float: left;
	height: 30px;
	width: 500px;	
}
.contactform textarea{
	float: left;
	height: 200px;
	width: 500px;	
}
.contactform .fbsubmit{
width: 80px;
}
#subMenu {
	list-style-type: none;
	float: right;
	padding-right: 80px;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 2em;
	font-size: 18px;
}
#subMenu a{
	text-decoration: none;
	text-align: right;
}
#subMenu a:hover{
	color: #ff9c00;
}
#active a{
	color: #ff9c00;
}
.menuactive a{
	color: #ff9c00;
}
.pageNavCl{
	font-size: 18px;
	clear: both;
	float: left;
	width: 100%;
	padding-top: 25px;
	padding-bottom: 25px;
}
#nextBut{
	color: #333;
	text-decoration: none;
	text-align: right;
	float: right;
	background-repeat: no-repeat;
	background-position: right;
    padding-right: 10px;
	height: 30px;
}
#prevBut{
	background-repeat: no-repeat;
	background-position: left;
	float: left;
	color: #333;
	text-decoration: none;
	text-align: left;
	padding-left: 10px;
	height: 30px;
	}
/* END LISTS */
/* End of 'Layout: Top menu + 2 columns' */