@charset "utf-8";
/* CSS Document */
body {background-color: #424242; margin: 0 auto;padding: 0;text-align: center;}
/*
	Website design & coded by design(function)
	www.designfunction.co.uk
	creative{at}designfunction.co.uk
	------------------------------------------
	Based on 960 Grid System - http://960.gs/
	Licensed under GPL and MIT.
*/

/* Key Containers
----------------------------------------------------------------------------------------------------*/
#wrapper {float: left; height:100%; width:100%; padding:0; margin:0 auto; border:0;
background-image:url(../images/ChrisMoore_MaleModel_repeat_alt.png); background-repeat:repeat-x; background-position:top left; background-attachment:scroll;}
.indexImage {float: left; height:auto; width:100%; padding:0; margin:0 auto; border:0; overflow: visible;}
.footerImage {float: left; height:100%; width:100%; overflow:visible; background-image:url(../images/fashion_foot.gif); background-repeat:no-repeat;  background-position:bottom center; background-attachment:scroll;}

.container_8 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	overflow:visible;
}

/* Containers
----------------------------------------------------------------------------------------------------*/
#menu {float:left; width:100%; margin:40px 0 0 0; padding:0; text-align:left; overflow:hidden;}
#header {float:left; width:100%; height:100%; margin:0; padding:50px 0 0 0;}
#footer {float:left; width:auto; height:175px; margin:0; padding:100px 0 50px 0; overflow:visible;}

/* Unique Items (.img ect)
----------------------------------------------------------------------------------------------------*/
#menu img.logo {background-color:#dee43d;}
.alignLeft {float:left; margin:3px 5px 0 0;}

a#twitterButton {display: block; text-align:left; float:left; width: 60px; height: 12px; background-image: url(../images/SocialMedia_Model_Twitter.png); background-position: 0 0; margin: 0 auto;}
a#twitterButton:hover {background-position: 0 -12px;}
a .alt { display: none; }


