/*Nyloncs.co.uk CSS style sheet*/
/*Author : Roman Lester*/

body {
	background-image: url(images/pagebackground.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
}

/*All structural ids and classes*/

#container {									/*Outer container for all divs */
	width: 800px;
	height: auto;
	padding: 0px;
	margin:20px auto 0 auto; width:800px;
	border: 1px;
	border-style: solid;
	border-color: #CCCCCC;
	background-color: #FFFFFF;
}

#squarescontainer {
	width: 628px;
	height: auto;
	margin: 0 0 10px 0;
	padding: 0;
}

#header {													/*Header section*/
	width: 800px;
	height: 165px;
	background-image:url(images/header_background.gif);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}

#searchbarcontainer {										/*Container for google searchbar within header*/
	width: 280px;
	height: 200px;
	position: relative; top: 90px; left: 400px;
	padding: 0;
	margin: 0px 0px -100px 0;
	
}

#searchbar {												/*Google searchbar*/
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
	width: 280px;
	height: 20px;

}

#searchbar p {
	padding: 0px;
	margin: 0px;
	font-size: 10px;
}

#searchbar ul a {
	color: #FFCC33;
	text-decoration: none;
	font-size: 10px;

}

#searchbar ul {												
	text-decoration: none;
	list-style-type: none;
	font-size: 10px;
	padding: 0;
	margin: 0;
}

#searchbarbutton {										
	width: 100px;
	height: 25px;
}

#searchbar fieldset {											/*End google searchbar*/
	border: 0;
	width: 280px;
	height: 200px;
}

#leftcolumn {												/*Beginning of left column*/
	width: 160px;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
}

#leftcolumn h1 {
	width: 157px;
	height: 20px;
	background-color: #000000;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 4px;
	margin: 10px 0px 5px 0px;
}

#leftcolumn ul {
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 11px;
	list-style-type: square;
	margin: 0px;
	padding-left: 35px;
	padding-right: 25px;
}

#leftcolumn ul li {
	margin: 0;
	padding: 0;
}

#leftcolumn p {
	color: #666666;
	font-size: 12px;
}

#leftcolumn a {
	color: #000099;
	text-decoration: none;
}

#leftcolumn img {											/*End of left column*/
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 5px 0px 0px 0px;
	text-decoration: none;
	border: none;
}

#leftcolumn a img {
	padding: 0;
	margin: 0;
}

#maincolumn {												/*Main column for all varying content*/
	width: 630px;
	height: auto;
	float:right;
	margin: 0;
	padding: 3px 0;
}

#maincolumn p {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
	padding: 5px;
	margin: 0;
}

#maincolumn img {											/*End main column*/
	padding: 0;
	margin: 0;
	border: none;
}

.portfolioimage {
	float: right;
	margin: 0 20px 0 0;
	padding: 0;
	width: auto;
	height: auto;
}

#footer {													/*Beginning of footer*/
	width: 800px;
	height: 35px;
	background-color: #000000;
	clear: both;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#FFFFFF;
	padding: 0px;
	margin: 10px 0px 0px 0px;
}

#footer p {
	text-align: right;
	padding: 10px 5px 5px 0px;
	margin: 0px;
	float: right;
}

#footer p a {
	color: #CC9900;
	text-decoration: none;
	font-size: 11px;
	margin: 0px;
}

#footer a img{		
	float: left;
	padding: 6px 0px 0px 10px;										/*End of footer*/
	border: none;
	text-decoration: none;
}

/*All content boxes for main section*/


.leftmaincolumn {											/*Main left hand side content holde*/
	width: 258px;
	height: auto;
	float: left;
	margin: 0px 10px;
	padding: 0px 0px 15px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
}

.leftmaincolumn p {
	font-size: 11px;
	padding: 10px;
	margin: 0;
}

.leftmaincolumn ul{
	float: left;
	clear: left;
	width: auto;
	height: auto;
	list-style-type: square;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	padding: 0px 10px 0px 20px;
	margin:0px;
	
}

