/*COPYRIGHT DANIEL QUINN*/
* {
margin: 0;
padding: 0;
}

body { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; background-color: #f3f3f3; }

body.index { background-image: url(../images/backtopd.gif); background-repeat: repeat-x; }

body.sub { background-image: url(../images/subback.gif); background-repeat: repeat-x; }

img { border: 0; }

a { color: #459DD3; text-decoration: none; overflow: hidden; }

a:hover { text-decoration: underline; }

a:visited { color: #13536f; text-decoration: none; overflow: hidden; }

/*CHANGE*/
h1 { font-size: 16px; color: #555555; line-height: 125%; padding: 0px; margin: 0px; }
/*CHANGE*/
h2 { font-size: 16px; color: #555555; padding: 0px 0px 0px 0px; }
.main_sub { margin: 10px 0px 0px 0px; }
h3 { font-size: 16px; /*color: #13536f;*/ color: #555555; padding: 0px 0px 0px 0px; }
h5 { font-size: 14px; color: #ffffff; padding: 4px 0px 0px 4px; }

.b1 { padding: 0px 0px 0px 0px; margin: 20px 0px 4px 0px; width: 100px; height: 35px; background-image: url(../images/bubble/b1.gif); background-repeat: no-repeat; } 
.b2 { padding: 0px 0px 0px 0px; margin: 20px 0px 4px 0px; width: 120px; height: 35px; background-image: url(../images/bubble/b2.gif); background-repeat: no-repeat; } 

#wrapwhole {
width: 800px;
margin: auto;
/*border-left: 1px dotted #ffffff;
border-right: 1px dotted #ffffff;*/
}

/*CHANGE*/
#wrap_head_index {
height: 110px;
width: 800px;
margin: 0px;
padding: 10px 0px 0px 0px;
}

#logo {
height: 90px;
width: 320px;
float: left;
margin: 0;
padding: 0;
}


/*CHANGE*/
#wrap_bod_index {
width: 800px;
margin: auto;
padding: 0px 0px 0px 0px;
height: 160px;
}

#wrap_bod_sub {
width: 800px;
margin: auto;
padding: 0px 0px 15px 0px;
height: 120px;
}

/*CHANGE*/
#content_id { margin-top: 30px; float: left; width: 540px; padding: 0px;  }
#content_id_sub {  margin: 30px 0px 0px 0px; float: left; width: 555px; padding: 0px; }

.greeting { width: 555px; }
/*.intro { font-size: 14px; color: #565656; margin: 0px; padding: 5px 5px 0px 0px; line-height: 140%; }*/

#identifier {
margin: 10px 0px 0px 0px;
float: right;
padding: 0px;
width: 245px;
height: 160px;
background-image: url(../images/frog4.jpg);
background-repeat: no-repeat;
position: relative;
}

#identifier2 {
margin: 18px 0px 0px 0px;
float: right;
padding: 0px;
width: 180px;
height: 100px;
background-image: url(../images/designfrog.jpg);
background-repeat: no-repeat;
}

#identifier3 {
margin: 9px 0px 0px 0px;
float: right;
padding: 0px;
width: 210px;
height: 110px;
background-image: url(../images/developfrog.jpg);
background-repeat: no-repeat;
}

#identifier4 {
margin: 9px 12px 0px 0px;
float: right;
padding: 0px;
width: 160px;
height: 110px;
background-image: url(../images/marketingfrog.jpg);
background-repeat: no-repeat;
}

#identifier5 {
margin: 9px 0px 0px 0px;
float: right;
padding: 0px;
width: 205px;
height: 110px;
background-image: url(../images/servicefrog.jpg);
background-repeat: no-repeat;
}

#identifier6 {
margin: 9px 15px 0px 0px;
float: right;
padding: 0px;
width: 205px;
height: 110px;
background-image: url(../images/contactfrog.jpg);
background-repeat: no-repeat;
}

#identifier7 {
margin: 9px 0px 0px 0px;
float: right;
padding: 0px;
width: 205px;
height: 110px;
background-image: url(../images/webdesignfrog.jpg);
background-repeat: no-repeat;
}
/*BODY ELEMENTS*/

#page_body {
width: 800px;
margin: auto;
clear: both;
margin-bottom: 20px;
}

.f1 { height: 30px; width: 350px; /*position: absolute;*/ margin-bottom: 3px;}
.f2 { height: 75px; width: 480px; }

#main_column_left { width: 570px; float: left; padding: 0px; margin: 20px 0px 23px 0px; margin-right: -1px; 
border-right: 1px solid #dadbda; height: auto; }
#main_column_left_hold { width: 560px; padding: 0px 0px 10px 0px; /*margin-bottom: 10px;*/ }
#main_column_left_sub { width: 560px; margin-bottom: 10px; padding-right: 20px; }

