@charset "UTF-8";
/* CSS Document */

body {
	background-image:url(../images/bg_home.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #151413;
	background-attachment: fixed;
	margin:0 auto;	
/*	text-align: center;
*/
}

body#home, body#experience {
	background-image: url(../images/bg_home.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #151413;
	background-attachment: fixed;
	margin: 0px;
}

p {
	margin-top: 15px;
	margin-bottom: 0px;
	font-family: "Century Gothic";
	font-size: 16px;
	color: #908e8e;
	font-weight: lighter;
	line-height: 32px;
	text-align: left;
	letter-spacing: 0.05em;
}

span.experiencecopy {
	margin-top: 18px;
	margin-bottom: 18px;
	font-family: "Century Gothic";
	font-size: 16px;
	color: #d5d3d2;
	font-weight: normal;
	line-height: 32px;
	text-align: left;
	letter-spacing: 0.05em;
}

span.experienceintro {
	margin-top: 18px;
	margin-bottom: 16px;
	font-family: "Century Gothic";
	font-size: 15px;
	color: #908e8e;
	font-weight: 200;
	line-height: 26px;
	margin: 0px;
	text-align: left;
	letter-spacing: normal;
}

p.bioscopy {
	margin-top: 18px;
	margin-bottom: 16px;
	font-family: "Century Gothic";
	font-size: 15px;
	color: #908e8e;
	font-weight: 200;
	line-height: 26px;
	margin: 0px;
	text-align: left;
	letter-spacing: normal;
}

img.socialnetworkingnames {
	padding-bottom: 8px;
	padding-right: 5px;
}

body#contact p {
	margin-top: 18px;
	margin-bottom: 16px;
	font-family: "Century Gothic";
	font-size: 12px;
	color: #908e8e;
	font-weight: 200;
	line-height: 20px;
	margin: 0px;
	text-align: left;
	letter-spacing: normal;
}


body#recentwork p {
	margin-top: 5px;
	margin-bottom: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #908e8e;
	font-weight: lighter;
	line-height: 20px;
	text-align: left;
	letter-spacing: 0.1em;
}

.awards ul {
	margin-top: 5px;
	margin-bottom: 15px;
	padding-left: 0;
	margin-left: 15px;
 	list-style-image: url(../images/cross-bullet.png);
}

.awards ul li {
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 0.12em;
	color:#666666;
	line-height: 20px;
	text-align: left;
}

p span.projectlist {
	font-size: 11px;
	letter-spacing: 0.12em;
	color:#666666;
}

p span.services {
	font-size: 11px;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 15px;
}

p.divide {
	color: #CCCCCC;
	padding-top: 25px;
}

body#awards #column1 {
	width: 350px;
	float: left;
	padding-bottom: 150px;
	margin-left: 40px;
}

body#awards #column2 {
	width: 350px;
	float: right;
	padding-bottom: 150px;
	margin-right: 40px;
}

body#whatwedo #column1 {
	width: 150px;
	float: left;
	padding-bottom: 150px;
	margin-left: 120px;
}

body#whatwedo #column2 {
	width: 180px;
	float: left;
	padding-bottom: 150px;
	margin-left: 40px;
}

body#whatwedo #column3 {
	width: 250px;
	float: left;
	padding-bottom: 150px;
	margin-left: 40px;
}

body#whatwedo .awards {
	height: 150px;
}

h1 {
	margin: 0px;
	padding: 0px;
}

h2 {
	margin-top: 20px;
	margin-bottom: 0px;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #b7b7b7;
	font-weight: lighter;
	letter-spacing: 0.08em;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 11px;
	color:#d5d3d2;
	font-weight: lighter;
	margin-bottom: 0px;
	margin-top: 30px;
	text-align: left;
	line-height: normal;
}

a:link, a:visited {
	color:#7e7b7b;
	text-decoration: underline;
}

a:hover, a:active {
	color:#7e7b7b;
	text-decoration: none;
}

form {
	margin-top: 0;
}