.leftmaincolumn ul li {
	list-style-type: square;
	padding: 5px 0px;
	font-weight: 500;
}

.leftmaincolumn ul li a {											/*End main left content holder*/
	list-style-type: square;
	text-decoration: none;
	color: #000099;
}

.rightmaincolumn {
	width: 320px;
	height: auto;
	float: right;
	margin: 0px 5px 20px 15px;
	padding: 0px 0px 10px 0px;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.rightmaincolumn img {
	padding: 0px 0px 0px 0px;
	margin: 1px 0px;
}

.rightmaincolumn ul{
	float: left;
	clear: left;
	width: 300px;
	list-style-type: square;
	padding-top: 5px;
	margin:0px;
	padding-left: 20px;
}

.rightmaincolumn ul li {
	list-style-type: square;
}

.rightmaincolumn ul li a {
	list-style-type: square;
	text-decoration: none;
	color: #000099;
	font-weight: 500;
}

.rightmaincolumn h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight: 300;
	color: #00CCFF;
}

.rightmaincolumn h3 a {
	text-decoration: none;
	color:#0099CC;
}

#leftcontent {
	width: 300px;
	height: auto;
	margin: 0;
	border: 0;
	float: left;
}

#rightcontent {
	width: 300px;
	height: auto;
	margin: 0 10px 0 0;
	border: 0;
	float: right;
}

.webbox {
	float: left;
	padding: 0;
	width: 250px;
	height: 150px;
	margin: 10px 30px;
}

.webbox h1 {
	background-color: #333333;
	width: auto;
	height: 18px;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 400;
	padding: 6px;
	margin: 0;
}

.webbox img {
	padding: 0;
	margin: 0;
}

/*End all content boxes*/

/*End all structural ids and classes*/

/*All presentation ids and classes are in here*/

.thumb{ height: 40px; width: 40px; 
	}
	
.thumbholder {
	float: left;
	height: 500px;
	width: 45px;
	padding: 0;
	margin: 0 0 0 10px;
}
	

.greyheader {													/*Background colour for grey headers*/
	background-color: #666666;
	width: auto; height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	color:#FFFFFF;
	padding: 2px 0px 2px 10px;
	margin: 0px 0px 3px 0px;
	border: 0px;	
	font-weight: 400;
}


.greyheader a {
	color: #FFFF00;
	text-decoration: none;
}

.greybox {														/*Grey box for text on home page*/
	background-color: #333333;
	width: auto;
	height: auto;
	padding: 0;
	margin: 0;
	border: 0;
	color: #FFFFFF;
}

.greybox a {
	color: #CC9900;
	text-decoration: none;
}

.yellowtext {
	font-size: 11px;
	color: #FFCC00;
	padding: 0;
	margin: 0;
}

.bigblue {
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 300;
	color: #0066FF;
	padding: 0;
	margin: 0;
}

.blue {
	color: #0000FF;
}

.whitetext {
	color: #FFFFFF;
}

.littletext {
	color: #FFFFFF;
	font-size: 9px;
}

.portfolionav {
	padding: 0;
	margin: 5px 35px 5px 0px;
	float: right;
}

/*End all presentation ids and classes*/

/*Specific positional ids and classes*/

.controllerholder {
	width: 140px;
	height: 260px;
	padding: 0;
	margin:-250px 0 0 0;
	position: relative; left: 470px; top: 400px;
	background-color: #999999;
	border: 2px #000000 solid;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.controllerholder h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 14px;
	padding: 0;
	margin: 0;
	font-weight: 300;	
	text-align: center;
}	
	
.gallerycontroller{
width: 140px;
height: auto;
margin: 0;
padding: 0;
}

.gallerycontent{
width: 500px;
height: auto;
padding: 0 0 20px 0;
margin: 0;
display: block;
float:left;
border: 1px #CCCCCC solid;
}


