/* @override 
	http://localhost:8501/lenker/css/styles.css
	http://localhost:8501/Lenker/css/styles.css
	http://lenkerdesign.com/newsite/css/styles.css
	http://lenkerdesign.com/css/styles.css
*/

* {
	padding: 0;
	margin: 0;
}

ul, ol, li {
	padding: 0;
	margin: 0;
}

p, h1, h2, h3, h4, h5, h6{
	padding: 5px;
}

body {
	background-color: #2d3037;
	color: #000;
	font: 15px arial, sans-serif, times;
}

a {
	color: #d5d5d5;
}

a:hover {
	text-decoration: none;
}

#top a {
	color: #424242;
}

#preload {
	display: none;
}

#wrapper {
	
}

#top {
	background: #dddcdc url(../images/general/greygradient.jpg) repeat-x 0 top;
	width: 100%;
	display: table;
}

#header {
	width: 990px;
	margin: auto;
	min-height: 500px;
	/*border: 1px solid #fc0092;*/
}

#headerleft {
	padding-top: 148px;
	width: 432px;
	padding-left: 21px;
	float: left;
}

#headerright {
	float: right;
	width: 500px;
	padding-top: 20px;
}

#middle {
	height: 121px;
	background: url(../images/general/bluegradient.jpg) repeat-x;
}

#middle h1 {
	color: white;
	padding-bottom: 0;
	font-size: 24px;
	padding-top: 11px;
}

#middlelist {
	width: 990px;
	margin: auto;
}

#middlelist li {
	list-style-type: none;
	float: left;
	width: 167px;
	height: 121px;
	overflow: hidden;
}

#middlelist li.middleicon {
	width: 78px;
	height: 88px;
	margin-top: 14px;
}

#extralinks {
	padding: 10px 5px 5px;
}

/* @group Bottom */

#bottom {
	min-height: 408px;
	background: #2d3037 url(../images/general/blackgradient.jpg) repeat-x center top;
}

#bottomlist {
	width: 990px;
	color: #d5d5d5;
	font-size: 13px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: auto;
	padding-top: 10px;
}

#bottomlist li {
	float: left;
	list-style-type: none;
	padding-right: 5px;
	padding-left: 5px;
}

#bottomlist li a {
	text-decoration: none;
}

#bottomlist li a:hover {
	color: #fff;
}

#bottomlist h2 {
	font-size: 18px;
	font-weight: normal;
	padding: 0 0 5px 0;
}

#bottomlist h3 {
	font-size: 15px;
	padding: 0 5px;
}

#bottomlist h4 {
	font-size: 11px;
	font-weight: normal;
	padding: 0 5px;
}

#blogfeed {
	width: 290px;
} 

#blogfeedlist {
	
}

#twitterfeed {
	width: 200px;
}


#twitter_update_list li {
	width: 200px;
	padding: 5px 0;
}

#thecrew {
	width: 295px;
}

/* @end */

/* @group Navigation */

#nav {
	width: 700px;
	float: right;
}
#nav ul {
	list-style-type: none;
	width: 700px;
}

#nav ul li {
	float: left;
	padding: 0 22px 0 22px;
}

#nav ul li span {
	display: block;
}

#about {
	background: url(../images/nav/nav-about.jpg) no-repeat center top;
	width: 72px;
	height: 103px;
} 

#about:hover, #aboutpage #about {
	background: url(../images/nav/over/nav-about.jpg) no-repeat center top;
	width: 72px;
	height: 103px;
} 

#process {
	background: url(../images/nav/nav-process.jpg) no-repeat center top;
	width: 72px;
	height: 103px;
} 

#process:hover, #processpage #process {
	background: url(../images/nav/over/nav-process.jpg) no-repeat center top;
	width: 72px;
	height: 103px;
}

#portfolio {
	background: url(../images/nav/nav-portfolio.jpg) no-repeat center top;
	width: 72px;
	height: 103px;
} 

#portfolio:hover, #portfoliopage #portfolio {
	background: url(../images/nav/over/nav-portfolio.jpg) no-repeat center top;
	width: 72px;
	height: 103px;
}

#services {
	background: url(../images/nav/nav-services.jpg) no-repeat center top;
	width: 72px;
	height: 103px;
} 

#services:hover, #servicespage #services {
	background: url(../images/nav/over/nav-services.jpg) no-repeat center top;
	width: 72px;
	height: 103px;
}

#contact {
	background: url(../images/nav/nav-contact.jpg) no-repeat center top;
	width: 72px;
	height: 103px;
} 

#contact:hover, #contactpage #contact {
	background: url(../images/nav/over/nav-contact.jpg) no-repeat center top;
	width: 72px;
	height: 103px;
}

#clientlogin {
	background: url(../images/nav/nav-clientlogin.jpg) no-repeat center top;
	width: 73px;
	height: 103px;
} 

