/* If you are reading this, then you must have far too much time on your hands ;) */

* {
margin: 0;
padding: 0;
}

body {
background-color:#545454;

}

#wrapper	{

width:1000px;			 
margin-left: auto;
margin-right: auto;							 
border: none;

}

#gradback	{
background-image:url(images/bgslice.png);
background-repeat:repeat-x;
}

#background 	{

background-image:url(images/bgimage3.1.png);
background-position: top;
background-repeat:no-repeat;
width: 1000px;
}

#spacer_div	{
padding:20px;
}

/*-------------------------------------------navigation styling-------------------------------------*/

#navbar 	{
background-image:url(images/navslice.png);
background-repeat:repeat-x;
border-bottom:thin #FFFFFF groove;

}

#navwrap	{
width:1000px;
border:none;
margin-left:auto;
margin-right:auto;
}

#navigation	{
width:725px;
padding-bottom:30px;
padding-top:30px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:16px;


}

#navigation li	{
display:inline;
padding-right:25px;

}

/*---------------------------------------------nav current page----------------------*/

#index_page1 #navigation .index_page a	{
color:#42B9EA;
text-decoration:none;
}

#about_page1 #navigation .about_page a	{
color:#F7931E;
text-decoration:none;
}

#services_page1 #navigation .services_page a	{
color:#FCEE21;
text-decoration:none;
}

#portfolio_page1 #navigation .portfolio_page a	{
color:#66CC00;
text-decoration:none;
}

#contact_page1 #navigation .contact_page a	{
color:#ED1C24;
text-decoration:none;
}

#blog_page1 #navigation .blog_page a	{
color:#ED1E79;
text-decoration:none;
}

#tandc_page1 #navigation .tandc_page a {
color:#662D91;
text-decoration:none;
}

/*------------------------------- normal links hover state---------------------------*/

#index_page1 a:hover	{
color:#42B9EA;
text-decoration:none;
}

#about_page1 a:hover	{
color:#42B9EA;
text-decoration:none;
}

#services_page1 a:hover	{
color:#42B9EA;
text-decoration:none;
}

#portfolio_page1 a:hover	{
color:#42B9EA;
text-decoration:none;
}

#contact_page1 a:hover	{
color:#ED1C24;
text-decoration:none;
}

#blog_page1 a:hover	{
color:#ED1E79;
text-decoration:none;
}

#tandc_page1 a:hover {
color:#662D91;
text-decoration:none;
}

/*-------------------------------------------------general linking------------------------*/

a:link	{
color:#FFFFFF;
text-decoration:underline;
}

a:visited	{
color:#FFFFFF;
text-decoration: underline;
}

/*------------navigation hover state----------------------*/

#navigation  a	{
color:#FFFFFF;
text-decoration:none;
}

#navigation .index_page	a:hover	{
color:#42B9EA;
text-decoration:none;
}

#navigation .about_page a:hover	{
color:#F7931E;
text-decoration:none;
}

#navigation .services_page a:hover	{
color:#FCEE21;
text-decoration:none;
}

#navigation .portfolio_page a:hover	{
color:#66CC00;
text-decoration:none;
}

#navigation .contact_page a:hover	{
color:#ED1C24;
text-decoration:none;
}

#navigation .blog_page a:hover	{
color:#ED1E79;
text-decoration:none
}

#navigation .tandc_page a:hover	{
color:#662D91;
text-decoration:none;
}

/*---------------------------------head & content-----------------------------*/

#header	{
background-image:url(images/headerimg2.png);
background-repeat:no-repeat;
width:696px;
height:161px;
}



#content	{
background-image:url(images/contenttransp10.png);
width:703px;
padding-left:25px;
padding-right:25px;
padding-bottom:12px;
padding-top:25px;
margin-bottom:25px;
font-family: Georgia, serif;
font-size:14px;
color:#FFFFFF;
}


#services_page1 #content {
padding-bottom:80px;
}

#about_page1 #content {
padding-bottom:182px;
}


p	{
padding-bottom:20px;
padding-top:5px;
}

.tcs	{
list-style: decimal;
}

p img	{

padding-top:10px;
padding-bottom:5px;
padding-right:15px;
padding-left:1px;
border:none;
}