.galleryboxleft {
	width: 170px;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.galleryboxleft h1 {
	font-size: 14px;
	color: #0099FF;
	font-weight: 200;
}

.galleryboxleft p {
	padding:0;
	margin:0;
}

#pictureholder {
	width: 5px;
	height: auto;
	border: 2px #000000 solid;
	margin:20px auto 0 auto;
	background-color: #FFFFFF;
}

#pictureholder p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
}

.verification {
	padding: 5px 30px;
	margin: 0;
}

.padder {
	margin: 0px 0px 0px 20px;
	padding: 0;
}

.floatright {
	float: right;
}

.floatleft {
	float: left;
}

.galleryboxleft {
	width: 170px;
	height: auto;
	float: left;
	margin: 15px;
	padding: 0;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.galleryboxleft h1 {
	font-size: 14px;
	color: #0099FF;
	font-weight: 200;
}

.networkboxleft {
	width: 280px;
	height: 170px;
	float: left;
	margin: 0;
	padding: 0px;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.networkboxleft p {
	padding: 10px 5px 10px 5px;
}

.networkboxleft ul {
	padding: 0px;
	margin: 0px;
}

.networkboxleft li {
	list-style-type: none;
	padding: 5px;
}

.networkboxright {
	width: 280px;
	height: 170px;
	float: right;
	/*border: 1px;
	border-style: solid;
	border-color: #666666;*/
	margin: 0;
	padding: 0;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.networkboxright p {
	padding: 10px 5px 10px 5px;
}

.networkboxright ul {
	padding: 0px;
	margin: 0px;
}

.networkboxright li {
	list-style-type: none;
	padding: 5px;
}

.clientscontainer {										/*Container for all client boxes*/
	width: auto;
	height: auto;
	/*border: 1px;
	border-style: solid;
	border-color: #CCCCCC;*/
	padding: 0px;
	margin: 10px 6px;
}

.clientsbox {
	width: 202px;
	height: 140px;
	border: 1px #CCCCCC solid;
	padding: 0;
	margin: 1px;
	float: left;
	}
	
.clientscontainer ul {
	margin: 10px 0px 0px 10px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	list-style-type: none;
	color: #666666;
}
	
.clientscontainer img {
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 10px 0px;
}

.clientsboxright {													/*End client boxes*/
	width: 202px;
	height: 140px;
	border: 1px;
	border-style: solid;
	border-color: #CCCCCC;
	padding: 0px;
	margin: 1px;
	float: right;
}

.thinleftbox {														/*Thin left box for contact us page*/
	width: 190px;
	height: auto;
	float: left;
	/*border: 1px #000000 solid;	 */
	padding: 0;
	margin: 0;
}

.widecolumn {
	width: 625px;
	height: auto;
	padding: 0;
	margin: 10px 0;
}

.widecolumn a {
	text-decoration: none;
	color: #000000;
}

#listblueleft {
	width: 60px;
	height: auto;
	float: left;
	color: #0099CC;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

#listblueleft ul {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	list-style-type: none;
}

#listblueleft ul li {
	color: #0099CC;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#listgreyright {
	width: 170px;
	height: auto;
	float: left;
	color: #999999;
	padding: 0px;
	margin: 0px 0px 10px 10px;
}

#listgreyright ul {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	list-style-type: none;
}

#listgreyright ul li {
	color:#999999;
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.tableholder {
	width: auto;
	height: 180px;
	margin: 0 0 20px 0;
	padding: 0;
	border: none;
}

.tablebackgroundleft {
    float: left;
    background-color: #333333;
    width: 141px; height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: left;
    color:#FFFFFF;
    padding: 2px;
    margin: 1px;
    border: 1px #FFFFFF solid;
}

.tablebackgroundright {
    float: right;
    background-color: #333333;
    width: 40px; height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: left;
    color:#FFFFFF;
    padding: 2px;
    margin: 1px;
    border: 1px #FFFFFF solid;
}