body#home h1 {
	background-image:url(../images/headline_home.gif);
	background-repeat: no-repeat;
	height: 450px;
	width: 850px;
	background-position: top left;
}

body#whatwewant h1 {
	background-image:url(../images/headline_whatwewant.gif);
	background-repeat: no-repeat;
	height: 55px;
	width: 850px;
	background-position: top left;
}

body#whatwewant h2 {
	background-image:url(../images/headline_whatwewant2.gif);
	background-repeat: no-repeat;
	height: 55px;
	width: 850px;
	background-position: top left;
}

body#whois h1 {
	background-image:url(../images/headline_whois.gif);
	background-repeat: no-repeat;
	height: 55px;
	width: 850px;
	background-position: top left;
}

body#whois h2 {
	background-image:url(../images/headline_whois2.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 850px;
	background-position: top left;
}

body#whatwedo h1 {
	background-image:url(../images/headline_whatwedo.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 850px;
	background-position: top left;
}

body#whatwedo h2 {
	background-image:url(../images/headline_whatwedo2.gif);
	background-repeat: no-repeat;
	height: 55px;
	width: 850px;
	background-position: top left;
}

body#whatyouget h1 {
	background-image:url(../images/headline_whatyouget.gif);
	background-repeat: no-repeat;
	height: 80px;
	width: 850px;
	background-position: top left;
}

body#whatyouget h2 {
	background-image:url(../images/headline_whatyouget2.gif);
	background-repeat: no-repeat;
	height: 80px;
	width: 850px;
	background-position: top left;
}

body#experience h1 {
	background-image:url(../images/headline_experience.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 850px;
	background-position: top left;
}

body#awards h1 {
	background-image:url(../images/headline_awards.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 850px;
	background-position: top left;
}

h1 span {
	display: none;
}

h2 span {
	display: none;
}

#toprow {
	margin:0 auto;	
	text-align: left;
}

#toprow #logo {
	height:44px;
	text-align:right;
	width:100%;
	min-width:900px !important;
}

#toprow #mainnav {
	width: 100%;
	border-bottom: solid 1px #515150;
	position: absolute;
	top: 15px;
	padding-bottom: 10px;
	margin-left: -275px;
	min-width:900px !important;
}

#toprow #mainnav ul {
	margin: 0px;
	padding: 0px;
	width: 800px;
	margin-left: 275px;
}

#toprow #mainnav ul li {
	float: left;
	text-transform: uppercase;
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
	font-size: 16px;
	list-style-type: none;
	padding-left: 20px;
	font-weight: lighter;
	letter-spacing: 0.04em;
	width: auto;
}

#toprow #mainnav ul li a:link, #toprow #mainnav ul li a:visited {
	color: #615e5d;
	text-decoration: none;
}

#toprow #mainnav ul li a:hover, #toprow #mainnav ul li a:active {
	color: #7c7d7f;
	text-decoration: none;
}

#toprow #secondarynav {
	position: absolute;
	top: 55px;
	width: 100%;
}

#toprow #secondarynav ul {
	margin: 0px;
	padding: 0px;
	width: 800px;
}

#toprow #secondarynav ul li {
	float: left;
	text-transform: lowercase;
	font-family: "Century Gothic", Helvetica, Arial, sans-serif;
	font-size: 14px;
	list-style-type: none;
	padding-left: 20px;
	letter-spacing: 0.04em;
	width: auto;
}

#toprow #secondarynav ul li a:link, #toprow #secondarynav ul li a:visited {
	color: #615e5d;
	text-decoration: none;
}

#toprow #secondarynav ul li a:hover, #toprow #secondarynav ul li a:active {
	color: #7c7d7f;
	text-decoration: none;
}

#mainrow {
	text-align: left;
	width: 850px;
	margin: 0 auto;
	top: 80px;
	padding-bottom: 50px;
	padding-top: 50px;
	position: relative;
}

body#portfoliohome #mainrow, body#recentwork #mainrow {
	padding-top: 0px;
}

#mainrow #content #clear {
	clear: both;
}

