/* hides holly hack from ie5mac \*/
* html .box { height: 1%;}
/* end hide from ie5mac */


* {
margin: 0;
padding: 0;
}

body {
text-align: center;
font: 62.5%/150% arial, tahoma, sans-serif;
background: #6E6E52;
}

#strap {
padding: 0;     /* no more need at this point */
}






#wrapperindex {
width: 720px;
margin: 0 auto;
background: #fff url(images/peonies.jpg) no-repeat 0 0;
text-align: left;
color: #333;
border-right: 1px solid #332A22;
border-left: 10px solid #C1123D;
}

#wrapperdevelopment {
width: 720px;
margin: 0 auto;
background: #fff url(images/green.jpg) no-repeat 0 0;
text-align: left;
color: #333;
border-right: 1px solid #74B422;
border-left: 10px solid #74B422;
}

#wrapperseo {
width: 720px;
margin: 0 auto;
background: #fff url(images/orange.jpg) no-repeat 0 0;;
text-align: left;
color: #333;
border-right: 1px solid #D16F00;
border-left: 10px solid #D16F00;
}

#wrapperprices {
width: 720px;
margin: 0 auto;
background: #fff url(images/pink.jpg) no-repeat 0 0;;
text-align: left;
color: #333;
border-right: 1px solid #A30C1B;
border-left: 10px solid #E24A6E;
}

#wrapperweddings {
width: 720px;
margin: 0 auto;
background: #fff url(images/flower.jpg) no-repeat 0 0;
text-align: left;
color: #333;
border-right: 1px solid #332A22;
border-left: 10px solid #FF5CF3;
}

/* #wrapperartists {      THIS IS NO MORE IN USES
width: 720px;
margin: 0 auto;
background: #fff url(images/graffiti.jpg) no-repeat 0 0;
text-align: left;
color: #333;
border-right: 1px solid #332A22;
border-left: 10px solid #C9605C;
}   */


#wrapperportfolio {
width: 720px;
margin: 0 auto;
background: #fff url(images/grass.jpg) no-repeat 0 0;;
text-align: left;
color: #333;
border-right: 1px solid #332A22;
border-left: 10px solid #ECB611;
}

#wrappercontact {
width: 720px;
margin: 0 auto;
background: #fff url(images/sunset.jpg) no-repeat 0 0;
text-align: left;
color: #333;
border-right: 1px solid #332A22;
border-left: 10px solid #F56D57;
}

#wrapperabout {
width: 720px;
margin: 0 auto;
background: #fff url(images/polar.jpg) no-repeat 0 0;
text-align: left;
color: #333;
border-right: 1px solid #A87D9B;
border-left: 10px solid #A87D9B;
}




#headerwedding {
height: 120px;
width: 720px;
background: url(images/weddings.jpg) no-repeat 0px 83px;
}

/* #headerartists {
height: 120px;
width: 720px;
background: url(images/artists.jpg) no-repeat 0px 83px;
}  */

#headerabout {
height: 120px;
width: 720px;
background: url(images/about.jpg) no-repeat 0px 83px;
}

#headerdevelopment {
height: 120px;
width: 720px;
background: url(images/development.jpg) no-repeat 0px 83px;
}

#headerdesign {
height: 120px;
width: 720px;
background: url(images/portfolio.jpg) no-repeat 0px 83px;
}

#headerseo {
height: 120px;
width: 720px;
background: url(images/seo_cms.jpg) no-repeat 0px 83px;
}

#headercontact {
height: 120px;
width: 720px;
background: url(images/contact.jpg) no-repeat 0px 83px;
}

#headerprices {
height: 120px;
width: 720px;
background: url(images/prices.jpg) no-repeat 0px 83px;
}

#headerindex {
height: 120px;
width: 720px;
background: url(images/home.jpg) no-repeat 0px 83px;
}


h1 {
font-weight: normal;
font-size: 1.3em;
letter-spacing: 0.2cm;
margin: 10px 0 5px 0;
}

h2, h3, h4, h5, h6 {
font-weight: normal;
font-size: 1.1em;
letter-spacing: 0.2cm;
margin: 20px 0 5px 0;
}

.first {
margin-top: 10px;
}


#left {
float: left;
width: 180px;
background: #A9A990
}

#nav {
list-style: none;
position: relative;
left: -10px;
top: 60px;
}

#nav li a {
color: #000;
font-size: 1.1em;
letter-spacing: 0.2cm;
line-height: 220%;
display: block;
width: 165px;
height: 25px;
background-color: #fff;
padding-left: 8px;
text-decoration: none;
border-bottom: solid 1px #333;
}

#nav li a:hover {
background: #666;
color: white;
border-bottom: solid 1px red;
}



#current a {
background-image: url(images/arrow.gif);
background-repeat: no-repeat;
background-position: 100% 50%;
}

#current a:hover {
background-image: url(images/arrow.gif);
background-repeat: no-repeat;
background-position: 100% 50%;
}



#navinside {
list-style: none;
position: relative;
left: -10px;
top: 100px;
}

#navinside li a {
color: #000;
font-size: 1.15em;
line-height: 200%;
letter-spacing: 0.03cm;
display: block;
width: 165px;
height: 20px;
background-color: #4E2697;
color: yellow;
padding-left: 8px;
text-decoration: none;
}

#navinside li a:hover {
background-color: yellow;
color: black
}

#skip {
position: absolute;
left: -999px;
}


#content {
float: left;
width: 500px;
height: 500px;
padding: 35px 0;
font: 1.3em/180% arial, tahoma, sans-serif;
letter-spacing: 0.01cm;
padding: 20px
}

html>body #content {
height: auto; min-height: 500px;
}


#footer {
clear: both;
padding: 3px 0;
background: white;
text-align: center;
letter-spacing: 0.02cm;
border-top: 1px solid red;
}


#footer a {
border: 0;
padding:0;
margin:0;
text-decoration: none;
}


img {
border: none;
}

p {
margin: 7px 0 12px 0;
}

a {
text-decoration: none;
}

p a:link {
color: red;
border-bottom: 1px solid red;
}

p a:visited {
color: green;
border-bottom: 1px solid green;
}

p a:hover {
color: orange;
border-bottom: 1px solid orange;
}

p a:active {
color: orange;
border-bottom: 1px solid orange;
}

.small {
font-size: 1em;
padding-bottom: 30px;
}

.photo {  /*   for photos  */
float: left;
padding: 0 2em 1em 0;
}


.portfolio {	/*  box for portfolio image */
float: left;
width: 150px;
height: 160px;
}

.portfolio img {	/*  box for portfolio image */
padding:20px 0;
}

.dida {		/*  box for portfolio text */
float: left;
width: 330px;
height: 100px;
padding: 15px 8px;
font: 0.9em/170% verdana, arial, tahoma, sans-serif;
}

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

.weddings {	/*  box for weddings image */
float: left;
width: 150px;
height: 140px;
}

.weddingsclear {	/*  box for weddings image */
clear: both;
width: 150px;
height: 140px;
}



#list1 ul, #list2 ul{
padding-left: 0;
margin-left: 0;
padding-top: 5px;
padding-bottom: 5px;
}

#list1 li, #list2 li{
list-style-type: none;
background: url(images/dot2.gif) left center no-repeat;
padding-left: 30px;
margin-bottom: 5px;
}


#name a:link {
text-decoration: none;
color: #333;
border-bottom: none;
}

#name a:visited {
text-decoration: none;
color: #333;
border-bottom: none;
}

#name a:hover {
text-decoration: none;
color: #333;
border-bottom: none;
}

#name a:active {
text-decoration: none;
color: #333;
border-bottom: none;
}