.tablebackgroundfarright {
    float: right;
    background-color: #333333;
    width: 40px; height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: left;
    color:#FFFFFF;
    padding: 2px;
    margin: 1px;
    border: 1px #FFFFFF solid;
}

.tablebackgroundmedium {
    float: right;
    background-color: #333333;
    width: 92px; height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align: center;
    color:#FFFFFF;
    padding: 2px;
    margin: 1px;
    border: 1px #FFFFFF solid;
}

#1and1 {
	padding: 0 20px;
	float: right;
}

/*End Specific positional ids and classes*/

/*All navigation ids and classes start here*/

/* Begin CSS Drop Down Menu */

#menuh-container {
	height: 24px;
	width: 800px;
	margin: 2px 0px;
	padding: 0;
	}

#menuh
	{
	font-size: 11px;
	font-family: arial, helvetica, sans-serif;
	font-style: normal;
	width:100%;
	padding: 0px;
	margin:0px;
	}
		
#menuh a
	{
	text-align: center;
	display:block;
	border: 1px solid #555;
	white-space:nowrap;
	margin:0;
	padding: 5px;
	font-size: 11px;
	font-weight: 300;
	}
	
#menuh a, #menuh a:visited	/* menu at rest */
	{
	color: white;
	background-color: #000000;
	text-decoration:none;
	}
	
#menuh a:hover	/* menu at mouse-over  */
	{
	color: #FFFF00;
	background-color: #666666;
	}	
			
#menuh a.top_parent, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */
	{
	background-image: url(file:///C|/Users/Roman/Documents/sugarbowl/web/Nyloncs/images/navdown_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}
	
#menuh a.parent, #menuh a.parent:hover 	/* attaches side-arrow to all parents */
	{
	background-image: url(file:///C|/Users/Roman/Documents/sugarbowl/web/Nyloncs/images/nav_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}

#menuh ul
	{
	list-style:none;
	margin:0;
	padding-right:1px;
	padding-left: 1px;
	float:left;
	width:158px;	/* width of all menu boxes */
	}

#menuh li
	{
	position:relative;
    min-height: 1px; 	/* Sophie Dennis contribution for IE7 */
    vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
	}

#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/* End CSS Drop Down Menu */

/*Begin Left Nav Top */

#leftnavtop {
	list-style-type: none;
	text-indent: 0px;
	color: #FFFFFF;
	margin: 1px 0;
	padding: 0px 0px 0px 1px;
}
#leftnavtop ul {
	padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
    line-height: 26px;
	text-indent: 0px;
	padding: 0px;
	margin: 0px;
}

#leftnavtop li  {
    padding: 0;
	margin-top: 1px;
    color: #FFFF00;
	width: 157px;
	background-color: #333333;
	border-bottom: thin;
	border-bottom-color:#FFFFFF;
	border-bottom-style: solid;
	list-style-type: none;
	text-indent: 10px;
	font-size: 1em;
}

#leftnavtop a {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 1em;

	width: 100%;
	display: block;
}

#leftnavtop li a:hover {
    color: #FFFF00;
    background-color: #000000;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}

/*End Left Nav Top */

/*Begin Left Nav Bottom */

#leftnavbottom {
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	text-indent: 0px;
	color: #FFFFFF;
	padding: 30px 0px 0px 1px;
}
#leftnavbottom ul {
	padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
    line-height: 26px;
	text-indent: 0px;
	margin: 0px;
	padding: 0px;
}

#leftnavbottom li  {
    padding: 0;
	margin-top: 1px;
    color: #FFFF00;
	width: 157px;
	background-color: #000000;
	border-bottom: thin;
	border-bottom-color:#FFFFFF;
	border-bottom-style: solid;
	list-style-type: none;
	text-indent: 10px;
	font-size: 1em;
}

#leftnavbottom a {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 1em;
	width: 100%;
	display: block;
}

#leftnavbottom li a:hover {
    color: #FFFF00;
    background-color: #666666;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}

/*End Left Nav Bottom */

/*All navigation ids and classes end here*/