#mainrow #content {
	padding-bottom: 50px;
	margin-bottom:20px;
	position: relative;
}

body#awards #mainrow #content {
	border-bottom: 1px solid #666666;
}

body#whatwedo #mainrow #content {
	border-bottom: 1px solid #666666;
}

body#recentwork #mainrow {
	width: 725px;
	margin-bottom: 150px;
}

body#portfoliohome #mainrow #content {
padding-top: 50px;
}

#mainrow .thumb {
	width: 200px;
	padding-bottom: 20px;
	padding-right: 5px;
	padding-left: 5px;
	float: left;
}

#mainrow .thumbbottom {
	width: 200px;
	padding-bottom: 150px;
	padding-right: 5px;
	padding-left: 5px;
	float: left;
}

#mainrow .thumbdescription {
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color:#767272;
}

#mainrow .thumbdescription a:link, #mainrow .thumbdescription a:visited {
	padding: 7px 5px 7px 5px;
	color:#767272;
	text-decoration: none;
	background: url(../images/bg_description.png);
	background-repeat: repeat;
	display: block;
}

#mainrow .thumbdescription a:hover, #mainrow .thumbdescription a:active {
	padding: 7px 5px 7px 5px;
	color:#cccccc;
	text-decoration: none;
	background: url(../images/bg_description_over.png);
	background-repeat: repeat;
	display: block;
}

#mainrow p.trophy img {
	padding-right: 5px;
}

#mainrow #content #portfolioheadline {
	padding-bottom: 30px;
}

#recentworkdescription {
	margin-top: 15px;
	border-top: solid 1px #333333;
	padding-bottom: 10px;
	display: block;
}

#contactcopyright {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#666666;
	padding-top: 80px;
	margin-left: 10px;
	clear: both;
}

#mainrow #contactleftcolumn {
	width: 325px;
	padding-right: 20px;
	padding-top: 20px;
	float: left;
	text-align: right;
}

#mainrow #contactleftcolumn p, #mainrow #contactleftcolumn h3 {
	text-align: right;
}

#mainrow #contactrightcolumn {
	width: 475px;
	padding-left: 25px;
	padding-top: 20px;
	float: left;
	text-align: left;
}

input, textarea {
	padding: 5px;
	margin-bottom: 10px;
	margin-top: 5px;
	border: none;
	background-color: #151413;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#666666;
	letter-spacing: 0.05em;
}

input.submit {
	background: none;
	color: #cccccc;
	padding: 0;
	font-size: 14px;
	margin-top: 5px;
	text-transform: uppercase;
}

span.form {
	font-family: "Century Gothic";
	font-size: 11px;
	color: #d5d3d2;
	text-transform: uppercase;
}

#footer {
	position: fixed;
	width: 100%;
	height: 20px;
	bottom: 0;
	background-image:url(../images/socialnetworking/bg.png);
	background-repeat: repeat;
	padding-top: 5px;
	padding-bottom: 5px;
}

#footer #socialnetworking {
	float: right;
	padding-right: 10px;
}

#footer #socialnetworking span {
	padding-right: 4px;
	padding-left: 4px;
}

#footer #socialnetworking span.line {
	color:#666666;
	padding-left: 5px;
	padding-right: 6px;
}

#footer #footercopyright {
	float: left;
	padding-left: 20px;
}

#footer #footercopyright span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#666666;
	padding-left: 5px;
	padding-right: 6px;
}

#footer #footercopyright span a:link, #footer #footercopyright span a:visited {
	color:#666666;
	text-decoration: none;
}

#footer #footercopyright span a:hover, #footer #footercopyright span a:active {
	color:#CCCCCC;
	text-decoration: none;
}

