﻿body 
{
		height:100%;
		margin:0px 0px 0px 0px; 
		padding:0px 0px 0px 0px;
     background-position:top left;
    background-repeat:repeat-x;
    background-image:url(images/bodyback.gif);
}

#all 
{
    margin:0px 0px 0px 0px;
    width:100%;
    text-align:center;
    border-top:solid 11px #22455C;
     background-position:top left;
    background-repeat:repeat-x;
    background-image:url(images/allback.gif);
 }
 #all2
{
    margin:0px 0px 0px 0px;
    width:100%;
    text-align:center;
    border-top:solid 11px #22455C;
     background-position:bottom left;
    background-repeat:repeat-x;
    background-image:url(images/allback2.gif);
 }
#container 
{
    width:760px;
    margin:0px auto;
}
#header
{
    width:760px;
    height:100px;
    margin:0px 0px 0px 0px;
    background-position:top left;
    background-repeat:no-repeat;
    background-image:url(images/headerback.gif);
}
#headernavigation
{
    width:760px;
    height:40px;
    margin:0px 0px 0px 0px;

}
    /* header nav styles */
	#headernavigation ul
	{
	    margin:0px 0px 0px 0px;
	    padding: 0px 0px 0px 0px;
	    list-style-type: none;
		float:left;
		width:698px;
		font-family:Tahoma;
		font-size:12px;
	}
	
	#headernavigation li 
	{
	    float:right;
	    margin:0px 0px 0px 0px; 
	    padding:0px 0px 0px 0px; 
    }
	
	#headernavigation a
	{
	    text-decoration:none;
	    color: #f1f1f1;
	    padding:13px 13px 3px 13px;
        float:left;
        border-left:solid 1px #e1e1e1;
	}
	
	#headernavigation a:hover, #headernavigation .active
	{
        color: #52056E;
	}
		#headernavigation a:active
	{
        color: #dd0000;
	}
	/*end of header navigation */




#subheadernavigation
{
    margin:0px 0px 0px 0px;
    width:760px;
    height:30px;
        background-position:top left;
        background-repeat:no-repeat;
        background-image:url(images/subheadernavigationback.gif);
}
    /* header nav styles */
	#subheadernavigation ul
	{
	    margin:0px 0px 0px 0px;
	    padding: 0px 0px 0px 0px;
	    list-style-type: none;
		float:left;
		width:760px;
		font-family:Tahoma;
		font-size:11px;
		
	}
	
	#subheadernavigation li 
	{
	    float:right;
	    margin:0px 0px 0px 0px;  
    }
	
	#subheadernavigation a
	{
	    text-decoration:none;
	    color: #222222;
	    padding:7px 23px 10px 23px;
        float:left;
        background-position:top left;
        background-repeat:no-repeat;
        background-image:url(images/subheadernormal.gif);
	}
	
	#subheadernavigation a:hover, #subheadernavigation .active
	{
        color: #330044;
        background-position:top left;
        background-repeat:no-repeat;
        background-image:url(images/subheaderhover.gif);
	}
		#headernavigation a:active
	{
        color: #dd0000;
	}
	
#imagebanner
{
    width:760px;
    height:120px;
    margin:0px 0px 0px 0px;
    background-position:top left;
    background-repeat:no-repeat;
    background-image:url(images/imagebannerback.gif);
    border-bottom:solid 20px #c1c1c1;
}

#maincontent
{
    width:760px;
    height:auto;
    text-align:left;
    margin:0px 0px 0px 0px;
}

#leftcontent
{
    margin:0px 0px 0px 0px;
    width:350px;
    height:auto;
    float:left;
}
#leftcontent p
{
    margin:5px 0px 15px 15px;
    width:330px;
    color:#222222;
    font-family:Arial, Georgia, Tahoma;
    font-size:12px;
}


#rightcontent
{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    width:395px;
    height:auto;
    float:right;
    /*background-color:#330044;*/
}
#rightcontentleft
{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    width:193px;
    float:left;
    /*background-color:#00e1e1;*/
    text-align:center;
}
#rightcontentleft img
{
  border:none;
  margin:0px 0px 5px 0px;
}
#rightcontentright img
{
  border:none;
  margin:0px 0px 0px 0px;
  border-top:solid 3px #ffffff;
}
#rightcontentright
{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    width:199px;
    float:right;
    background-color:#e1e1e1;
    border-left:solid 1px #CAD6DE;
    border-bottom:solid 1px #CAD6DE;
    border-right:solid 1px #CAD6DE;
}
#rightcontentright p
{
    margin:0px 0px 0px 0px;
    padding:10px 10px 0px 16px;
    color:#222222;
    font-family:Arial, Tahoma;
    font-size:12px;
}
#rightcontentright a
{
    margin:0px 0px 0px 0px;
    color:#BB00FF;
    font-family:Arial, Tahoma;
    font-size:12px;
}
#rightcontentright a:hover
{
    color:#1C7DFD;
}
#indexrighttitle1
{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    width:200px;
    height:30px;
    background-position:top right;
    background-repeat:no-repeat;
    background-image:url(images/indexrighttitle1.gif);
}
#indexrighttitle2
{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    width:200px;
    height:30px;
    background-position:top right;
    background-repeat:no-repeat;
    background-image:url(images/indexrighttitle2.gif);
}