#clientlogin:hover, #clientloginpage #clientlogin {
	background: url(../images/nav/over/nav-clientlogin.jpg) no-repeat center top;
	width: 73px;
	height: 103px;
}

#logolink {
	display: block;
	width: 225px;
	height: 95px;
	/*border: 2px solid #fb0093;*/
	float: left;
	margin-left: 37px;
}

/* @end */

/* @group Home */

#homepage #header {
	background: #dddcdc url(../images/home/bg.jpg) no-repeat center top;
}

#listofimages {
	list-style-type: none;
}

/* @end */

/* @group About */

#aboutpage #header {
	background: #dddcdc url(../images/about/bg.jpg) no-repeat center top;
}

/* @end */

/* @group Process */

#processpage #header {
	background: #dddcdc url(../images/process/bg.jpg) no-repeat center top;
}

#processpage #headerright img {
	margin-top: 50px;
	margin-left: 46px;
}

.bigbold {
	font-weight: bold;
	font-size: 16px;
}

/* @end */

/* @group Portfolio */

#portfoliopage #header {
	background: #dddcdc url(../images/portfolio/bg.jpg) no-repeat center top;
}

#portfoliolist {
	list-style-type: none;
	width: 400px;
	display: table-cell;
}

#portfoliolist li {
	float: left;
	padding: 17px 34px 17px 0;
}

#portfoliolist li img {
	border: 1px solid #a9a9a9;
}

#portfoliolist li img:hover {
	border: 1px solid #000;
}

#portfoliosection {
	margin-top: 80px;
	margin-left: 70px;
}

#portfoliosection p {
	color: #5e5e5e;
	margin-bottom: -8px;
}

#portfoliolefticons {
	list-style-type: none;
	width: 432px;
}

#portfoliolefticons li {
	float: left;
	padding-right: 20px;
}

#portfoliolefticons span, #portfoliorighticons span {
	display: block;
}

#portfoliorighticons {
	list-style-type: none;
}

#portfoliorighticons li {
	clear: both;
}

.portfoliosnippet {
	width: 400px;
	float: right;
	color: #797979;
}

.identifier1, .identifier2, .identifier3, .identifier4{
	font-size: 13px;
	font-weight: normal;
	text-align: center;
	margin: 0 0 10px;
	text-decoration: none;
	clear: both;
}

#portfoliolefticons a {
	text-decoration: none;
}

#portfoliolefticons a:hover {
	text-decoration: underline;
}

#identitypage .identifier1, 
#illustrationpage .identifier2, 
#printpage .identifier3, 
#webpage .identifier4 {
	text-decoration: underline;
}

/* @end */

/* @group Portfolio Navigation */

#identityicon2 {
	background: url(../images/icons/icon-identity2.png) no-repeat;
	width: 86px;
	height: 115px;
	float: left;
}

#identityicon2:hover, #identitypage #identityicon2 {
	background: url(../images/icons/over/icon-identity2.png) no-repeat;
	width: 86px;
	height: 115px;
}

#illustrationicon2 {
	background: url(../images/icons/icon-illustration2.png) no-repeat;
	width: 86px;
	height: 115px;
	float: left;
}

#illustrationicon2:hover, #illustrationpage #illustrationicon2 {
	background: url(../images/icons/over/icon-illustration2.png) no-repeat;
	width: 86px;
	height: 115px;
}

#printicon2 {
	background: url(../images/icons/icon-print2.png) no-repeat;
	width: 86px;
	height: 115px;
	float: left;
}

#printicon2:hover, #printpage #printicon2 {
	background: url(../images/icons/over/icon-print2.png) no-repeat;
	width: 86px;
	height: 115px;
	float: left;
}

#webicon2 {
	background: url(../images/icons/icon-web2.png) no-repeat;
	width: 86px;
	height: 115px;
	float: left;
}

#webicon2:hover, #webpage #webicon2 {
	background: url(../images/icons/over/icon-web2.png) no-repeat;
	width: 86px;
	height: 115px;
}

#internetmarketingicon2 {
	background: url(../images/icons/icon-internetmarketing2.png) no-repeat;
	width: 86px;
	height: 115px;
	float: left;
}

#internetmarketingicon2:hover, #internetmarketingpage #internetmarketingicon2 {
	background: url(../images/icons/over/icon-internetmarketing2.png) no-repeat;
	width: 86px;
	height: 115px;
}

#acctmanagementicon2 {
	background: url(../images/icons/icon-acctmanagement2.png) no-repeat;
	width: 86px;
	height: 115px;
	float: left;
}

#acctmanagementicon2:hover, #acctmanagementpage #acctmanagementicon2 {
	background: url(../images/icons/over/icon-acctmanagement2.png) no-repeat;
	width: 86px;
	height: 115px;
}

/* @end */

/* @group Services */

#servicespage #header {
	background: #dddcdc url(../images/services/bg.jpg) no-repeat center top;
}

#servicespage #headerleft img {
	padding-bottom: 20px;
	padding-top: 20px;
}

