/***

Charlie Gentle 
http://www.charliegentle.co.uk

***/

/*** Reset ***/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,label,select,textarea,p,blockquote,th,td
{ 
	margin:0;
	padding:0;
}

img,fieldset
{
	border:none;
}

/*** Main Layout ***/

html
{
	margin:0;
	padding:10px;
	background:#fff;
}

body
{
	font-size:62.5%;
	/*background:#c7c46a;*/
	background:#4c4c4c;
	color:#ffffff;
}

body,input,textarea
{
	font-family: helvetica, arial, sans-serif;
}

#headerContainer
{
	height:50px;
	background:#ffffff;
}

#header
{
	width:940px;
	padding:0px 20px;
	margin:0 auto;
	height:50px;
}

#header #logo
{
	float:left;
	width:300px;
	height:60px;
	text-indent:-9999em;
	overflow:hidden;
	background: url("../commun/images/logo_soos.png") no-repeat left top;
}

.noJS #header #logo:hover
{
	opacity:0.7;
}

#nav
{
	width:940px;
	padding:0px 20px;
	margin:0 auto;
	height:30px;
}

#nav ul
{
	float:right;
	list-style:none;
}

#nav ul li
{
	display:inline;
}

#nav ul li a
{
	float:left;
	height:30px;
	text-indent:-9999em;
	overflow:hidden;
	margin:0px 0px 0px 20px;
}

.noJS #nav ul li a:hover
{
	opacity:0.5;
}

#navAbout
{
	width:80px;
	background:url("../commun/images/nav_webbox.png") no-repeat;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='commun/images/nav_webbox.png', sizingMethod='scale');
}

#navWeb
{
	width:80px;
	background:url("../commun/images/nav_portfolio.png") no-repeat;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='commun/images/nav_portfolio.png', sizingMethod='scale');
}

#navContact
{
	width:80px;
	background:url("../commun/images/nav_contact.png") no-repeat;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='commun/images/nav_contact.png', sizingMethod='scale');
}
.txt{
	font-size:14px;	
	font-weight:normal;
}
#title
{
	height:101px;
	border-bottom:solid 50px #ffffff;
	margin:69px 0px 0px 0px;
}

#title h1
{
	width:940px;
	padding:0px 20px;
	margin:0 auto;
	height:101px;
	text-indent:-9999em;
	overflow:hidden;
	background:url("../commun/images/title.png") no-repeat 0px 0px;
}
/*
#title2
{
	width:940px;
	padding:0px 20px;
	margin:0 auto;
	height:101px;
	background:url("../images/titles2.gif") no-repeat 20px 0px;
	position:absolute;
	top:0px;
	left:0px;
}

#title3
{
	width:940px;
	padding:0px 20px;
	margin:0 auto;
	height:101px;
	background:url("../images/titles3.gif") no-repeat 20px 0px;
	position:absolute;
	top:0px;
	left:0px;
}
*/
#controlContainer
{
	width:940px;
	padding:0px 20px;
	margin:0 auto;
	position:relative;	
}

#prevControl
{
	position:absolute;
	right:60px;
	bottom:-40px;
	width:30px;
	height:30px;
	background:url("../commun/images/left_arrow.gif") no-repeat 0px -30px;
	text-indent:-9999em;
	overflow:hidden;
}

#prevControl.noScroll
{
	background:url("../commun/images/left_arrow.gif") no-repeat 0px 0px;
	cursor:default;
}

#nextControl
{
	position:absolute;
	right:20px;
	bottom:-40px;
	width:30px;
	height:30px;
	background:url("../commun/images/right_arrow.gif") no-repeat 0px -30px;
	text-indent:-9999em;
	overflow:hidden;
}

#nextControl.noScroll
{
	background:url("../commun/images/right_arrow.gif") no-repeat 0px 0px;
	cursor:default;
}

.noJS #prevControl,
.noJS #nextControl
{
	display:none;
}

#content
{
	width:940px;
	height:420px;
	padding:0px 20px 0px;
	margin:30px auto 40px;
	overflow:hidden;
}

#footerContainer
{
	background:url("../commun/images/footer_bg.gif") repeat-x left 30px;
}

#footer
{
	width:940px;
	padding:0px 20px 20px;
	margin:0px auto;
	overflow:hidden;
}

#footer h2
{
	width:147px;
	height:30px;
	text-indent:-9999em;
	overflow:hidden;
	background:url("../commun/images/partenaire.png") no-repeat left top;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../commun/images/partenaire.png', sizingMethod='crop');
}

#footer p
{
	padding:10px 0px 0px 0px;
	color:#222222;
	font-size:1.2em;
	font-weight:normal;
}

#footer p a
{
	color:#222222;
}

#socialNetworks a
{
	margin:0px 10px 0px 0px;
}

#secondaryLinks
{
	text-align:right;
}

p
{
	font-size:1.4em;
	line-height:1.429em;
	padding:0px 0px 13px 0px;
	font-weight:bold;
}