#leftcontentlarge
{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    width:760px;
    height:auto;
    float:left;
}
#jamieoliver
{
    margin:0px 0px 0px 0px;
    padding:0px 10px 0px 5px;
    width:380px;
    height:auto;
    float:left;  
    font-family:Arial, Georgia;
    font-size:12px; 
}
#leftcontentlarge p
{
    margin:5px 0px 15px 15px;
    color:#222222;
    font-family:Arial, Georgia, Tahoma;
    font-size:12px;
}
#leftcontentlarge h1
{
    margin:15px 0px 15px 15px;
    color:#222222;
    font-family:Arial, Georgia, Tahoma;
    font-size:16px;
}

/* Portfolio Styles */
#leftcontent2
{
    margin:0px 0px 0px 0px;
    width:550px;
    height:auto;
    float:left;
}
#leftcontent2 p
{
    margin:5px 0px 15px 15px;
    width:535px;
    color:#222222;
    font-family:Arial, Georgia, Tahoma;
    font-size:12px;
}
#designartworkall
{
    margin:10px 0px 0px 0px;
    width:auto;
    height:auto;
}
#designartwork
{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 15px;
    width:180px;
    height:auto;
    float:left;  
    font-family:Arial, Georgia;
    font-size:12px; 
}
img.designartworkpic
{
    float:right;
}
#portfoliobox
{
    margin:0px 0px 0px 50px;
    padding:0px 0px 0px 0px;
    width:470px;
}
#portfoliobox img
{
    margin:0px 10px 0px 0px;
    padding:0px 0px 0px 0px;
    border:0px;
}
div.portfolioboxsingle
{
    margin:10px 5px 0px 0px;
    padding:10px 10px 10px 10px;
    float:left;
    border:solid 1px #e1e1e1;
    text-align:center;
}
div.portfolioboxsingle img
{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    border:0px;
}
div.portfolioboxsingle p
{
    margin:7px 0px 0px 0px !important;
    padding:2px 2px 2px 2px;
   width:140px !important;
   border:solid 1px #e1e1e1;
}
#rightcontent2
{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    width:195px;
    height:230px;
    float:left;
    border-left:solid 1px #e1e1e1;
    /*background-color:#330044;*/
}
#rightcontent2 ul
{
    margin:0px 0px 0px 30px;
    padding:0px 0px 0px 0px;
    width:175px;
}
#rightcontent2 li
{
    margin:3px 0px 3px 0px;
    padding:0px 0px 0px 0px;
    width:145px;
    height:30px;
    clear:both;
    text-align:center;
            background-position:top left;
        background-repeat:no-repeat;
        background-image:url(images/subheadernormal.gif);
        list-style:none;
        border-right:solid 1px #C3D2E0;
        float:left;
}
#rightcontent2 a
{
    margin:0px 0px 0px 0px;
	padding:7px 23px 11px 23px;
    float:left;
    text-decoration:none;
    color:#000000;
      font-family:Tahoma, Arial;
  font-size:11px;
  
}
#rightcontent2 a:hover
{
    color:#039AFF;
}
/* end of Portfolio Styles */

#footer
{
    margin:0px 0px 0px 0px;
    width:100%;
    clear:both;
    height:40px;
}
#footer p
{
    margin:0px 0px 0px 0px;
    padding:17px 0px 0px 0px;
  color:#DBF1FF;
  font-family:Tahoma, Arial;
  font-size:11px;
  font-weight:bold;
}
#footer a
{
    margin:0px 0px 0px 0px;
    text-decoration:none;
    color:#666666;
      font-family:Tahoma, Arial;
  font-size:11px;
  
}
#footer a:hover
{
    color:#BB00FF;
}
.cleaner
{
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
}

a.goback 
{
  font-family:Arial, Georgia;
  font-size:11px;
  color:#800080; 
  
}
a:hover.goback 
{
  color:#7FA1B8; 
  text-decoration:none;
}

#stepbystepbox
{
    height:870px;
    background-color:#ffffff;
}
#stepbystepboxleft
{
    float:left;
    /*border:solid 1px red;*/
    width:305px;
}

#stepbystepboxright
{
    padding:23px 0px 0px 18px;
    /*border:solid 1px red;*/
    width:150px;
    float:left;
    font-family:Arial, Georgia;
    font-size:11px;
}
#stepbystepboxright h1
{
    margin:0px 0px 0px 0px;
    font-family:Arial, Georgia;
    font-size:26px;
}


/* Form */

label {
	display: block;
	width: 200px;
	float: left;
	text-align: right;
	padding-right: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #70779B;
	padding-top: 3px;clear:both;
}
div.formspace 
{
	width: 300px;
    height:5px;
    clear:both;
    /*border:solid 1px red; */
    font-size:1px;  
}

span.color1
{
    color:#51597D;
    font-weight:bold;
    font-size:16px;
}
span.bold
{
    font-weight:bold;
}
span.italic
{
    font-style:italic;
}