.portfolio img, portfolio a:link img, portfolio a:visited img {border:0; float:left; margin:0 0 20px 0; padding:0; background-color:#009999;} .portfolio a:hover img { background-image:url(../images/imgOverlay.png); background-repeat:repeat; }

/* Unique Text
----------------------------------------------------------------------------------------------------*/
#menu ul, #menu ul a:link, #menu ul a:visited { font-size:0.8em; line-height:1.5em; color:#FFFFFF; font-family:"Verdana", Arial, Helvetica, sans-serif; padding:0px; margin:20px 0 0 -10px; list-style:none; text-decoration:none;}
#menu ul a:hover { color:#000000; text-decoration:none; margin:0 0 0 -110px; padding:0 100px 0 100px; overflow:hidden;}
#menu ul a:hover.lime {background-color:#DEE43D;} #menu ul a:hover.green {background-color:#2AFAA6;} #menu ul a:hover.blue {color:#FFFFFF; background-color:#3820FA;}
#menu ul a:hover.pink {background-color:#FA2093;} #menu ul a:hover.orange {background-color:#FA8F2A;}
#menu ul span { color:#DEE43D; } #menu ul a:hover span { color:#000000; } #menu ul a:hover.blue span {color:#FFFFFF; }

#header h1 {padding:0 0 20px 0; margin:0;}

.portfolio h2, .portfolio h3 {margin:0; padding:20px 0 20px 0; background-image:url(../images/model_portfolio_strap.gif); background-repeat:no-repeat;  background-position:50% 50%; background-attachment:scroll;}

#footer p {font-size:0.9em; line-height:1.5em; margin:0; padding:0 0 20px 0; overflow:visible;}
#footer p, #footer a:link, #footer a:visited {color:#E6E6E6;  text-decoration:none; font-style:normal; }
#footer a:hover {color:#DEE43D;}
	.cc {font-size:0.75em; color:#999999;}
	
/* Text Generic
----------------------------------------------------------------------------------------------------*/

h1, h2, h3 {color:#FFFFFF; font-family:"Times New Roman", Times, serif;font-weight:normal;}
h1 {font-size:4em; line-height:1.1em; text-align:left;}
h2 {font-size:1.3em; line-height:1.5em; text-align:left;} 
h2 span, h3 span {background-color:#424242;} h2 span {padding:0 10px 0 0;} h3 span {padding:0 0 0 10px;}
h2 span span {color:#DEE43D;}
h3, h3 a:link, h3 a:visited {font-style:italic; color:#DEE43D; font-size:0.9em; line-height:1em; text-align:right;} h3 a:hover {color:#FFFFFF;}

p, p a:link, p a:visited {font-size:0.9em; line-height:1.5em; color:#FFFFFF; font-family:"Times New Roman", Times, serif; text-align:left; } p {margin:1em 0 0 0;}
p a:link, p a:visited {font-style:italic;} p a:hover {color:#DEE43D;}
	.floatRight {text-align:right;}
	.p_form p {margin:0.15em 0 0.7em 0;}
	
ul, ul a {font-size:0.9em; line-height:1.5em; color:#FFFFFF; font-family:"Times New Roman", Times, serif; text-align:left; text-decoration:none;} ul a:hover {color:#DEE43D;}

blockquote {display:block; padding:10px 0 0 0; margin:0; text-indent:0; color:#B2B2B2; font-family:"Times New Roman", Times, serif; font-style:italic;}
blockquote p {color:#B2B2B2; font-size:1.4em; line-height:1.4em; text-align:right; margin:0; padding:0;}

hr { height:4px; color:#3A3A3A; background-color:#3A3A3A; border:none; }

img {border:0;} 

/* Form Styles
----------------------------------------------------------------------------------------------------*/
input {color: #000000; background: #FFFFFF; border: 1px solid #CCCCCC; }
select {color: #000000; background: #FFFFFF; border: 1px solid #CCCCCC; }
textarea {color: #000000; background: #FFFFFF; border: 1px solid #CCCCCC; }
fieldset {color: #FFFFFF; border: 1px solid #333333;}
	.formWidth {width: 99%; font-family:"Times New Roman", Times, serif; font-size: 1em; margin-bottom:10px; }
	.inputButton {font-size: 1em; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; color:#FFFFFF; background-color:#3A3A3A; }

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 8 Columns
----------------------------------------------------------------------------------------------------*/

.container_8 .grid_1 {
	width:100px;
}

.container_8 .grid_2 {
	width:220px;
}

.container_8 .grid_3 {
	width:340px;
}

.container_8 .grid_4 {
	width:460px;
}

.container_8 .grid_5 {
	width:580px;
}

.container_8 .grid_6 {
	width:700px;
}

.container_8 .grid_7 {
	width:820px;
}

.container_8 .grid_8 {
	width:940px;
}



/* Prefix Extra Space >> 8 Columns
----------------------------------------------------------------------------------------------------*/

.container_8 .prefix_1 {
	padding-left:120px;
}

.container_8 .prefix_2 {
	padding-left:240px;
}

.container_8 .prefix_3 {
	padding-left:360px;
}

.container_8 .prefix_4 {
	padding-left:480px;
}

.container_8 .prefix_5 {
	padding-left:600px;
}

.container_8 .prefix_6 {
	padding-left:720px;
}

.container_8 .prefix_7 {
	padding-left:840px;
}



/* Suffix Extra Space >> 8 Columns
----------------------------------------------------------------------------------------------------*/

.container_8 .suffix_1 {
	padding-right:120px;
}

.container_8 .suffix_2 {
	padding-right:240px;
}

.container_8 .suffix_3 {
	padding-right:360px;
}

.container_8 .suffix_4 {
	padding-right:480px;
}

.container_8 .suffix_5 {
	padding-right:600px;
}

.container_8 .suffix_6 {
	padding-right:720px;
}

.container_8 .suffix_7 {
	padding-right:840px;
}



/* Push Space >> 8 Columns
----------------------------------------------------------------------------------------------------*/

.container_8 .push_1 {
	left:120px;
}

.container_8 .push_2 {
	left:240px;
}

.container_8 .push_3 {
	left:360px;
}

.container_8 .push_4 {
	left:480px;
}

.container_8 .push_5 {
	left:600px;
}

.container_8 .push_6 {
	left:720px;
}

.container_8 .push_7 {
	left:840px;
}



/* Pull Space >> 8 Columns
----------------------------------------------------------------------------------------------------*/

.container_8 .pull_1 {
	left:-120px;
}

.container_8 .pull_2 {
	left:-240px;
}

.container_8 .pull_3 {
	left:-360px;
}

.container_8 .pull_4 {
	left:-480px;
}

.container_8 .pull_5 {
	left:-600px;
}

.container_8 .pull_6 {
	left:-720px;
}

.container_8 .pull_7 {
	left:-840px;
}


/*#container {text-align:center;margin: 0px auto; padding: 0;width:800px; height:100%;}
#wrapper {float:left;text-align:left;width:100%;height:100%;margin:0;padding:20px;}
	#menu {text-align:right;}
	#twocol {float:left; width:340px; margin-right:50px;}
#footer {clear:both;float:right;height:100%; width:100%;margin-top:50px; padding-top:10px; padding-bottom:10px;}
	.footer {color:#CCCCCC; background-color:#333333; float:right;font-size:0.8em; line-height:1.5em; margin-left:20px; margin-right:20px; padding:20px; width:150px;}
*/


/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}