p.large
{
	font-size:2em;
	line-height:1.6em;
	letter-spacing:-1px;
	padding:8px 0px 16px 0px;
}

a
{
	color:#ffffff;
	outline:none;
}

h2
{
	padding:0px 0px 12px 0px;
}

h3
{
	font-size:1.4em;
	line-height:1.667em;
}

.singleColumn
{
	float:left;
	width:100px;
	margin:0px 20px 0px 0px;
	display:inline; /* IE6 */
}

.doubleColumn
{
	float:left;
	width:220px;
	margin:0px 20px 0px 0px;
	display:inline; /* IE6 */
}

.quadColumn
{
	float:left;
	width:460px;
	margin:0px 20px 0px 0px;
	display:inline; /* IE6 */
}

.sixColumn
{
	float:left;
	width:700px;
	margin:0px 20px 0px 0px;
	display:inline; /* IE6 */
}

.endColumn
{
	margin:0px;
}

#contentScroller
{
	width:10000px;
}

.page
{
	float:left;
	width:940px;
	margin:0px 960px 0px 0px;
	min-height:300px;
}

#home h2
{
	height:30px;
	text-indent:-9999em;
	overflow:hidden;
}

#hello h2
{
	background:url("../commun/images/news_title.png") no-repeat left top;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/subtitle_hello.png', sizingMethod='crop');
}

#latestWork h2
{
	padding:0px 0px 20px 0px;
	background:url("../images/subtitle_latest.png") no-repeat left top;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/subtitle_latest.png', sizingMethod='crop');
}

#content img
{
	/*display:block;
	border:solid 2px #ffffff;
	margin:0px 0px 20px 0px;
	zoom:1;*/
}

#content img.largeImage
{
	display:block;
	border:solid 2px #ffffff;
	margin:0px 0px 0px 0px;
}

#laptop img,
#contact img
{
	border:none;
}

#web img
{
	margin:0px 0px 6px 0px;
}

#web .doubleColumn h3
{
	font-size:1.2em;
	padding:0px 0px 2px 0px;
	font-weight:bold;
}

#web .doubleColumn p
{
	font-size:1.2em;
	color:#ffffff;
	padding:0px 0px 15px 0px;
	font-weight:normal;
}

#webMain
{
	float:left;
}

.webDetail
{
	font-size:12px;
	float:left;
	display:none;
}

.webDetail .back
{
	display:block;
	text-decoration:none;
	padding:5px 0px 5px 35px;
	color:#ffffff;
	background:url("../commun/images/back.png") no-repeat 0px 0px;
}
.port_img
{
	margin:0px 3px 3px 0px;
}
.portDetail
{
	font-size:12px;
	float:left;
	display:none;
}
.portfolio{
	float:left;
	margin-right:5px;
}
.all_folio{
	width:1000px;
}
#webbox_bd{
	/*position:absolute;*/
	margin-left:-33px;
	margin-bottom:3px;
}
.portDetail .backp
{
	display:block;
	text-decoration:none;
	padding:5px 0px 5px 35px;
	color:#ffffff;
	background:url("../commun/images/back.png") no-repeat 0px 0px;
}

#feed h2
{
	background:url("../images/subtitle_feed.png") no-repeat left top;
	padding:0px 0px 15px 0px;
	height:30px;
	text-indent:-9999em;
	overflow:hidden;
	_background:none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/subtitle_feed.png', sizingMethod='crop');
}

#feed li
{
	/*border-bottom:solid 2px #58A8A9;*/
	border-bottom:solid 2px #ffffff;
	padding:1px 0px 12px 0px;
	margin:0px 0px 15px 0px;
	font-size:1.2em;
	line-height:1.667em;
	color:#ffffff;
	list-style:none;
	font-weight:bold;
}

#feed li a
{
	color:#ffffff;
}

#feed li a.time
{
	display:block;
	color:#ffffff;
	font-size:0.8em;
	text-decoration:none;
	font-weight:normal;
}

label
{
	display:block;
	font-size:1.4em;
	font-weight:bold;
	padding:0px 0px 5px 0px;
}

input
{
	display:block;
	font-size:1.4em;
	padding:5px;
	background:#ffffff;
	border:solid 2px #ffffff;
	color:#222222;
	/*width:446px;*/
	margin:0px 0px 10px 0px;
	display:block;
}

textarea
{
	display:block;
	font-size:1.4em;
	padding:5px;
	background:#ffffff;
	border:solid 2px #ffffff;
	color:#222222;
	width:446px;
	margin:0px 0px 10px 0px;
	height:120px;
}

input.error,
textarea.error
{
	background: #BB6767;
}

input.submit
{
	border:none;
	width:auto;
	display:block;
	padding:0px;
	background:none;
}

#topBorder
{
	background:#ffffff;
	height:10px;
	width:100%;
	position:fixed;
	top:0px;
	left:0px;
	_display:none;
}

#bottomBorder
{
	background:#ffffff;
	height:10px;
	width:100%;
	position:fixed;
	bottom:0px;
	left:0px;
	_display:none;
}