#recentholder { width: 560px; margin-top: 10px; }
#recent_left { width: 265px; float:left; }
#recent_right { width: 265px; margin-left: 285px; }
.index_recent { border: 3px solid #ffffff; }
.index_recent_2 { border: 3px solid #ffffff; margin-left: 20px; }
#recent_1 { width: 265px; float: left; padding-bottom: 5px; }
#recent_2 { width: 265px; padding-bottom: 4px; }
.rctext { width: 260px; font-size: .81em; padding: 10px 0px 5px 0px; line-height: 1.3em; color: #555555; }
.rctext2 { width: 260px; font-size: .81em; padding: 6px 0px 15px 0px; line-height: 1.3em; color: #555555; }

#main_column_right { width: 229px; float:right; padding: 0px; margin: 20px 0px 23px 0px;
border-left: 1px solid #dadbda; height: auto; }
#main_column_right_hold { width: 219px; float: right; margin-top: 0px; padding: 0px 0px 20px 0px; }

.main_column_con { margin-left: 0px; font-size: .81em ; line-height: 1.3em; padding: 5px 0px 1px 0px; color: #555555; }
.index_column_off { font-size: .81em; line-height: 1.3em; padding: 10px 0px 10px 0px; }
.start_float { float: right; clear: both; }
#start_hold { width: 200px; }
.more_service { margin-top: 0px; margin-right: 30px; margin-bottom: 10px; margin-left: 0px; text-align: right; font-size: .81em; clear: both; }
.rolltext { width: 260px; font-size: .81em; padding: 0px 0px 5px 0px; line-height: 1.3em; color: #555555; }
#con_wrap { border-bottom: 1px solid #dadbda; padding: 0px 0px 10px 0px; margin-bottom: 15px; }
.starthere { width: 100px; height: 32px; float: right; padding: 1px 14px 0px 0px; }
.servtype { height: 40px; width: 210px; padding: 0px 0px 0px 0px; font-size: 14px; color: #555555; margin: 10px 0px 10px 8px;  }
.sitefolio { border: 2px solid #DADBDA; margin: 20px 0px 2px 5px; }

.sitename { width: 130px; float: left;  font-size: .91em; float: left; color: #555555; border-right: 1px solid #dadbda; padding-left: 5px; }
.sitename a { /*color: #0033ff;*/ font-size: .78em; }
.sitename a:hover { /*color: #00FF00;*/ text-decoration: underline;}

.folio { font-size: .81em;  line-height: 1.2em ; color: #555555; padding: 1px 35px 0px 0px; text-align: right; }

.content_sty { font-size: .81em;  line-height: 1.4em ; color: #555555; padding: 5px 15px 0px 0px; }
.servmore { color: #0033FF; width: 300px;  } 
.servmore a { color: #0033ff; font-size: .81em; }
.servmore a:hover { color: #00FF00; text-decoration: underline;}

/*lists*/
ul.servicelist { list-style-type: none; list-style-image: url(../images/check.gif); padding: 0px 0px 0px 18px; margin: 0px 0px 10px 15px;
 color: #555555; }
ul.servicelist li { font-size: .81em; padding: 0px; margin: 2px 0px 2px 0px; }
ul.servicelist li a { color: #555555; }
ul.servicelist li a:hover { color: #459dd3; text-decoration: underline; }
.mailing { margin-top: 15px; }

ul.contactlist { list-style-type: none; padding: 0px 0px 0px 5px; margin: 8px 0px 5px 5px; color: #555555; }
ul.contactlist li { font-size: .81em; padding: 0px 0px 3px 0px; margin: 2px 0px 2px 0px; }
ul.contactlist li a { color: #555555; }
ul.contactlist li a:hover { color: #459dd3; text-decoration: underline; }

/*form*/

#callback { width: 200px; padding: 0px; font-size: .81em; }
/*#form_form { background-image: url(../images/formbubble.gif); width: 200px; }*/
.call { font-size: .81em; padding: 0px; margin: 0px;}

#sideform { width: 200px; background-image: url(../images/formbubble.gif); background-repeat: no-repeat; padding: 4px 0px 0px 2px; margin-top: 4px;}
#sideform ul { list-style: none; }
#sideform ul li input {
padding-left: 6px;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #555555;
font-size: 12px;
border-top: 0px ;
border-right: 0px;
border-bottom: 1px solid #dadbda;
border-left: 0px ;
margin-bottom: 10px;
width: 198px;
max-width: 198px;
}

#sideform ul li textarea {
padding: 6px;
color: #ffffff;
background-color: #459DD3;
height: 80px;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 12px;
border: 0px;
margin-bottom: 34px;
width: 190px;
max-width: 190px;
}

#sideform ul li .submit {
background: #eae5d5;
cursor: pointer;
border: none;
}

/*label { display: block; clear: both; }
label span { float: left; }
label .text, fieldset label .textarea { font-size: .91em; height: 13px; color: #666; background-color: #fff; 
border-top-style: none; border-right-style: none; border-bottom-style: 1px solid #ffffff; border-left-style: none;
/*border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 1px solid #bcbcbc; border-top: 1px solid #bcbcbc; float: right; padding: 2px 5px; }
label .textarea { width: 200px; height: 150px; }
label .text:focus, fieldset label .textarea:focus 
{ border-right: 1px solid #eebb92; /*border-bottom: 1px solid #eebb92; border-left: 1px solid #c3814c;
border-top: 1px solid #c3814c; font-size: .91em;	}
/*fieldset label .button { width: 42px; height: 26px; font-size: 11px; font-weight: bold; color: #fff;
background: url('/images/button.gif') no-repeat center center; border: none; margin: 0; }
fieldset label .select { width: 147px; height: 22px; border: 1px solid #ddd; color: #666; float: right; }

#start { background: url(../images/formbubble.gif); padding: 0px; font-size: .81em; }
#start label { height: 24px; margin: 5px 0; }
#start label .text { width: 120px; background-color: #459DD3; }
#start label .textarea { width: 150px; }
#start label .select { width: 132px; }
#start label .button { width: 55px; margin: 0 0 0 64px; }*/
#maincontact {width: 550px;}
fieldset label { display: block; clear: both; }
fieldset label input, fieldset label textarea { font-family: verdana, arial; }
fieldset label span { float: left; }
fieldset label .text, fieldset label .textarea
{font-size: 13px;
width: 135px;
height: 18px;
color: #666;
background-color: #fff;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-left: 1px solid #bcbcbc;
border-top: 1px solid #bcbcbc;
float: right;
padding: 2px 5px;}

fieldset label .textarea { width: 390px; height: 150px; margin-right: 15px;}
fieldset label .text:focus, fieldset label .textarea:focus 
{ 
border-right: 1px solid #eebb92;
border-bottom: 1px solid #eebb92;
border-left: 1px solid #c3814c;
border-top: 1px solid #c3814c;	
}

fieldset label .button
{
width: 50px;
height: 30px;
font-size: 11px;
font-weight: bold;
color: #fff;
background-image: url('../images/send2.gif');
border: none;
margin: 0;

}

fieldset label .select
{width: 147px;
height: 22px;
border: 1px solid #ddd;
color: #666;
float: right;
}
fieldset label span { float: left; }

#contactform { background-color: #f7f7f7; border: 1px solid #f1f1f1; padding: 5px; margin: 15px 0 0 0;}
#contactform label { height: 24px; margin: 5px 0; }
#contactform label .text { width: 390px; margin-right: 15px; }
#contactform label .button { margin: 0 0 0 225px; }
#contactform span { font-size: .81em; color: #555555; padding-left: 15px;}

#main_column_left_form { width: 569px; float: left; padding: 0px; margin: 20px 0px 23px 0px; margin-right: -1px; 
border-right: 1px solid #dadbda; height: 500px; }

/*NAVIGATION*/

#mainnavcontainer {
margin: 10px 0px 0px 0px;
float: right;
height: 25px;
width: 275px;
}

#mainnavcontainer a { color: #ffffff; text-decoration: none; }
#mainnavcontainer a:hover {  color: #ffffff; text-decoration: underline; }
#mainnavcontainer a:visited {  color: #ffffff; text-decoration: none; }


.clearfix:after{
content:"."; 
display:block; 
height:0; 
clear:both; 
visibility:hidden;
}
.clearfix{
display:inline-block;
}
/*Hides from IE-mac \*/*html .clearfix{height:1%;}
.clearfix{display:block;}

#menu { width: 275px; margin-top: 7px; float: right; height: 40px;}
#mainlist li {
width: 275px;
display: inline;
font-size: 16px;
color: #ffffff;
list-style-type: none;
padding: 0px 0px 0px 15px;
}

#mainlist li a {
color: #fff;
}

#mainlist li a:hover
color: #fff;
}

.last { padding: 0px; margin: 0px; }

/*FOOTER*/
#s1 { height: 4px; background-image: url(../images/grey_sep.gif); clear: both; border-top: 1px solid #DADBDA; }
#foothold { clear: both; height: 300px; /*background-color: #2a2a2a;*/ background-image: url(../images/footer.gif); background-repeat: repeat-x; }

#footwrap { width: 800px; margin: auto; font-size: .75em; }
#footwrap a { color: #555555; }
#footwrap a:hover { color: #ffffff; text-decoration: underline; }
.col1 { color: #b3b3b3; padding: 0px 5px 0px 0px; width: 250px; }
.col3 { color: #b3b3b3; padding: 0px 0px 0px 0px; width: 210px; }
#foot_col1 { width: 290px; float: left; height: 250px; }
#foot_col2 { width: 270px; float: left; height: 250px;  padding: 0px 0px 0px 20px; }
.serv { padding: 5px 0px 0px 20px; color: #b3b3b3; }
#foot_col3 { width: 210px; float: left; height: 250px; }
#foot_map { height: 45px; clear: both; border-top: 1px solid #c8c5c5; }
#footxt { width: 550px; float: left; color: #b3b3b3; font-size: .80em; padding: 5px 0px 0px 0px; }
#mapcon { float: right; width: 240px; color: #b3b3b3; font-size: .80em; padding: 5px 5px 0px 0px; text-align: right; }
#mapcon a { color: #b3b3b3; }
#mapcon a:hover { color: #b3b3b3; text-decoration: underline; }