/* CSS Document */

.title {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-style: normal;
	color: #999;
}

.body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #333;
	line-height: 1.5;
}
ul, li {
	margin:0px 0px 20px 0px;
	padding:0;
}
p {margin:0px 0px 20px 0px;}

a { font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #930505;
	line-height: 1.5;
	text-decoration: none;
	
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	color: #ffffff;
	background: #930505;
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
.clock {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #000;
	line-height: 1.5;
	width: auto;
	height: 20px;
	padding: 100px 0px 0px 22px;
}
.footertext {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #333;
	line-height: 1.3;
}
.portfoliotext a{font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold; color: #333; line-height: 2; margin-bottom:10px;}
.portfoliotext a:link {text-decoration:none; background:none;}
.portfoliotext a:visited {text-decoration:none; background:none;}
.portfoliotext a:hover {text-decoration:none; color: #930505; background:none;}
.portfoliotext a:active {text-decoration:none; background:none;}

.portfoliotext2 a{font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; font-weight: bold; color: #ccc; line-height: 2; margin-bottom:10px;}
.portfoliotext a:link {text-decoration:none; background:none;}
.portfoliotext a:visited {text-decoration:none; background:none;}
.portfoliotext2 a:hover {text-decoration:none; color: #ccc; background:none;}
.portfoliotext a:active {text-decoration:none; background:none;}

.red {color:#930505;}


.profiletext {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	line-height: 2;
}
.profiletext a {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	line-height: 2;
}
.profiletext a:link {
	background:none;
	text-decoration: none;
}
.profiletext a:visited {
	background:none;
	text-decoration: none;
}
.profiletext a:hover {
	color: #930505;
	background:none;
	text-decoration: none;
}
.profiletext a:active {
	background:none;
	text-decoration: none;
}
.redtext {
	color: #930505;
}

.tabcontent ul,li {list-style-type:none; margin:0; padding:0;}

.tabcontent a { font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333;
	line-height: 1.5;
	text-decoration: none;
	list-style-type:none;
	margin:0;
	padding:0;
	
}
.tabcontent a:link {
	background:none;
	text-decoration: none;
}
.tabcontent a:visited {
	background:none;
	text-decoration: none;
}
.tabcontent a:hover {
	color: #930505;
	background:none;
	text-decoration: none;
}
.tabcontent a:active {
	background:none;
	text-decoration: none;
}
h1 {
	font-size: 15px;
	color: #930505;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
	font-weight: lighter;
	margin:20px 0px 10px 0px;
	padding:0;
}

h2 {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
	font-size: 22px;
	font-weight: lighter;
	color: #930505;
	margin:15px 0 7px 0;
	padding:0;
}

h3 {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	color: #333;
	line-height: 1.5;
	margin:10px 0px 5px 0px;
	padding:0;
}

h4 {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", Helvetica, Arial, sans-serif;
	font-size: 28px;
	font-weight:lighter;
	color: #930505;
	line-height:0.7;
}

#body,html { margin: 0 auto; padding: 0;
}

#frame {
	margin: 0 auto;
	padding: 0;
	width: 810px;
}

#header {
	background-image: url(images/header2.png);
	width: 810px;
	height: 130px;
	padding: 0;
	margin-top: 30px;
}

#menuframe {
	width:800px;
	height:22px;
    background-color:#000000;
	padding:0;
	margin:0px 5px 0px 5px;
	z-index: 100;
}

#menu {
	height:22px;
	padding: 0;
	margin-left:15px;
	z-index: 100;
}

#contenttop {
    background-image: url(images/content_top.png);
	width: 810px;
	height: 20px;
	padding: 0;
	margin: 0;
}

#content {
    background: url(images/content_middle.png) repeat-y;
	background-position: top;
	width: auto;
	height: auto;
	padding: 0px 20px 20px 20px;
	margin: 0 auto;
	float:left;
	overflow:hidden;
}

#contentbottom {
    background-image: url(images/content_bottom.png);
	width: 810px;
	height: 15px;
	padding: 0;
	margin: 0;
	clear:both;
}