body#whatwewant #toprow #secondarynav ul li a#whatwewantnav,
body#whois #toprow #secondarynav ul li a#whoisnav,
body#whatwedo #toprow #secondarynav ul li a#whatwedonav,
body#whatyouget #toprow #secondarynav ul li a#whatyougetnav,
body#experience #toprow #mainnav ul li a#experiencenav,
body#awards #toprow #mainnav ul li a#awardsnav,
body#contact #toprow #mainnav ul li a#contactnav,
body#portfoliohome #toprow #mainnav ul li a#portfolionav,
body#recentwork #toprow #mainnav ul li a#portfolionav {
	color: #9f9c9d;
}


/*
/////////////////////////////////////////////////////////////////
slideViewer 1.0 default styles 
////////////////////////////////////////////////////////////////
*/

/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #fff;}
.svw ul {position: relative; left: -999em;}
 
/*core classes*/ 
.stripViewer {  
position: relative; 
overflow: hidden;  
border: 0;   
margin: 0 0 1px 0;
}
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
}
.stripViewer ul li {  
float:left;
width: auto;
}
.stripTransmitter { 
overflow: auto; 
width: 1%; 
}
.stripTransmitter ul { 
margin: 0 0 5px 0; 
padding: 0; 
position: relative; 
list-style-type: none; 
}
.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 10px 5px 10px 0; 
}
.stripTransmitter a{ 
font: 10px Verdana, Arial; 
text-align: center; 
line-height: 22px; 
background: url(../images/bg_description.png); 
color: #767272;
font-weight: bold;
text-decoration: none; 
display: block; 
}
.stripTransmitter a:hover, a.current{ 
background: url(../images/bg_description_over.png); 
color: #cccccc;
font-weight: bold; 
}

#mygaltop {
	height: 560px;
	width: 725px;
	background-color: transparent;
	text-align: center;
	overflow: hidden;
}

.ldrgif {
	padding-top: 257px;
}

/*
/////////////////////////////////////////////////////////////////
slideViewerPRO default styles 
////////////////////////////////////////////////////////////////
*/

.svwp {width: 50px; height: 20px; background: #fff;} /*preloader stuff. do not modify!*/ 
.svwp ul{position: relative; left: -999em;}/*preloader stuff. do not modify!*/ 
.slideViewer { /*this is the gallery container*/ 
position: relative; 
overflow: hidden;  
margin: 0; 
padding: 0; 
background: #fff; 
} 
.slideViewer ul {  /*this is your list of images*/ 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
margin: 0;  
padding: 0; 
} 
.slideViewer ul li { /*each LI item is floated; the whole list is now displayed as if its in one row*/ 
float:left; 
} 
 
/*typographic info*/ 
.slideViewer span.typo{  
padding: 6px; /* do not modify padding (yet)*/ 
background: #fff; 
color: #000; 
font: normal 10px Verdana; 
} 
 
.thumbSlider { /*the thumbnails slider contanier*/ 
overflow: hidden; 
width: 1%; 
background: #fff; 
} 
.thumbSlider ul { /*the thumbnails list of images*/ 
list-style-type: none; 
margin: 0;  
padding: 0; 
} 
.thumbSlider ul li{  
float:left; 
margin: 0; 
} 
.thumbSlider a{ /*the link wrapped around each thumbnail. dynamically.*/ 
color: #fff; 
text-decoration: none; 
} 
.thumbSlider a img{ 
border: 0; 
display: block; 
padding: 0; 
} 
.thumbSlider p.tmbrdr { /* the border above -not around- each thumb */ 
/* width, height and top values are dynamically added by the script. Do not modify. */ 
position:relative;  
left: 0; 
font-size: 0.01em; 
left: 0; 
margin: 0; 
padding: 0; 
} 
 
a.left, a.right { /*the left and right buttons (links)*/ 
background: transparent; /* could be any color  */ 
color: #ff0000; 
font: bold 16px Arial; 
overflow: hidden; 
} 
a.left span, a.right span{ 
 
} 
a.left img, a.right img{ 
border: 0; 
} 
a.l_dis, a.r_dis { 
background: transparent; /* ALWAYS leave transparent. this is the 'disabled' state of the link !  */ 
cursor: default; 
} 
a.l_dis span, a.r_dis span { 
display: none; 
} 
a:focus {outline:none;}