#content ul	{
padding-left:15px;
}

#content ul li	{
margin-bottom: 16px;
}

h1	{
font-size:20px;
color:#42B9EA;
padding-top:25px;



}

.green	{
padding-bottom:10px;

font-size:20px;
color:#66CC00;
padding-top:25px;
}

.yellow	{
padding-bottom:10px;

font-size:20px;
color:#FCEE21;
padding-top:25px;
}

.orange	{
padding-bottom:10px;

font-size:20px;
color:#F7931E;
padding-top:25px;
}

.red	{
padding-bottom:10px;

font-size:20px;
color:#ED1C24;
padding-top:25px;
}

.purple {
padding-bottom:10px;

font-size:20px;
color:#662D91;
padding-top:25px;
}


h2	{
font-size:14px;
padding-bottom: 10px;
padding-top:15px;

}

#index_page1 h2 a, #about_page1 h2 a , #services_page1 h2 a, #about_page1 h2 a, #contact_page1 h2 a, #portfolio_page1 h2 a {
color:#66CCFF;
text-decoration: none;
}

h2.subtitle {
color: #CCC;
padding-top:5px;
}

h3	{
padding-bottom:10px;
padding-top:10px;
font-size:15px;
}

.focus, .focus a {
color:#66CCFF;
}

#content blockquote {
font-size:16px;
font-family: arial;
color: #CCC;
}

#content blockquote p {
padding-bottom: 15px;
}

cite {
font-size: 12px;
margin-top: 20px;
}

/*------------vividcopy links----------------------*/

a#vividcopy_logo {
display:block;
width: 100px;
height: 60px;
margin-bottom: 8px;
text-indent: -9999px;
background: no-repeat url(./images/vividcopy.png);
}

a#vividcopy_logo:hover {
background-position: 0 -60px;
}

a#vividcopy {
color: #EC1D31;
}

a#vividcopy:hover {
color: #FF2424;
}

/*-----------------------footer-------------------*/


#footer	{
background-color: #1d1d1d;
color:#FFFFFF;
padding-top:10px;
width:100%;
border-top: thin groove #FFFFFF;

}

#footer_nav	 li{
display:inline;
padding-right:50px;
}

#footerwrap	{
width:1000px;
border:none;
margin-left:auto;
margin-right:auto;
display:block;
}

#footer p img	{
padding-right:5px;
}

#colleft	{
width:300px;
margin-right:35px;
float:left;
padding-left:25px;
}

#colmid	{
width:300px;
margin-right:5px;
float:left;
padding-right:25px;
}

#colright	{
width:300px;
float:left;
}

#colleftdouble {
width:550px;
margin-right:70px;
float:left;
padding: 0 25px;
}

.copyright	{
clear:both;
display:block;
font-size:12px;
text-align:center;
padding-top:15px;
padding-bottom:25px;
}

/*------------portfolio preview link----------------------*/

a#portfolio-preview {
display:block;
width: 300px;
height: 42px;
margin-bottom: 8px;
text-indent: -9999px;
background: no-repeat url(./images/portfolio-preview.png);
}



/*-----------------------------------------form-----------------------------------------------*/
 form	{
font-family: Georgia, Times New Roman, Times, serif;
margin:0;
padding:0;
min-width:500px;
max-width:600px;
padding-top:35px;
padding-bottom: 25px;
}

form label	{
display:block;
float:left;
width:150px;
padding:0;
margin: 5px 0 0;
text-align:right;
clear:left;


}

form input,form textarea, form select	{
width:auto;
margin:5px 0 0 10px;
margin-bottom:20px;
float:left;

}
fieldset	{
margin-bottom:30px;
margin-left:25PX;
padding-left:25px;
}	

.buttons	{
padding-left:15px;
}	

.formnote	{
padding-top:25px;
font-size:12px;
}
		 

.formp	{
margin-bottom:25px;
}

img#me {
margin-left: 30px;
float: right;
padding-right:10px;
}

.section {
float: left;
width: 100%;
margin: 20px 0;
}

#logo-example a{
float: left;
margin: 1em 40px 1em 0;
}

#about_page1 #content blockquote {
float: left;
width: 250px;
margin: 0 50px 0 25px;
}