#footer {
    background-image: url(images/footer.png);
	width: auto;
	height: 110px;
	padding: 20px 0px 0px 20px;
	margin:0;
}

#feature {
	width: 770px;
	height: 280px;
	padding: 0;
	margin: 0;
}

#crimbofeature {
	width: 770px;
	height: 342px;
	padding: 0;
	margin: 0;
}
#featurephoto {
    background-color: #000;
	width: 770px;
	height: 550px;
	padding: 0;
	margin: 30px 0px 0px 0px;
	float:left;
}
#photoselect {
	width: 740px;
	height: auto;
	padding: 0px 0px 0px 12px;
	z-index:100;
	overflow:hidden;
}

#contactdetails {
	width: auto;
	height: auto;
}

#col1 {
	width: 200px;
	height: auto;
	padding: 0;
	margin:15px 0px 0px 0px;
	z-index:100;
	float:left;
	overflow:hidden;
}

#col2 {
	width: 535px;
	height: auto;
	padding: 0px 15px 0px 15px;
	margin: 15px 0px 0px 0px;
	border-left-style:dotted;
	border-left-width:thin;
	border-left-color:#999;
	z-index:100;
	float:right;
	overflow:hidden;
}

#col3 {
	width: 740px;
	height: auto;
	padding: 0px 15px 0px 15px;
	margin: 0px 0px 0px 0px;
	z-index:100;
	overflow:hidden;
}

#profilebox {
	width: 169px;
	height: 220px;
	background-color:#000;
	padding: 8px;
	margin: 0px 15px 0px 0px;
	z-index:100;
}

#profiletextbox {
	width: auto;
	height: auto;
	padding: 15px 0px 0px 5px;
	z-index:100;
}

#me {
	background-image: url(images/me/me_04.jpg);
	width: 169px;
	height: 130px;
	background-color:#fff;
	padding: 0;
	margin: 0;
	z-index:100;
}

#leftbox {
	width: 155px;
	height: auto;
	padding: 15px;
	margin: 0px 15px 0px 0px;
    z-index:100;
	float:left;
}

#tabbox {
	width: auto;
	height: auto;
	padding: 15px 0px 15px 0px;
	margin: 0px 15px 0px 0px;
    z-index:100;
}

#portfoliolist {
	width:180px;
	height:auto;
	margin:0px 40px 15px 0px;
	float:left;
	padding-left:15px;
}

/* Icons */
.icon {
	width:40px;
	height:40px;
	margin:0px 17px 11px 0px;
	float:left;
}
.iconnomargin {
	width:40px;
	height:40px;
	margin:0px 0px 11px 0px;
	float:left;
}

#flickr {background: url(images/icons/icon_flickr.png); display:block; height:40px; width:40px; text-indent:-9999px; border:none;}
#linkedin {background: url(images/icons/icon_linkedin.png); display:block; height:40px; width:40px; text-indent:-9999px; border:none;}
#stumbleupon {background: url(images/icons/icon_stumbleupon.png); display:block; height:40px; width:40px; text-indent:-9999px; border:none;}
#diggit {background: url(images/icons/icon_diggit.png); display:block; height:40px; width:40px; text-indent:-9999px; border:none;}
#twitter {background: url(images/icons/icon_twitter.png); display:block; height:40px; width:40px; text-indent:-9999px; border:none;}
#facebook {background: url(images/icons/icon_facebook.png); display:block; height:40px; width:40px; text-indent:-9999px; border:none;}
#ileicestershire {background: url(images/icons/icon_ileicester.png); display:block; height:40px; width:40px; text-indent:-9999px; border:none;}
#nukeblog {background: url(images/icons/icon_nukeblog.png); display:block; height:40px; width:40px; text-indent:-9999px; border:none;}

#blogbuttonframe {width:150px; height:162px; position:absolute; top:15px; right:15px;}
#blogbutton {background: url(images/blog/blog_button_2.png); display:block; text-indent:-9999px; width:150px; height:162px;}
	
/* Floats & clears */
.left { float:left; }
.right { float:right; }
.clearleft { clear:left; }
.clearboth { clear:both; }