/* @end */

/* @group Contact */

#contactpage #header {
	background: #dddcdc url(../images/contact/bg.jpg) no-repeat center top;
}

#contactpage #headerright ul, 
#clientloginpage #headerright ul {
	list-style-type: none;
	color: grey;
	width: 400px;
	margin-top: 82px;
}

#contactpage #headerright ul li, 
#clientloginpage #headerright ul li {
	padding: 5px 0;
	clear: both;
}

.input {
	width: 180px;
	margin-right: 135px;
}

.textarea {
	height: 100px;
	width: 400px;
}

#map {
	padding-bottom: 20px;
}

span.formelement {
	float: left;
}

.formelement2 {
	float: right;
}

/* @end */

/* @group Client Login */

#clientloginpage #header {
	background: #dddcdc url(../images/clientlogin/bg.jpg) no-repeat center top;
}

/* @end */

/* @group Internet Marketing */

#internetmarketingpage #header {
	background: #dddcdc url(../images/internetmarketing/bg.jpg) no-repeat center top;
}

/* @end */

/* @group Web */

#webpage #header {
	background: #dddcdc url(../images/web/bg.jpg) no-repeat center top;
}

/* @end */

/* @group Illustration */

#illustrationpage #header {
	background: #dddcdc url(../images/illustration/bg.jpg) no-repeat center top;
}

/* @end */

/* @group Print */

#printpage #header {
	background: #dddcdc url(../images/print/bg.jpg) no-repeat center top;
}

/* @end */

/* @group Acct Management */

#acctmanagementpage #header {
	background: #dddcdc url(../images/acctmanagement/bg.jpg) no-repeat center top;
}

#acctmanagementpage #headerleft {
	width: 500px;
}


#acctmanagementpage #headerright {
	width: 420px;
}

/* @end */

/* @group Identity */

#identitypage #header {
	background: #dddcdc url(../images/identity/bg.jpg) no-repeat center top;
}



/* @end */

/* @group Footer */

#footer {
	width: 990px;
	height: 30px;
	margin: 20px auto 10px;
}

#social {
	float: left;
	width: 400px;
	list-style-type: none;
}

#social li {
	float: left;
	padding-right: 10px;
}

#social-twitter {
	background-image: url(../images/icons/social/social-twitter.png);
	width: 25px;
	height: 25px;
	display: block;
}

#social-twitter:hover {
	background-image: url(../images/icons/social/over/social-twitter.png);
	width: 25px;
	height: 25px;
	display: block;
}

#social-facebook {
	background-image: url(../images/icons/social/social-facebook.png);
	width: 25px;
	height: 25px;
	display: block;
}

#social-facebook:hover {
	background-image: url(../images/icons/social/over/social-facebook.png);
	width: 25px;
	height: 25px;
	display: block;
}

#social-delicious {
	background-image: url(../images/icons/social/social-delicious.png);
	width: 25px;
	height: 25px;
	display: block;
}

#social-delicious:hover {
	background-image: url(../images/icons/social/over/social-delicious.png);
	width: 25px;
	height: 25px;
	display: block;
}

#social-digg {
	background-image: url(../images/icons/social/social-digg.png);
	width: 25px;
	height: 25px;
	display: block;
}

#social-digg:hover {
	background-image: url(../images/icons/social/over/social-digg.png);
	width: 25px;
	height: 25px;
	display: block;
}

#social-youtube {
	background-image: url(../images/icons/social/social-youtube.png);
	width: 25px;
	height: 25px;
	display: block;
}

#social-youtube:hover {
	background-image: url(../images/icons/social/over/social-youtube.png);
	width: 25px;
	height: 25px;
	display: block;
}

#social-linkedin {
	background-image: url(../images/icons/social/social-linkedin.png);
	width: 25px;
	height: 25px;
	display: block;
}

#social-linkedin:hover {
	background-image: url(../images/icons/social/over/social-linkedin.png);
	width: 25px;
	height: 25px;
	display: block;
}

#social-technorati {
	background-image: url(../images/icons/social/social-technorati.png);
	width: 25px;
	height: 25px;
	display: block;
}

#social-technorati:hover {
	background-image: url(../images/icons/social/over/social-technorati.png);
	width: 25px;
	height: 25px;
	display: block;
}

#contactinfo {
	float: right;
	color: #ffffff;
}

.phone {
	font-weight: bold;
}

.address {
	font-size: 13px;
}

/* @end */

/* @group Contest */

#contestpage #header {
	background: #dddcdc url(../images/contest/bg.jpg) no-repeat center top;
}

#contestpage #portfoliorighticons li img {
	float: left;
	width: 200px;
	margin-bottom: 10px;
}

#contestpage .portfoliosnippet {
	float: right;
	width: 290px;
}

#contestpage .portfoliosnippet h2 {
	font-size: 16px;
	padding-left: 0;
}


/* @end */